:root{
  --bg:#f8f5ee;--ink:#171816;--muted:#6d6d67;--card:#fffdf8;--violet:#6d5ce8;--violet2:#8c7cff;
  --soft:#ece8ff;--coral:#f16f61;--green:#3f9a72;--line:rgba(23,24,22,.12);--shadow:0 20px 70px rgba(37,31,70,.13);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
button,input,select,textarea{font:inherit}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,56px);position:sticky;top:0;z-index:30;background:rgba(248,245,238,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,24,22,.06)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:18px;letter-spacing:-.4px}.brand img{width:38px;height:38px;object-fit:contain}.top-actions{display:flex;align-items:center;gap:10px}.nav-pill{height:42px;border:1px solid var(--line);background:var(--card);border-radius:99px;padding:0 14px;display:flex;align-items:center;gap:7px;font-weight:900;cursor:pointer;box-shadow:0 6px 20px rgba(30,28,44,.05)}.nav-pill img{width:22px;height:22px;object-fit:contain}.judd-pill:hover{background:#f2eee6}.test-pill{background:var(--ink);color:white;border-color:var(--ink)}.test-pill:hover{transform:translateY(-1px)}.coin-pill,.avatar-btn{border:1px solid var(--line);background:var(--card);box-shadow:0 6px 20px rgba(30,28,44,.05);height:42px;cursor:pointer}.coin-pill{border-radius:99px;padding:0 14px;display:flex;gap:8px;align-items:center}.coin-pill span{color:var(--violet)}.avatar-btn{width:42px;border-radius:50%;font-size:20px}
main{min-height:100vh}.arena{max-width:1180px;margin:0 auto;padding:clamp(44px,6vw,84px) clamp(18px,4vw,44px) 72px}.arena-head{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:34px}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.16em;margin:0 0 10px;color:#63635e}.live-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#6ad38f;box-shadow:0 0 0 5px rgba(106,211,143,.14);margin-right:7px}.arena h1{font-size:clamp(52px,8.3vw,110px);line-height:.83;letter-spacing:-.075em;margin:0;font-weight:950;max-width:900px}.arena h1 em,.loop-section h2 em,.results-tease h2 em{font-style:normal;color:var(--violet)}.sub{font-size:clamp(15px,2vw,20px);color:var(--muted);margin:24px 0 0;line-height:1.5}.hero-actions{display:flex;align-items:center;gap:16px;margin-top:24px}.hero-actions span{max-width:460px;color:var(--muted);font-size:13px;line-height:1.45}.hero-upload{white-space:nowrap}.streak-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:13px 16px;box-shadow:var(--shadow);min-width:136px;text-align:left;cursor:pointer;color:var(--ink)}.streak-card>span{font-size:26px}.streak-card div{display:flex;flex-direction:column}.streak-card b{font-size:25px;line-height:1}.streak-card small{color:var(--muted);font-size:11px}.streak-card em{font-style:normal;color:var(--violet);font-size:9px;font-weight:900;letter-spacing:.02em;margin-top:3px}
.unlock-wrap{margin:6px 0 26px}.unlock-copy{display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:750;margin-bottom:8px}.unlock-copy b{color:var(--violet)}.progress{height:8px;border-radius:99px;background:#e9e3d8;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--violet2));transition:width .35s cubic-bezier(.2,.8,.2,1)}
.battle-stage{display:grid;grid-template-columns:1fr 52px 1fr;align-items:stretch;min-height:min(63vw,650px);position:relative}.photo-card{appearance:none;border:0;padding:0;border-radius:28px;overflow:hidden;background:#ddd;position:relative;cursor:pointer;box-shadow:0 24px 50px rgba(31,27,55,.14);transform:translateZ(0);transition:transform .18s ease,filter .18s ease,opacity .18s ease}.photo-card:hover{transform:translateY(-4px)}.photo-card:active{transform:scale(.985)}.photo-media{width:100%;height:100%;min-height:520px;background-position:center;background-size:cover;display:grid;place-items:center}.photo-media img{width:100%;height:100%;object-fit:cover;display:block}.demo-a{background:radial-gradient(circle at 48% 30%,#f6d7be 0 11%,transparent 11.5%),radial-gradient(circle at 49% 38%,#2f2c2a 0 18%,transparent 18.4%),linear-gradient(155deg,#d9eef4 0 44%,#94b4c0 44% 100%)}.demo-b{background:radial-gradient(circle at 52% 29%,#dcb194 0 11%,transparent 11.5%),radial-gradient(circle at 51% 37%,#362521 0 18%,transparent 18.4%),linear-gradient(155deg,#ead9cf 0 42%,#b7826b 42% 100%)}.demo-face{font-size:clamp(70px,10vw,140px);font-weight:950;color:rgba(255,255,255,.7);text-shadow:0 2px 30px rgba(0,0,0,.1)}.tap-cue{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:rgba(18,18,17,.78);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);border-radius:99px;padding:10px 14px;font-size:11px;font-weight:900;letter-spacing:.12em;white-space:nowrap}.winner-mark{position:absolute;inset:auto 18px 18px auto;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green);font-size:26px;font-weight:900;opacity:0;transform:scale(.5);transition:.2s}.photo-card.picked{transform:scale(1.016);outline:5px solid rgba(109,92,232,.28);filter:saturate(1.08)}.photo-card.picked .winner-mark{opacity:1;transform:scale(1)}.photo-card.lost{opacity:.45;filter:grayscale(.5);transform:scale(.97)}.versus{align-self:center;justify-self:center;z-index:4;width:52px;height:52px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-weight:950;font-size:13px;box-shadow:0 10px 28px rgba(0,0,0,.18)}.battle-controls{display:grid;grid-template-columns:100px 1fr 100px;align-items:center;margin-top:20px;color:var(--muted);font-size:16px;text-align:center}.battle-controls>span{font-weight:750;letter-spacing:-.01em}.soft{border:0;background:transparent;color:var(--muted);font-weight:800;cursor:pointer;padding:8px}.soft:hover{color:var(--ink)}.soft.danger:hover{color:var(--coral)}.reward-pop{position:fixed;left:50%;top:30%;z-index:80;background:var(--ink);color:#fff;border-radius:99px;padding:12px 18px;font-weight:950;font-size:20px;opacity:0;transform:translate(-50%,18px) scale(.85);pointer-events:none}.reward-pop.show{animation:reward .65s ease}@keyframes reward{0%{opacity:0;transform:translate(-50%,18px) scale(.75)}30%{opacity:1;transform:translate(-50%,0) scale(1.08)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-20px) scale(.95)}}.preview-banner{margin-top:18px;border:1px dashed rgba(109,92,232,.32);background:var(--soft);color:#5548bb;border-radius:14px;padding:10px 12px;font-size:12px;font-weight:800;text-align:center}
.photo-caption{position:absolute;left:16px;right:16px;bottom:68px;z-index:3;margin:0 auto;max-width:calc(100% - 32px);background:rgba(255,253,248,.94);color:var(--ink);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.28;font-weight:750;letter-spacing:-.01em;box-shadow:0 8px 24px rgba(0,0,0,.14);text-align:left;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.photo-caption[hidden]{display:none!important}.caption-input{min-height:72px!important;resize:none!important;line-height:1.4}.caption-help{display:flex!important;justify-content:space-between;gap:8px;align-items:flex-start}.caption-help #captionCount{font-variant-numeric:tabular-nums;font-weight:800;color:var(--violet)}.my-photo-caption{margin:4px 0 8px!important;color:var(--ink)!important;font-size:11px!important;font-weight:650!important;line-height:1.35!important}

.loop-section{padding:112px clamp(18px,6vw,90px);background:#171816;color:white}.section-kicker{font-size:12px;letter-spacing:.18em;color:#aaa9a3;font-weight:900;margin-bottom:16px}.loop-section h2,.results-tease h2{font-size:clamp(42px,6vw,78px);line-height:.95;letter-spacing:-.055em;margin:0 0 42px}.loop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.loop-grid article{border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:24px;min-height:210px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02))}.loop-grid article span{display:block;color:#8c7cff;font-weight:900;margin-bottom:48px}.loop-grid article b{display:block;font-size:20px}.loop-grid article p{color:#a8a8a3;font-size:14px;line-height:1.5}
.results-tease{max-width:1180px;margin:0 auto;padding:122px clamp(18px,4vw,44px);display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.result-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;color:var(--muted);max-width:680px;margin:28px 0 30px}.result-copy>p strong{color:var(--ink)}.primary{border:0;background:var(--violet);color:white;border-radius:14px;font-weight:900;padding:14px 18px;cursor:pointer;box-shadow:0 12px 30px rgba(109,92,232,.22);transition:.18s}.primary:hover{transform:translateY(-2px);background:#5f4fe0}.result-card{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.result-top{display:flex;justify-content:space-between;font-size:12px;font-weight:900;letter-spacing:.1em}.status-dot{color:var(--green)}.big-rate{font-size:96px;font-weight:950;letter-spacing:-.08em;line-height:1;margin-top:28px}.big-rate span{font-size:38px;color:var(--violet)}.result-card>p{color:var(--muted);margin-top:0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.mini-stats div{background:#f4f0e8;border-radius:14px;padding:12px}.mini-stats b,.mini-stats span{display:block}.mini-stats span{font-size:11px;color:var(--muted)}.judd-note{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:18px}.judd-note img{width:48px}.judd-note p{font-weight:800;margin:0}.safety-strip{background:#ece8ff;padding:24px clamp(18px,5vw,70px);display:flex;justify-content:space-between;gap:30px;color:#5147a2;font-size:13px}.safety-strip span{color:#6b6592}
.judd-mode-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.judd-mode-head img{width:76px;height:76px;object-fit:contain}.judd-mode-head .eyebrow{margin-bottom:6px}.judd-mode-head h3{margin:0!important}.judd-intro{color:var(--muted);line-height:1.55;margin:0 0 22px}.judd-drop{height:300px}.judd-drop img{object-fit:contain;background:#f7f3ec;padding:10px}.judd-go{border:0;background:var(--ink);color:#fff;border-radius:14px;font-weight:950;padding:15px 18px;cursor:pointer;box-shadow:0 12px 30px rgba(23,24,22,.16)}.judd-go:hover{transform:translateY(-2px)}.judd-output{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:18px;border-radius:18px;background:#1c1d1b;color:white}.judd-output img{width:54px;flex:0 0 auto}.judd-output small{color:#a99cff!important;letter-spacing:.12em;font-weight:950;margin:0 0 7px!important}.judd-output p{margin:0;font-size:17px;line-height:1.48;font-weight:800}.judd-output[hidden]{display:none!important}
.sheet{border:0;padding:0;background:transparent;max-width:none;width:100%;height:100%;margin:0}.sheet::backdrop{background:rgba(18,18,18,.42);backdrop-filter:blur(7px)}.sheet-card{position:absolute;right:18px;top:18px;bottom:18px;width:min(460px,calc(100% - 36px));border-radius:28px;background:var(--card);padding:32px;box-shadow:0 30px 100px rgba(0,0,0,.25);overflow:auto}.sheet-card h3{font-size:38px;letter-spacing:-.05em;margin:0 0 28px}.auth-lede{color:var(--muted);font-size:14px;line-height:1.55;margin:-12px 0 20px}.oauth-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:14px;padding:13px 16px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-weight:900;box-shadow:0 8px 24px rgba(18,18,17,.06);transition:.18s}.oauth-btn:hover{transform:translateY(-1px);border-color:#c9c2b8}.google-g{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #ddd;font-weight:900;color:#4285f4;font-size:14px}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin:18px 0 8px}.auth-divider::before,.auth-divider::after{content:'';height:1px;background:var(--line);flex:1}.x{position:absolute;right:20px;top:18px;border:0;background:#f0ece4;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer}.judd-mini{width:58px;margin-bottom:20px}.sheet-card label{display:block;font-size:13px;font-weight:800;margin:16px 0 8px}.sheet-card input:not([type=checkbox]),.sheet-card select,.sheet-card textarea{width:100%;border:1px solid var(--line);background:white;border-radius:13px;padding:13px 14px;outline:none}.sheet-card input:focus,.sheet-card select:focus,.sheet-card textarea:focus{border-color:#8c7cff;box-shadow:0 0 0 4px rgba(109,92,232,.11)}.wide{width:100%;margin-top:14px}.sheet-card small,.micro{display:block;color:var(--muted);font-size:12px;line-height:1.45;margin-top:10px}.field-help{font-weight:500;text-transform:none;letter-spacing:0;margin-top:7px;line-height:1.35}.check{display:flex!important;align-items:flex-start;gap:10px}.check input{margin-top:3px}.dropzone{height:270px;border:2px dashed rgba(109,92,232,.35)!important;border-radius:20px!important;background:#f5f1ff;display:grid!important;place-items:center;position:relative;overflow:hidden;cursor:pointer}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.dropzone.has-image img{display:block}.dropzone.has-image span{display:none}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.danger-solid{border:0;border-radius:14px;background:var(--coral);color:white;font-weight:900;padding:14px;cursor:pointer}.sheet-card textarea{min-height:100px;resize:vertical}.toast{position:fixed;left:50%;bottom:26px;z-index:100;transform:translate(-50%,24px);background:var(--ink);color:white;border-radius:14px;padding:12px 16px;font-size:13px;font-weight:800;opacity:0;pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.arena-head{align-items:flex-start}.streak-card{margin-top:18px}.battle-stage{grid-template-columns:1fr 18px 1fr;min-height:58vw}.versus{width:42px;height:42px;font-size:11px}.photo-media{min-height:430px}.loop-grid{grid-template-columns:1fr 1fr}.results-tease{grid-template-columns:1fr}.result-card{max-width:500px}.safety-strip{flex-direction:column;gap:8px}}
@media(max-width:620px){.topbar{height:64px;padding:0 10px}.nav-pill{height:38px;padding:0 10px}.judd-pill span{display:none}.judd-pill img{width:20px}.test-pill{font-size:11px}.coin-pill{height:38px;padding:0 10px}.avatar-btn{height:38px;width:38px}.brand b{font-size:16px}.brand img{width:34px;height:34px}.arena{padding:28px 12px 44px}.arena-head{display:block}.arena h1{font-size:55px}.streak-card{position:static;right:auto;top:auto;min-width:auto;padding:9px 11px;margin:18px 0 0;width:max-content}.streak-card>span{font-size:19px}.streak-card b{font-size:18px}.streak-card small{font-size:10px}.sub{max-width:300px;font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:9px;margin-top:18px}.hero-actions span{font-size:11px;max-width:290px}.hero-upload{padding:12px 15px}.streak-card em{display:none}.battle-stage{grid-template-columns:1fr 10px 1fr;min-height:74vh;max-height:690px}.photo-card{border-radius:20px}.photo-media{min-height:74vh}.versus{width:36px;height:36px;font-size:10px}.tap-cue{font-size:9px;padding:8px 9px;bottom:12px}.photo-caption{left:8px;right:8px;bottom:52px;max-width:calc(100% - 16px);padding:8px 9px;border-radius:11px;font-size:10px;line-height:1.25}.winner-mark{width:44px;height:44px;right:12px;bottom:12px}.battle-controls{grid-template-columns:70px 1fr 70px}.battle-controls span{font-size:14px;line-height:1.25}.loop-section{padding:70px 14px}.loop-section h2,.results-tease h2{font-size:44px}.loop-grid{grid-template-columns:1fr}.loop-grid article{min-height:160px}.loop-grid article span{margin-bottom:28px}.results-tease{padding:86px 14px;gap:44px}.result-copy>p:not(.eyebrow){margin:22px 0 26px}.big-rate{font-size:78px}.safety-strip{padding:22px 14px}.sheet-card{inset:auto 8px 8px 8px;width:auto;max-height:92vh;border-radius:24px;padding:26px 20px}.sheet-card h3{font-size:34px}.two-col{grid-template-columns:1fr}.preview-banner{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.wallet-row{display:flex;justify-content:space-between;align-items:center;background:#f2eee6;border-radius:14px;padding:14px 16px;margin-bottom:10px}.wallet-row b{font-size:22px;color:var(--violet)}.my-photos{display:grid;gap:10px;margin:18px 0}.my-photo-card{display:grid;grid-template-columns:88px 1fr;gap:12px;border:1px solid var(--line);border-radius:17px;padding:10px;background:#fff}.my-thumb{width:88px;height:110px;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#ddd7ca,#bbb1a1);display:grid;place-items:center;color:#777}.my-thumb img{width:100%;height:100%;object-fit:cover}.my-photo-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.my-photo-head b{font-size:14px}.my-photo-head span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.my-photo-body p{font-size:11px;color:var(--muted);margin:7px 0}.my-photo-actions{display:flex;gap:6px;flex-wrap:wrap}.mini-primary,.mini-soft,.mini-danger{border:0;border-radius:9px;padding:7px 9px;font-size:10px;font-weight:900;cursor:pointer}.mini-primary{background:var(--violet);color:white}.mini-soft{background:#eee9df;color:var(--ink)}.mini-danger{background:#fff0ee;color:#a83e34;border:1px solid #f1c7c1}.inline-result{margin-top:9px;background:var(--soft);border-radius:10px;padding:9px}.inline-result b,.inline-result span,.inline-result em{display:block}.inline-result b{color:#4d43a9}.inline-result span{font-size:10px!important}.inline-result em{font-style:normal;font-size:11px;margin-top:5px;font-weight:800}
.micro-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px max(20px,calc((100vw - 1120px)/2));font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.micro-footer a{color:var(--ink);font-weight:800;text-decoration:none}@media(max-width:600px){.micro-footer{align-items:flex-start;flex-direction:column;padding:18px 16px}}

.account-delete{width:100%;margin-top:10px;border:0;background:transparent;color:#a83e34;font-size:11px;font-weight:850;text-decoration:underline;cursor:pointer;padding:9px}.account-delete:disabled{opacity:.45}
.lab-subhead{margin-top:20px;font-size:10px;font-weight:950;letter-spacing:.12em;color:var(--muted)}.my-ab-tests{display:grid;gap:8px;margin:9px 0 16px}.ab-test-card{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:11px 12px;background:#fff}.ab-test-card div{display:grid;gap:3px}.ab-test-card b{font-size:13px}.ab-test-card span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.my-lineup{display:grid;gap:6px;margin:9px 0 16px}.lineup-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;background:#f3efe7;border-radius:12px;padding:9px 11px}.lineup-row b{color:var(--violet);font-size:12px}.lineup-row span{font-size:12px;font-weight:850}.lineup-row strong{font-size:13px}.lineup-note{font-size:10px;color:var(--muted);margin:4px 2px 0;line-height:1.45}

/* V3.2 — category battle rail + deliberate first-look lock */
.category-tabs{display:flex;gap:10px;align-items:center;overflow-x:auto;scrollbar-width:none;margin:-12px 0 42px;padding:4px 2px 8px;position:relative;z-index:5}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex:0 0 auto;border:1px solid var(--line);background:rgba(255,253,248,.82);color:var(--muted);border-radius:999px;padding:11px 16px;font-size:13px;font-weight:900;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 5px 18px rgba(35,31,55,.04);transition:.18s ease}.category-tab span{font-size:13px;color:var(--violet)}.category-tab:hover{color:var(--ink);transform:translateY(-1px)}.category-tab.active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 10px 24px rgba(23,24,22,.14)}.category-tab.active span{color:#a99cff}
.look-lock{position:absolute;z-index:12;left:50%;top:16px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.45);background:rgba(20,20,19,.78);backdrop-filter:blur(12px);color:white;border-radius:999px;padding:9px 13px;box-shadow:0 12px 30px rgba(0,0,0,.16);pointer-events:none;opacity:0;transition:.18s}.look-lock span{font-size:10px;letter-spacing:.13em;font-weight:950}.look-lock b{font-size:13px;min-width:24px;color:#c9c2ff;font-variant-numeric:tabular-nums}.battle-stage.locked .look-lock{opacity:1}.battle-stage.locked .photo-card{cursor:wait}.battle-stage.locked .photo-card:hover{transform:none}.battle-stage.locked .tap-cue{opacity:.34}.battle-stage:not(.locked) .look-lock{transform:translateX(-50%) translateY(-6px)}
.category-shift{animation:categoryShift .24s ease}@keyframes categoryShift{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
.insight-line{margin-top:8px;font-size:11px!important;color:#655bc0!important;font-weight:850}
@media(max-width:620px){.category-tabs{margin:-4px -2px 28px;padding:4px 2px 7px;gap:7px}.category-tab{padding:9px 12px;font-size:11px}.look-lock{top:10px;padding:7px 10px}.look-lock span{font-size:9px}.look-lock b{font-size:12px}.arena h1{line-height:.88}}



.judd-mobile-tab{display:none}

/* V3.3 — mobile-first arena: get users to the battle before the landing-page copy */
@media(max-width:620px){
  body{background:#f8f5ee}
  .topbar{
    height:58px;
    padding-left:max(9px,env(safe-area-inset-left));
    padding-right:max(9px,env(safe-area-inset-right));
    gap:8px;
  }
  .brand{gap:7px;min-width:0}
  .brand img{width:30px;height:30px}
  .brand b{font-size:15px;letter-spacing:-.45px;white-space:nowrap}
  .top-actions{gap:6px;min-width:0}
  .judd-pill{display:none}
  .nav-pill,.coin-pill,.avatar-btn{height:36px}
  .test-pill{padding:0 12px;font-size:10.5px;line-height:1.05}
  .coin-pill{padding:0 10px;gap:6px}
  .avatar-btn{width:36px;font-size:17px}

  .arena{
    padding:8px 12px 36px;
    max-width:none;
  }
  .category-tabs{
    position:sticky;
    top:58px;
    z-index:24;
    margin:0 -12px 12px;
    padding:8px 12px 9px;
    gap:7px;
    background:rgba(248,245,238,.94);
    backdrop-filter:blur(15px);
    border-bottom:1px solid rgba(23,24,22,.055);
    scroll-padding-inline:12px;
  }
  .category-tab{
    padding:8px 11px;
    font-size:10.5px;
    gap:6px;
    box-shadow:none;
  }
  .category-tab span{font-size:11px}
  .judd-mobile-tab{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    gap:6px;
    border:1px solid rgba(109,92,232,.22);
    background:#f1edff;
    color:#5548bb;
    border-radius:999px;
    padding:8px 11px;
    font-size:10.5px;
    font-weight:900;
    cursor:pointer;
  }
  .judd-mobile-tab span{font-size:11px}

  .arena-head{
    display:block;
    position:relative;
    margin:0 0 12px;
    min-height:0;
  }
  .arena-head>div{min-width:0}
  .eyebrow{font-size:9.5px;letter-spacing:.145em;margin:0 0 7px}
  .live-dot{width:7px;height:7px;box-shadow:0 0 0 4px rgba(106,211,143,.13);margin-right:5px}
  .arena h1{
    font-size:clamp(38px,11.2vw,44px);
    line-height:.87;
    letter-spacing:-.073em;
    max-width:315px;
    padding-right:0;
  }
  .sub{
    max-width:300px;
    font-size:12.5px;
    line-height:1.38;
    margin:11px 0 0;
  }
  .hero-actions{display:none}
  .streak-card{
    position:absolute;
    top:-2px;
    right:0;
    margin:0;
    min-width:0;
    width:auto;
    gap:5px;
    padding:7px 9px;
    border-radius:14px;
    box-shadow:0 8px 22px rgba(37,31,70,.08);
  }
  .streak-card>span{font-size:15px}
  .streak-card div{gap:0}
  .streak-card b{font-size:15px;line-height:1}
  .streak-card small{font-size:7.5px;line-height:1.2;white-space:nowrap}
  .streak-card em{display:none}

  .unlock-wrap{margin:0 0 12px}
  .unlock-copy{font-size:11.5px;margin-bottom:6px;gap:12px}
  .progress{height:6px}

  .battle-stage{
    grid-template-columns:1fr 8px 1fr;
    height:clamp(360px,50svh,460px);
    min-height:0;
    max-height:none;
  }
  .photo-card{border-radius:18px;box-shadow:0 16px 34px rgba(31,27,55,.12)}
  .photo-media{height:100%;min-height:0}
  .versus{width:34px;height:34px;font-size:9px}
  .tap-cue{bottom:10px;font-size:9.5px;padding:7px 9px;letter-spacing:.1em}
  .winner-mark{width:40px;height:40px;right:10px;bottom:10px;font-size:21px}
  .look-lock{top:9px;padding:6px 9px;gap:7px}
  .look-lock span{font-size:8.5px}.look-lock b{font-size:11px;min-width:21px}

  .battle-controls{
    grid-template-columns:54px 1fr 54px;
    gap:5px;
    margin-top:10px;
    padding:4px 0 0;
  }
  .battle-controls .soft{font-size:12px;padding:7px 2px}
  .battle-controls span{font-size:13.5px;line-height:1.18;font-weight:800}
  .preview-banner{margin-top:10px;padding:8px 10px;font-size:9.5px}

  .loop-section{padding:62px 14px}
  .loop-section h2,.results-tease h2{font-size:40px}
  .results-tease{padding:72px 14px;gap:36px}

  /* iOS landscape / very short viewports: keep both choices useful without eating the whole screen */
  @media(max-height:720px){
    .battle-stage{height:clamp(330px,47svh,390px)}
    .arena h1{font-size:38px}
    .sub{font-size:12px;margin-top:8px}
  }
}
/* Email OTP sign-in */
.otp-step[hidden]{display:none!important}.otp-sent{margin:10px 0 4px;color:var(--muted);font-size:12px;line-height:1.45}.otp-sent b{color:var(--ink)}#otpInput{text-align:center;font-size:24px!important;font-weight:900;letter-spacing:.28em;font-variant-numeric:tabular-nums;padding-left:calc(14px + .28em)!important}.otp-actions{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.text-action{border:0;background:transparent;color:var(--muted);padding:5px 0;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.text-action:hover{color:var(--ink);text-decoration:underline}.text-action:disabled{opacity:.45;cursor:not-allowed;text-decoration:none}


/* v35 category + keyboard hint polish */
.category-tab{padding:13px 18px;font-size:15px;gap:9px}.category-tab span{font-size:14px}.battle-micro-hint{margin-top:8px;text-align:center;font-size:12px;font-weight:700;letter-spacing:-.01em;color:rgba(86,80,108,.82)}.battle-micro-hint b{color:var(--ink);font-weight:900}#battleHint{font-size:15px} @media(max-width:620px){.category-tab{padding:10px 14px;font-size:12.5px}.category-tab span{font-size:12px}.battle-micro-hint{font-size:10.5px;margin-top:7px;padding:0 12px}#battleHint{font-size:13px}}


/* v64 empty pool + category waitlist */
.pool-empty{min-height:360px;border:1px solid var(--line);border-radius:28px;background:rgba(255,253,248,.78);box-shadow:0 24px 50px rgba(31,27,55,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px 24px;margin-top:4px}.pool-empty[hidden]{display:none}.pool-empty-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--violet);font-size:30px;font-weight:900;margin-bottom:16px}.pool-empty .eyebrow{margin:0 0 10px}.pool-empty h2{font-size:clamp(30px,4vw,50px);line-height:.98;letter-spacing:-.05em;max-width:680px;margin:0}.pool-empty>p:not(.eyebrow){max-width:590px;margin:16px auto 22px;color:var(--muted);font-size:15px;line-height:1.5}.pool-empty>.primary{margin-bottom:28px}.pool-waitlist{width:min(100%,520px);border-top:1px solid var(--line);padding-top:22px}.pool-waitlist>p{margin:0 0 10px;font-weight:850;font-size:14px}.pool-waitlist form{display:grid;grid-template-columns:1fr auto;gap:8px}.pool-waitlist input{min-width:0;border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px 14px;font:inherit;color:var(--ink);outline:none}.pool-waitlist input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(109,92,232,.10)}.pool-waitlist button{border:0;border-radius:13px;background:var(--ink);color:#fff;padding:0 17px;font-weight:900;cursor:pointer}.pool-waitlist button:disabled{opacity:.55;cursor:wait}.pool-waitlist small{display:block;margin-top:9px;color:var(--muted);font-size:11px}
@media(max-width:620px){.pool-empty{min-height:330px;padding:34px 17px;border-radius:22px}.pool-empty h2{font-size:35px}.pool-empty>p:not(.eyebrow){font-size:13px}.pool-waitlist form{grid-template-columns:1fr}.pool-waitlist button{min-height:44px}.pool-waitlist input{font-size:16px}}


/* v65 EN/TR language toggle */
.lang-toggle{height:40px;min-width:44px;padding:0 12px;border:1px solid var(--line);background:rgba(255,253,248,.86);color:var(--ink);border-radius:999px;font:900 12px/1 inherit;letter-spacing:.06em;cursor:pointer;box-shadow:0 5px 18px rgba(35,31,55,.04);transition:transform .18s ease,background .18s ease}.lang-toggle:hover{transform:translateY(-1px);background:#fff}.lang-toggle:active{transform:scale(.97)}@media(max-width:620px){.lang-toggle{height:38px;min-width:39px;padding:0 9px;font-size:11px}}

/* v70: editable voting profile inside Lab */
.lab-preferences{border:1px solid var(--line);background:#fbfaf7;border-radius:16px;padding:0 14px 14px;margin:12px 0 18px}.lab-preferences .lab-subhead{margin-top:14px}.lab-preferences-copy{margin-bottom:2px}.lab-preferences label{margin-top:12px}.lab-preferences #votingPrefsMsg:empty{display:none}.lab-preferences #votingPrefsMsg{min-height:16px}


/* v71 — typography polish: calmer, cleaner, more consistent */
:root{--font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:Manrope,Inter,ui-sans-serif,system-ui,sans-serif}
body{font-family:var(--font-body);font-weight:400;letter-spacing:-.006em}
.brand b,.arena h1,.loop-section h2,.results-tease h2,.pool-empty h2,.sheet-card h3,.big-rate{font-family:var(--font-display)}
.brand{font-weight:700;letter-spacing:-.025em}
.brand b{font-weight:800}
.arena h1{font-size:clamp(50px,7.4vw,96px);line-height:.9;letter-spacing:-.055em;font-weight:800}
.eyebrow,.section-kicker{font-weight:700;letter-spacing:.115em}
.sub{font-weight:400;letter-spacing:-.012em}
.nav-pill,.primary,.judd-go,.oauth-btn,.danger-solid{font-weight:700}
.category-tab{font-weight:700;letter-spacing:-.008em}
.unlock-copy,.battle-controls>span{font-weight:600}
.tap-cue,.look-lock span,.result-top{font-weight:700;letter-spacing:.085em}
.versus,.reward-pop{font-weight:800}
.loop-section h2,.results-tease h2{font-weight:800;line-height:1;letter-spacing:-.045em}
.loop-grid article b{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em}
.loop-grid article span{font-weight:700}
.big-rate{font-weight:800;letter-spacing:-.06em}
.judd-note p,.judd-output p{font-weight:600}
.sheet-card h3{font-size:32px;line-height:1.08;letter-spacing:-.035em;font-weight:800;margin-bottom:24px}
.sheet-card label{font-size:13px;font-weight:600;letter-spacing:-.005em}
.sheet-card input:not([type=checkbox]),.sheet-card select,.sheet-card textarea{font-weight:500}
.auth-divider,.lab-subhead{font-weight:700;letter-spacing:.09em}
.soft,.text-action,.mini-primary,.mini-soft,.mini-danger{font-weight:700}
.micro-footer{font-size:12px;line-height:1.45}
.micro-footer a{font-weight:600}
.pool-empty h2{font-weight:800;letter-spacing:-.04em}
.pool-waitlist>p{font-weight:600}
.pool-waitlist button{font-weight:700}
.lang-toggle{font-weight:700;letter-spacing:.025em}
@media(max-width:620px){
  .arena h1{font-size:clamp(36px,10.6vw,42px);line-height:.92;letter-spacing:-.052em}
  .eyebrow{font-size:9.5px;letter-spacing:.105em}
  .category-tab{font-size:12px}
  .sheet-card h3{font-size:29px;line-height:1.1;letter-spacing:-.03em}
  .loop-section h2,.results-tease h2{font-size:38px;line-height:1.02}
  .pool-empty h2{font-size:32px;line-height:1.03}
}


/* v72 — Option A hero typography: condensed, editorial, more character */
:root{--font-hero:"Barlow Condensed",Manrope,Inter,ui-sans-serif,system-ui,sans-serif}
.arena h1{
  font-family:var(--font-hero);
  font-weight:900;
  font-style:italic;
  font-size:clamp(58px,8.7vw,112px);
  line-height:.79;
  letter-spacing:-.032em;
  max-width:940px;
}
.arena h1 em{font-style:inherit}
@media(max-width:620px){
  .arena h1{
    font-size:clamp(44px,13.2vw,58px);
    line-height:.81;
    letter-spacing:-.025em;
  }
}


/* V3.75 — shareable private-result card */
.share-result-sheet{max-width:520px}
.share-result-preview{margin-top:16px;min-height:360px;border:1px solid var(--line);border-radius:22px;background:#efeae0;overflow:hidden;display:grid;place-items:center;color:var(--muted);font-size:12px;font-weight:800;position:relative}
.share-result-preview img{width:100%;height:auto;display:none;background:#f8f5ee}
.share-result-preview.ready img{display:block}
.share-result-preview.ready>span{display:none}
.share-save-btn{border:1px solid var(--line);background:#f3efe7;border-radius:14px;color:var(--ink);font-weight:850}
.inline-result .share-result-inline{display:inline-flex;margin-top:9px;border:0;border-radius:9px;background:#171816;color:#fff;padding:8px 10px;font-size:10px;font-weight:900;cursor:pointer}
.inline-result .share-result-inline:hover{transform:translateY(-1px)}
@media(max-width:620px){.share-result-preview{min-height:300px}.share-result-sheet{padding-bottom:22px}}

/* v78 — honest result confidence stages */
.result-signal-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:6px}.result-signal-row small{font-size:9px;color:var(--muted);font-weight:800}.result-signal-pill{display:inline-flex!important;width:max-content;align-items:center;border-radius:999px;padding:4px 7px;font-size:8px!important;line-height:1!important;font-weight:950;letter-spacing:.055em;text-transform:uppercase;background:#ece8ff;color:#5147a2;margin-bottom:6px}.result-signal-pill.collecting{background:#eee9df;color:#6d675c}.result-signal-pill.preliminary{background:#fff1d8;color:#8a5a00}.result-signal-pill.reliable{background:#e3f7eb;color:#237a4a}.result-signal-pill.deep{background:#e7efff;color:#315aa3}.result-progress{height:5px;background:#e2ddd3;border-radius:999px;overflow:hidden;margin-top:7px}.result-progress i{display:block;height:100%;width:var(--result-progress);background:var(--violet);border-radius:999px}.ab-test-card small{display:block;margin-top:4px;font-size:9px;color:var(--muted);font-weight:800}

/* JudgeMyPic v82 — paid credit packs */
.wallet-balance-actions{display:flex;align-items:center;gap:10px}.wallet-buy-btn{white-space:nowrap}.credit-store-sheet{max-width:520px}.credit-store-balance{display:flex;justify-content:space-between;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:14px 0 12px}.credit-store-balance span{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.credit-store-balance b{font-size:20px;color:var(--violet)}.credit-pack-grid{display:grid;gap:9px;margin:12px 0}.credit-pack{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}.credit-pack-main{min-width:0}.credit-pack-main b{display:block;font:800 17px Manrope,sans-serif;letter-spacing:-.02em}.credit-pack-main span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.credit-pack-price{text-align:right}.credit-pack-price strong{display:block;font:800 18px Manrope,sans-serif}.credit-pack-price small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.credit-pack-buy{grid-column:1/-1;width:100%;border:0;border-radius:11px;padding:10px 12px;background:var(--violet);color:#fff;font-weight:900;cursor:pointer}.credit-pack-buy:disabled{cursor:not-allowed;opacity:.55}.credit-pack.best{border-color:#b9afff;box-shadow:0 0 0 2px rgba(109,93,252,.08)}.credit-store-foot{text-align:center;color:var(--muted);font-size:10px;margin:12px 0 0}.credit-store-dialog #creditStoreMsg{display:block;min-height:16px;text-align:center;color:var(--muted);margin-top:8px}.credit-store-dialog #creditStoreMsg.error{color:#a83e34}
@media(max-width:560px){.wallet-row{align-items:flex-start}.wallet-balance-actions{align-items:flex-end;flex-direction:column}.credit-store-sheet{max-width:none}.credit-pack{padding:12px}.credit-pack-main b{font-size:16px}}

/* v85 friend vote links */
.my-friend-votes{display:grid;gap:8px;margin:9px 0 16px}.friend-vote-card{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:11px 12px;background:#fff}.friend-vote-copy{display:grid;gap:3px;min-width:0}.friend-vote-copy b{font-size:13px}.friend-vote-copy span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.friend-vote-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.friend-share-panel{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#faf8f3}.friend-share-panel[hidden]{display:none}.friend-share-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}.friend-share-buttons .primary,.friend-share-buttons .soft{padding:11px 10px}.friend-vote-sheet #friendVoteUrl{font-size:12px}.friend-vote-sheet #friendVoteMsg:empty{display:none}
@media(max-width:620px){.friend-vote-card{align-items:flex-start;flex-direction:column}.friend-vote-actions{justify-content:flex-start}.friend-share-buttons{grid-template-columns:1fr}.friend-share-buttons .primary,.friend-share-buttons .soft{width:100%}}

/* v86 activity email preferences */
.lab-email-preferences{border:1px solid var(--line);background:#fbfaf7;border-radius:16px;padding:0 14px 14px;margin:0 0 18px}.lab-email-preferences .lab-subhead{margin-top:14px}.activity-email-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;cursor:pointer}.activity-email-row span{display:grid;gap:3px;min-width:0}.activity-email-row b{font-size:13px;line-height:1.35;color:var(--ink)}.activity-email-row small{font-size:11px;line-height:1.4;color:var(--muted)}.activity-email-row input{width:20px;height:20px;flex:0 0 auto;accent-color:#6d5dfc}.lab-email-preferences #activityEmailMsg:empty{display:none}.lab-email-preferences #activityEmailMsg{display:block;margin-top:8px;min-height:15px}

/* v87 referral growth loop */
.lab-referral{border:1px solid var(--line);background:#fbfaf7;border-radius:16px;padding:0 14px 14px;margin:0 0 18px}.lab-referral .lab-subhead{margin-top:14px}.referral-explainer{margin:8px 0 12px}.lab-referral #referralUrl{font-size:12px}.referral-share-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}.referral-share-buttons .primary,.referral-share-buttons .soft{padding:11px 10px}.referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.referral-stats>span{display:grid;gap:2px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:center}.referral-stats b{font-size:17px;line-height:1.1}.referral-stats small{font-size:9px;line-height:1.25;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.lab-referral #referralMsg{display:block;margin-top:8px;min-height:15px}.lab-referral #referralMsg:empty{display:none}@media(max-width:620px){.referral-share-buttons{grid-template-columns:1fr}.referral-share-buttons .primary,.referral-share-buttons .soft{width:100%}}

/* v88 — private data reports */
.inline-result .data-report-inline{display:inline-flex;margin-top:9px;margin-left:6px;border:1px solid #d7d0c5;border-radius:9px;background:#fffdf8;color:var(--ink);padding:8px 10px;font-size:10px;font-weight:900;cursor:pointer}.inline-result .data-report-inline:hover{transform:translateY(-1px)}
.ab-report-actions{display:flex!important;grid-auto-flow:column;gap:6px!important;align-items:center}.ab-report-actions .mini-primary,.ab-report-actions .mini-soft{white-space:nowrap}
.data-report-sheet{max-width:720px;max-height:min(88vh,920px);overflow:auto}.data-report-body{display:grid;gap:14px;margin-top:16px}.data-report-loading{min-height:280px;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted)}.data-report-loading span{width:32px;height:32px;border:3px solid #ded8cf;border-top-color:var(--violet);border-radius:50%;animation:dataSpin .8s linear infinite}@keyframes dataSpin{to{transform:rotate(360deg)}}
.data-report-hero{position:relative;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#fffdf8,#f1edff)}.data-report-hero.ab{grid-template-columns:1fr auto 1fr;align-items:center}.data-report-score{display:grid;gap:4px}.data-report-score span{font-size:9px;letter-spacing:.09em;font-weight:950;color:var(--muted)}.data-report-score strong{font:900 clamp(48px,9vw,76px)/.9 "Barlow Condensed",Impact,sans-serif;font-style:italic;color:var(--violet)}.data-report-score small{font-size:10px;color:var(--muted);font-weight:800}.data-report-vs{font:900 15px Manrope,sans-serif;color:var(--muted)}.data-report-signal{display:grid;justify-items:end;gap:4px}.data-report-signal small{font-size:10px;color:var(--muted);font-weight:800}.data-report-hero.ab .data-report-signal{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-top:4px}.data-report-meta{display:flex;flex-wrap:wrap;gap:7px}.data-report-meta span{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#f2eee6;border-radius:999px;padding:6px 9px}
.data-report-section{border:1px solid var(--line);border-radius:18px;padding:15px;background:#fff}.data-report-meaning{background:#171816;color:#fff;border-color:#171816}.data-report-meaning p{margin:3px 0 7px;font-size:14px;line-height:1.55}.data-report-meaning small{display:block;font-size:10px;line-height:1.45;color:#c8c5bd}.data-section-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.data-section-head>span{font-size:9px;letter-spacing:.1em;font-weight:950;color:var(--muted)}.data-report-meaning .data-section-head>span{color:#aaa6b2}.data-section-head small{font-size:9px;color:var(--muted);font-weight:800}
.data-report-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.data-report-kpis>div{display:grid;gap:4px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfaf7}.data-report-kpis span{font-size:8px;letter-spacing:.08em;font-weight:950;color:var(--muted)}.data-report-kpis b{font-size:14px;line-height:1.2}
.data-segments{display:grid;gap:12px}.data-segment-row{display:grid;grid-template-columns:130px minmax(120px,1fr) auto;gap:10px;align-items:center}.data-segment-label{display:grid;gap:1px}.data-segment-label b{font-size:12px}.data-segment-label span{font-size:9px;color:var(--muted)}.data-rate-track,.data-ab-split{height:11px;background:#e7e1d7;border-radius:999px;overflow:hidden;position:relative}.data-rate-track i{display:block;height:100%;width:var(--rate);background:var(--violet);border-radius:999px}.data-ab-split:before{content:"";position:absolute;inset:0;background:#ddd6cc}.data-ab-split i{display:block;position:relative;height:100%;width:var(--left);background:var(--violet)}.data-segment-values{display:flex;gap:7px;min-width:70px;justify-content:flex-end;font-size:10px}.data-segment-values strong{color:var(--violet)}.data-segment-values span{color:var(--muted)}.data-segment-row.muted{grid-template-columns:130px 1fr}.data-segment-locked{font-size:10px;color:var(--muted);background:#f4f1eb;padding:7px 9px;border-radius:10px;width:max-content;max-width:100%}
.data-gap-card{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.data-gap-card>div{display:grid;gap:2px;padding:10px;border-radius:13px;background:#f7f4ee}.data-gap-card>div:last-child{text-align:right}.data-gap-card small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.data-gap-card b{font-size:12px}.data-gap-card strong{font-size:18px;color:var(--violet)}.data-gap-arrow{font-size:10px;font-weight:950;color:#5147a2;background:#ece8ff;padding:7px 8px;border-radius:999px;white-space:nowrap}
.data-trend-bars{display:flex;align-items:flex-end;gap:7px;height:122px;padding-top:6px;overflow-x:auto}.data-trend-point{min-width:34px;display:grid;gap:5px;justify-items:center;flex:1}.data-trend-column{height:92px;width:100%;max-width:42px;min-width:20px;background:#eee9df;border-radius:8px;display:flex;align-items:flex-end;overflow:hidden}.data-trend-column i{display:block;width:100%;height:var(--trend);min-height:3px;background:var(--violet);border-radius:7px 7px 0 0}.data-trend-point span{font-size:8px;color:var(--muted);font-weight:800}.data-empty{font-size:11px;color:var(--muted);margin:0}.data-report-footnote{font-size:9px;line-height:1.45;color:var(--muted);margin:0 4px}.data-report-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.data-report-actions .primary,.data-report-actions .soft{padding:12px}.data-report-actions button:disabled{opacity:.55;cursor:wait}
@media(max-width:620px){.data-report-sheet{max-height:92vh}.data-report-hero{padding:17px}.data-report-hero.ab{grid-template-columns:1fr auto 1fr}.data-report-score strong{font-size:50px}.data-report-kpis{grid-template-columns:1fr}.data-segment-row{grid-template-columns:100px 1fr auto}.data-segment-row.muted{grid-template-columns:100px 1fr}.data-gap-card{grid-template-columns:1fr}.data-gap-card>div:last-child{text-align:left}.data-gap-arrow{width:max-content}.data-report-actions{grid-template-columns:1fr}.ab-test-card{align-items:flex-start;flex-direction:column}.ab-report-actions{width:100%;justify-content:flex-start}.inline-result .data-report-inline{margin-left:0}}

/* =========================================================
   v89 UX POLISH — lab hierarchy + unlock state
   ========================================================= */
.unlock-wrap.is-unlocked{
  margin-top:2px;
  margin-bottom:24px;
}
.unlock-wrap.is-unlocked .progress{display:none}
.unlock-wrap.is-unlocked .unlock-copy{
  justify-content:flex-start;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:0;
  padding:9px 12px;
  border:1px solid rgba(109,92,232,.2);
  border-radius:999px;
  background:rgba(109,92,232,.08);
  color:#5147b8;
  font-weight:800;
}
.unlock-wrap.is-unlocked .unlock-copy::before{
  content:'✓';
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--violet);
  color:#fff;
  font-size:10px;
  flex:0 0 auto;
}
.unlock-wrap.is-unlocked #unlockFraction{display:none}

.lab-sheet .wallet-row{margin-bottom:10px}
.lab-primary-upload{margin-bottom:12px}
.lab-overview{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:0 0 16px;
}
.lab-overview[hidden]{display:none}
.lab-overview>span{
  display:grid;
  gap:2px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fbfaf7;
}
.lab-overview b{font-size:20px;line-height:1;color:var(--ink)}
.lab-overview small{
  font-size:9px;
  line-height:1.25;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--muted);
  font-weight:700;
}
.lab-empty-state{
  display:grid;
  justify-items:start;
  gap:10px;
  margin:14px 0 18px;
  padding:22px;
  border:1px solid rgba(109,92,232,.2);
  border-radius:20px;
  background:linear-gradient(145deg,#f8f5ff,#fffdf8);
}
.lab-empty-state[hidden]{display:none}
.lab-empty-state .lab-empty-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:var(--violet);
  color:#fff;
  font-size:25px;
  font-weight:500;
}
.lab-empty-state>b{font-size:20px;letter-spacing:-.025em}
.lab-empty-state p{
  margin:0;
  max-width:330px;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
.lab-empty-state .primary{margin-top:3px}
.lab-step-card{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 16px;
  padding:13px 14px;
  border:1px solid rgba(109,92,232,.18);
  border-radius:16px;
  background:#f8f5ff;
}
.lab-step-card[hidden]{display:none}
.lab-step-card>span{
  flex:0 0 auto;
  padding:7px 9px;
  border-radius:999px;
  background:#ebe5ff;
  color:#5c4fd0;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
}
.lab-step-card div{display:grid;gap:3px}
.lab-step-card b{font-size:13px}
.lab-step-card p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.4}
.lab-quick-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:0 0 14px;
}
.lab-quick-actions[hidden]{display:none}
.lab-quick-actions .soft{margin:0}
.lab-content-section[hidden]{display:none}
.lab-content-section>.lab-subhead{margin-top:18px}
.lab-content-section .my-photos{margin-top:9px}
.lab-settings-zone{
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.lab-settings-title{
  margin:0 0 12px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  color:var(--muted);
}
.lab-settings-zone .lab-preferences,
.lab-settings-zone .lab-email-preferences,
.lab-settings-zone .lab-referral{margin-bottom:12px}
.lab-settings-zone #jmpLabConnectCard{margin:0 0 12px!important}

@media(max-width:620px){
  .unlock-wrap.is-unlocked .unlock-copy{font-size:11px;padding:8px 10px}
  .lab-quick-actions{grid-template-columns:1fr}
  .lab-empty-state{padding:18px}
}

/* =========================================================
   v90 UX POLISH — growth surfaces + data-led landing
   ========================================================= */
.judd-pill span{white-space:nowrap}
.hero-side{display:grid;gap:10px;width:218px;flex:0 0 218px}
.hero-side .streak-card{width:100%;min-width:0;justify-content:flex-start}
.hero-result-preview{border:1px solid rgba(23,24,22,.12);border-radius:20px;padding:15px;background:#171816;color:#fff;box-shadow:0 18px 45px rgba(32,27,61,.12)}
.hero-result-preview-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.hero-result-preview-top span{font-size:8px;font-weight:950;letter-spacing:.1em;color:#a9a69f}
.hero-result-preview-top b{font-size:8px;letter-spacing:.08em;color:#8fefb0}
.hero-result-preview-score{display:flex;align-items:flex-end;gap:8px;margin-bottom:12px}
.hero-result-preview-score strong{font:900 48px/.85 var(--font-hero);font-style:italic;color:#8c7cff;letter-spacing:-.045em}
.hero-result-preview-score span{padding-bottom:3px;font-size:10px;font-weight:800;color:#c9c6d2}
.hero-result-preview-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.09);font-size:10px;color:#bbb8c2}
.hero-result-preview-row b{color:#fff;font-size:11px}
.hero-result-preview-foot{display:flex;justify-content:space-between;gap:8px;padding-top:9px;margin-top:2px;border-top:1px solid rgba(255,255,255,.09);font-size:8.5px;color:#8f8c97}
.hero-result-preview-foot span{color:#c9c2ff;font-weight:850}.hero-result-preview-foot em{font-style:normal}.hero-result-preview-foot em b{color:#fff}

.loop-lede{max-width:720px;margin:-22px 0 34px;color:#aaa9a3;font-size:15px;line-height:1.55}
.loop-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.loop-grid article{min-height:230px;padding:22px}.loop-grid article span{margin-bottom:42px}.loop-grid article b{font-size:18px}.loop-grid article p{font-size:13px}

.result-report-preview{padding:24px}
.result-score-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;margin-top:18px}
.result-score-row .big-rate{margin-top:0}.result-score-row p{margin:2px 0 0;color:var(--muted);font-size:11px}
.confidence-chip{display:grid;gap:3px;min-width:92px;padding:10px 11px;border-radius:13px;background:#f2eee6;text-align:right}
.confidence-chip span{font-size:7.5px;font-weight:950;letter-spacing:.08em;color:var(--muted)}.confidence-chip b{font-size:13px}
.result-demo-breakdown{display:grid;gap:8px;margin:22px 0 16px}.result-demo-row{display:grid;grid-template-columns:64px minmax(90px,1fr) 38px;gap:8px;align-items:center}.result-demo-row>span{font-size:10px;font-weight:800;color:var(--muted)}.result-demo-row>i{display:block;height:8px;border-radius:99px;background:#e8e2d9;overflow:hidden}.result-demo-row>i b{display:block;height:100%;border-radius:99px;background:var(--violet)}.result-demo-row>strong{text-align:right;font-size:10px;color:#5147a2}
.result-report-preview .mini-stats{margin:16px 0}.result-report-preview .mini-stats div{padding:10px}.result-report-preview .mini-stats b{font-size:14px}.result-report-preview .mini-stats span{font-size:9px}
.report-meaning-preview{border-top:1px solid var(--line);padding-top:15px}.report-meaning-preview span{font-size:8px;font-weight:950;letter-spacing:.1em;color:var(--muted)}.report-meaning-preview p{margin:6px 0 0!important;color:var(--ink)!important;font-size:11px!important;line-height:1.45!important;font-weight:700}

.activity-email-row{align-items:center}
.activity-email-copy{padding-right:8px}
.activity-toggle-control{position:relative;display:block;width:46px;height:27px;flex:0 0 46px}
.activity-toggle-control input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;margin:0!important;cursor:pointer;z-index:2}
.activity-toggle-track{position:absolute;inset:0;border-radius:999px;background:#d8d3ca;transition:.2s ease;box-shadow:inset 0 0 0 1px rgba(23,24,22,.08)}
.activity-toggle-track i{position:absolute;width:21px;height:21px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(23,24,22,.2);transition:.2s ease}
.activity-toggle-control input:checked + .activity-toggle-track{background:var(--violet)}
.activity-toggle-control input:checked + .activity-toggle-track i{transform:translateX(19px)}
.activity-toggle-control input:focus-visible + .activity-toggle-track{outline:3px solid rgba(109,92,232,.22);outline-offset:2px}
.activity-toggle-control input:disabled + .activity-toggle-track{opacity:.55}

.referral-share-buttons .primary{white-space:nowrap}.referral-stats small{line-height:1.25}

@media(max-width:1100px){.loop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.hero-result-preview{display:none}.hero-side{width:auto;flex:0 0 auto}.hero-side .streak-card{width:auto}.loop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .hero-side{position:absolute;top:-2px;right:0;width:auto;display:block}
  .hero-side .streak-card{position:static;top:auto;right:auto;margin:0;width:auto}
  .loop-lede{margin:-18px 0 26px;font-size:13px}
  .loop-grid{grid-template-columns:1fr}.loop-grid article{min-height:150px}.loop-grid article span{margin-bottom:24px}
  .result-score-row{grid-template-columns:1fr}.confidence-chip{text-align:left;width:max-content}
  .result-demo-row{grid-template-columns:58px minmax(80px,1fr) 36px}
  .activity-toggle-control{width:44px;flex-basis:44px}.activity-toggle-control input:checked + .activity-toggle-track i{transform:translateX(17px)}
}


/* =========================================================
   v91 FINAL RESPONSIVE POLISH
   ========================================================= */
.lang-toggle{width:56px;min-width:56px;padding:0 8px;text-align:center}
.top-actions>*{flex-shrink:0}
button,.category-tab,.lang-toggle{touch-action:manipulation}

@media(max-width:620px){
  .topbar{gap:6px}
  .top-actions{flex:1;justify-content:flex-end;gap:4px}
  .nav-pill,.coin-pill,.avatar-btn,.lang-toggle{height:40px}
  .lang-toggle{width:44px;min-width:44px;padding:0 5px;font-size:10px}
  .test-pill{padding:0 9px;font-size:9.5px}
  .coin-pill{padding:0 8px}
  .avatar-btn{width:40px}
  .brand b{font-size:14px}

  /* Keep the streak useful without covering the hero copy. */
  .hero-side{position:static;display:flex;width:100%;margin-top:11px;justify-content:flex-start}
  .hero-side .streak-card{position:static;width:max-content;margin:0;padding:7px 10px}

  .category-tab,.judd-mobile-tab{min-height:40px}
  .primary,.danger-solid,.oauth-btn{min-height:44px}
  .soft{min-height:40px}

  .sheet-card{
    padding-bottom:max(22px,env(safe-area-inset-bottom));
    overscroll-behavior:contain;
  }
  .data-report-sheet{padding-left:17px;padding-right:17px}
  .result-card{width:100%;padding:20px}
  .big-rate{font-size:70px}
  .mini-stats{grid-template-columns:1fr 1fr 1fr}
  .referral-stats{gap:6px}
  .referral-stats>span{padding:9px 6px}
}

@media(max-width:480px){
  .data-segment-row,.data-segment-row.muted{
    grid-template-columns:1fr auto;
    gap:6px 10px;
  }
  .data-rate-track,.data-ab-split,.data-segment-locked{grid-column:1/-1;width:100%}
  .data-segment-values{grid-column:2;grid-row:1;min-width:0}
  .data-report-hero.ab{grid-template-columns:1fr auto 1fr;gap:8px}
  .data-report-score strong{font-size:44px}
  .data-report-vs{font-size:11px}
  .result-demo-row{grid-template-columns:52px minmax(70px,1fr) 34px}
}

@media(max-width:360px){
  .brand b{display:none}
  .brand img{width:32px;height:32px}
  .test-pill{padding:0 8px;font-size:9px}
  .coin-pill{padding:0 7px}
  .arena h1{font-size:42px;max-width:280px}
  .sub{max-width:280px}
}

@media(min-width:621px) and (max-width:900px){
  .arena-head{align-items:flex-start}
  .hero-side{width:160px;flex-basis:160px}
  .hero-side .streak-card{width:100%}
}

/* =========================================================
   v93 LAB CLEANUP + HERO A/B PREVIEW
   ========================================================= */
.hero-ab-preview{padding:14px}
.hero-ab-photos{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}
.hero-ab-photo{position:relative;min-height:92px;border-radius:13px;overflow:hidden;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hero-ab-a{background-image:linear-gradient(to top,rgba(14,15,14,.78),rgba(14,15,14,.05) 58%),url('/assets/guest-left.jpeg')}
.hero-ab-b{background-image:linear-gradient(to top,rgba(14,15,14,.78),rgba(14,15,14,.05) 58%),url('/assets/guest-right.jpeg');box-shadow:inset 0 0 0 2px #8c7cff}
.hero-ab-photo span{position:absolute;left:8px;bottom:8px;font-size:7px;font-weight:900;letter-spacing:.08em;color:#ddd9e8}
.hero-ab-photo b{position:absolute;right:8px;bottom:6px;font-size:18px;line-height:1;color:#fff}
.hero-ab-photo i{position:absolute;right:6px;top:6px;padding:3px 5px;border-radius:999px;background:#8c7cff;color:#fff;font-size:6px;font-style:normal;font-weight:950;letter-spacing:.07em}
.hero-ab-summary{display:grid;gap:1px;padding:1px 0 8px}.hero-ab-summary b{font-size:10px}.hero-ab-summary span{font-size:8px;color:#9f9ba8}
.hero-result-preview-foot a{color:#c9c2ff;font-weight:850;text-decoration:none}.hero-result-preview-foot a:hover{text-decoration:underline}

.lab-connect-mount{margin:0 0 12px}.lab-connect-mount:empty{display:none}
#jmpLabConnectCard{margin:0!important}
.lab-settings-toggle{width:100%;margin:20px 0 0;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:#fbfaf7;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font:inherit;cursor:pointer}
.lab-settings-toggle span{display:grid;gap:2px}.lab-settings-toggle b{font-size:13px;text-transform:none}.lab-settings-toggle small{font-size:10px;color:var(--muted);font-weight:600}.lab-settings-toggle i{font-size:20px;font-style:normal;color:var(--muted);transition:transform .18s ease}.lab-settings-toggle.open i{transform:rotate(90deg)}
.lab-settings-zone{margin-top:10px;padding-top:0;border-top:0}.lab-settings-zone[hidden]{display:none!important}
.lab-settings-zone .lab-preferences{margin-top:0}
.lab-focus-pulse{animation:labFocusPulse 1.35s ease}
@keyframes labFocusPulse{0%{box-shadow:0 0 0 0 rgba(109,92,232,.35)}45%{box-shadow:0 0 0 7px rgba(109,92,232,.13);border-color:rgba(109,92,232,.5)}100%{box-shadow:0 0 0 0 rgba(109,92,232,0)}}

@media(max-width:620px){
  .lab-settings-toggle{padding:13px 14px}
  .hero-ab-photo{min-height:82px}
}


/* =========================================================
   v94 GUEST PROGRESS + LOGICAL HERO REPORT
   ========================================================= */
.hero-photo-preview{padding:14px}
.hero-photo-report-main{display:grid;grid-template-columns:78px 1fr;gap:11px;align-items:center;margin:8px 0 9px}
.hero-report-photo{position:relative;min-height:92px;border-radius:14px;overflow:hidden;background-image:linear-gradient(to top,rgba(14,15,14,.74),rgba(14,15,14,.04) 60%),url('/assets/guest-left.jpeg');background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hero-report-photo span{position:absolute;left:8px;bottom:8px;font-size:6.5px;font-weight:950;letter-spacing:.08em;color:#eeeaf7}
.hero-report-score{display:grid;gap:3px;align-content:center}.hero-report-score strong{font-size:35px;line-height:.95;color:#8c7cff;letter-spacing:-.05em}.hero-report-score span{font-size:8px;line-height:1.35;color:#bbb7c2;font-weight:700}
.hero-report-summary{display:grid;gap:2px;padding:0 0 8px}.hero-report-summary b{font-size:10px}.hero-report-summary span{font-size:7.5px;line-height:1.35;color:#9f9ba8}
@media(max-width:620px){.hero-photo-report-main{grid-template-columns:70px 1fr}.hero-report-photo{min-height:82px}.hero-report-score strong{font-size:31px}}

/* v96 Judd detailed analysis */
.judd-creator-hook{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-6px 0 18px;padding:12px 14px;border:1px solid rgba(100,72,255,.18);border-radius:15px;background:rgba(100,72,255,.07);font-size:13px;line-height:1.35}.judd-creator-hook b{font-weight:900}.judd-creator-hook span{color:var(--muted);text-align:right}.judd-output{display:block;margin-top:18px;padding:20px;border-radius:20px;background:#171817;color:#fff}.judd-output-head{display:flex;gap:13px;align-items:center;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.11)}.judd-output-head img{width:54px;height:54px;object-fit:contain;flex:0 0 auto}.judd-output-head small,.judd-analysis-section>small,.judd-analysis-grid small,.judd-verdict small,.judd-roast-line small{display:block;color:#aa9cff!important;letter-spacing:.11em;font-size:10px;font-weight:950;margin-bottom:7px!important}.judd-output-head h4{margin:0;color:#fff;font-size:21px;line-height:1.15}.judd-analysis-summary{padding:16px 0 4px;color:#efefef;font-size:15px;line-height:1.58}.judd-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.judd-analysis-grid section,.judd-analysis-section,.judd-verdict,.judd-roast-line{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.045)}.judd-analysis-grid p,.judd-verdict p,.judd-roast-line p{margin:0!important;font-size:14px!important;line-height:1.5!important;font-weight:650!important}.judd-analysis-section{margin-top:10px}.judd-analysis-section ul{margin:0;padding-left:18px}.judd-analysis-section li{margin:7px 0;color:#f1f1f1;font-size:14px;line-height:1.45}.judd-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.judd-score{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.065);font-size:12px}.judd-score span{color:#d4d4d4}.judd-score b{font-size:13px;color:#fff}.judd-positive{border-color:rgba(61,200,137,.22)}.judd-problems{border-color:rgba(255,112,112,.2)}.judd-fixes{border-color:rgba(116,151,255,.22)}.judd-uses{border-color:rgba(184,149,255,.22)}.judd-verdict{margin-top:10px;background:rgba(100,72,255,.13);border-color:rgba(140,112,255,.28)}.judd-roast-line{margin-top:10px;background:#0d0e0d}.judd-roast-line p{font-style:italic}.judd-output[hidden]{display:none!important}
@media(max-width:680px){.judd-creator-hook{align-items:flex-start;flex-direction:column;gap:4px}.judd-creator-hook span{text-align:left}.judd-analysis-grid{grid-template-columns:1fr}.judd-score-grid{grid-template-columns:1fr 1fr}.judd-output{padding:16px}.judd-output-head h4{font-size:19px}}

/* Turnstile */
.turnstile-slot{width:100%;max-width:100%;min-height:0;display:flex;justify-content:center;overflow:visible;margin:8px 0}
.turnstile-slot:empty{display:none}
.turnstile-slot iframe{max-width:100%}

/* v106: centered Judd experience + analysis history */
.judd-play-card{
  left:50%;
  right:auto;
  top:50%;
  bottom:auto;
  transform:translate(-50%,-50%);
  width:min(900px,calc(100% - 40px));
  max-height:calc(100vh - 40px);
  padding:30px;
  overflow:auto;
}
.judd-play-card.is-result{width:min(1040px,calc(100% - 40px))}
.judd-result-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.judd-result-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.judd-result-actions .soft{margin:0;padding:10px 14px;border-radius:12px;font-weight:850}
.judd-output{margin-top:0}
.judd-result-hero{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(340px,1.18fr);gap:16px;margin-top:16px;align-items:stretch}
.judd-result-hero>img{width:100%;height:100%;min-height:330px;max-height:460px;object-fit:contain;border-radius:18px;background:#0f100f;border:1px solid rgba(255,255,255,.09);padding:12px}
.judd-roast-hero{display:flex;flex-direction:column;justify-content:center;min-height:330px;padding:28px;border-radius:18px;background:linear-gradient(145deg,#0e0f0e,#17151f);border:1px solid rgba(140,112,255,.32);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.judd-roast-hero small{display:block;color:#aa9cff!important;letter-spacing:.13em;font-size:10px;font-weight:950;margin-bottom:12px!important}
.judd-roast-hero p{margin:0;color:#fff;font-size:clamp(24px,3vw,38px);line-height:1.08;font-style:italic;font-weight:900;letter-spacing:-.035em}
.judd-analysis-summary{font-size:16px}
.judd-analysis-output .judd-roast-line{display:none}
#juddMsg{margin-top:12px}

.profile-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;margin:-8px 0 20px;border:1px solid var(--line);border-radius:16px;background:#f4f0e8}
.profile-mode-tab{border:0;background:transparent;color:var(--muted);border-radius:11px;padding:11px 12px;font-weight:900;cursor:pointer;text-transform:lowercase}
.profile-mode-tab.active{background:#171816;color:#fff;box-shadow:0 8px 20px rgba(23,24,22,.12)}
.my-analyses-pane{min-height:340px}
.my-analyses-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.my-analyses-head .micro{margin:4px 0 0;max-width:390px}
.my-analyses-list{display:grid;gap:12px}
.my-analysis-card{display:grid;grid-template-columns:108px minmax(0,1fr);gap:14px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff}
.my-analysis-photo{width:108px;height:132px;border-radius:13px;object-fit:cover;background:#ece8df}
.my-analysis-copy{min-width:0;display:flex;flex-direction:column}
.my-analysis-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.my-analysis-copy h4{margin:7px 0 6px;font-size:17px;line-height:1.14;letter-spacing:-.025em}
.my-analysis-roast{margin:0;color:#4d4b47;font-size:12px;line-height:1.45;font-style:italic;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.my-analysis-actions{display:flex;gap:7px;margin-top:auto;padding-top:10px}
.my-analysis-actions button{border:1px solid var(--line);background:#f7f4ee;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:900;cursor:pointer}
.my-analysis-actions button:first-child{background:#171816;color:#fff;border-color:#171816}
.my-analyses-empty{padding:34px 18px;border:1px dashed #cfc8bd;border-radius:18px;text-align:center;background:#fbf8f2}
.my-analyses-empty img{width:62px;margin-bottom:10px}
.my-analyses-empty b{display:block;font-size:18px;margin-bottom:5px}

.judd-share-sheet{max-width:540px}

@media(max-width:760px){
  .judd-play-card{inset:12px!important;transform:none;width:auto!important;max-height:none;border-radius:24px;padding:22px 16px}
  .judd-result-topbar{align-items:flex-start;flex-direction:column;padding-right:40px}
  .judd-result-actions{width:100%;justify-content:flex-start}
  .judd-result-hero{grid-template-columns:1fr}
  .judd-result-hero>img{min-height:300px;max-height:430px}
  .judd-roast-hero{min-height:0;padding:22px}
  .judd-roast-hero p{font-size:28px}
  .my-analyses-head{align-items:flex-start;flex-direction:column}
  .my-analysis-card{grid-template-columns:86px minmax(0,1fr)}
  .my-analysis-photo{width:86px;height:112px}
}
.judd-share-sheet{
  left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);
  width:min(540px,calc(100% - 32px));max-height:calc(100vh - 32px);overflow:auto;
}
@media(max-width:620px){.judd-share-sheet{inset:10px!important;transform:none;width:auto!important;max-height:none}}


/* v109 — prominent pricing / Ask People discovery */
.pricing-pill{color:var(--ink);text-decoration:none;background:#fffdf8;border-color:#d8d1c6}.pricing-pill:hover{background:#f2eee6;transform:translateY(-1px)}
.monetization-home{padding:100px clamp(18px,6vw,86px);background:linear-gradient(180deg,#f8f5ee 0%,#f1ece3 100%);border-top:1px solid var(--line)}
.monetization-home-head{max-width:820px;margin:0 auto 42px;text-align:center}.monetization-home-head h2{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.055em;margin:10px 0 18px}.monetization-home-head h2 em{font-family:Georgia,serif;font-weight:500}.monetization-home-head>p:last-child{max-width:710px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.65}
.monetization-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1080px;margin:0 auto}.monetization-card{position:relative;display:flex;flex-direction:column;min-height:420px;border:1px solid var(--line);border-radius:28px;padding:30px;background:#fff;box-shadow:0 20px 48px rgba(35,29,23,.07)}.monetization-card.ask-card{background:#171817;color:#fff;border-color:#171817}.monetization-card-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:34px}.monetization-card-top>span{font-size:10px;font-weight:950;letter-spacing:.12em;color:var(--violet)}.ask-card .monetization-card-top>span{color:#aa9cff}.monetization-card-top>b{font:900 24px Manrope,system-ui,sans-serif;white-space:nowrap}.monetization-card-top b small{font-size:12px;color:var(--muted)}.monetization-card h3{font-size:34px;line-height:1.08;letter-spacing:-.045em;margin:0 0 12px}.monetization-card>p{margin:0 0 22px;color:var(--muted);line-height:1.55;font-size:14px}.ask-card>p{color:#c9c7c2}.monetization-card ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}.monetization-card li{font-size:13px;font-weight:800}.monetization-card li:before{content:'✓';margin-right:9px;color:var(--violet)}.monetization-cta{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:14px;text-decoration:none;font-weight:950;margin-top:auto}.monetization-cta.dark{background:var(--ink);color:#fff}.monetization-cta.violet{background:var(--violet);color:#fff}.monetization-cta:hover{transform:translateY(-1px)}.monetization-note{display:block!important;text-align:center!important;margin-top:10px!important;color:var(--muted)!important}.ask-card .monetization-note{color:#aaa6a0!important}.ask-mini-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:2px 0 24px}.ask-mini-prices span{border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:13px 8px;text-align:center;color:#c9c7c2;font-size:11px}.ask-mini-prices b{display:block;color:#fff;font-size:22px;margin-bottom:3px}.monetization-home-link{text-align:center;margin-top:25px}.monetization-home-link a{color:var(--ink);font-weight:900;text-underline-offset:4px}
@media(max-width:820px){.pricing-pill{display:none}.monetization-home{padding:72px 14px}.monetization-home-grid{grid-template-columns:1fr;max-width:620px}.monetization-home-head{margin-bottom:28px}.monetization-home-head h2{font-size:45px}.monetization-card{min-height:0;padding:24px}.monetization-card h3{font-size:30px}}
@media(max-width:480px){.monetization-home-head h2{font-size:39px}.monetization-card-top{margin-bottom:26px}.monetization-card-top>b{font-size:20px}.ask-mini-prices span{padding:11px 5px}}

/* =========================================================
   v110 MOBILE NAV / CATEGORY RAIL POLISH
   Keeps controls comfortably separated on phone widths.
   ========================================================= */
@media(max-width:480px){
  .topbar{
    height:62px;
    padding-left:max(10px,env(safe-area-inset-left));
    padding-right:max(10px,env(safe-area-inset-right));
    gap:10px;
  }
  .brand{flex:0 0 auto}
  .brand b{display:none}
  .brand img{width:34px;height:34px}
  .top-actions{gap:6px;min-width:0}
  .nav-pill,.coin-pill,.avatar-btn,.lang-toggle{height:38px}
  .lang-toggle{width:48px;min-width:48px;padding:0 6px;font-size:10.5px}
  .test-pill{padding:0 11px;font-size:10px;white-space:nowrap}
  .coin-pill{padding:0 9px;gap:5px}
  .avatar-btn{width:38px}

  .category-tabs{
    top:62px;
    margin:0 -12px 16px;
    padding:10px 12px 11px;
    gap:9px;
    scroll-padding-inline:12px;
    scroll-snap-type:x proximity;
  }
  .category-tab,.judd-mobile-tab{
    min-height:42px;
    padding:9px 13px;
    font-size:11.5px;
    gap:7px;
    scroll-snap-align:start;
  }
  .category-tab span,.judd-mobile-tab span{font-size:12px}
}

@media(max-width:360px){
  .topbar{gap:6px}
  .top-actions{gap:4px}
  .lang-toggle{width:42px;min-width:42px}
  .test-pill{padding:0 8px;font-size:9px}
  .coin-pill{padding:0 7px}
}


/* v113 — Ask People first-screen discovery */
.ask-people-discovery{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  margin:-24px 0 34px;
  padding:13px 16px;
  border:1px solid rgba(109,92,232,.24);
  border-radius:18px;
  background:linear-gradient(105deg,rgba(255,255,255,.94),rgba(244,240,255,.95));
  color:var(--ink);
  text-decoration:none;
  box-shadow:0 10px 28px rgba(67,52,128,.08);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.ask-people-discovery:hover{
  transform:translateY(-1px);
  border-color:rgba(109,92,232,.42);
  box-shadow:0 14px 34px rgba(67,52,128,.12);
}
.ask-people-discovery-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:var(--ink);
  color:#fff;
  font-size:9px;
  font-weight:950;
  letter-spacing:.11em;
  white-space:nowrap;
}
.ask-people-discovery-copy{display:flex;align-items:baseline;gap:9px;min-width:0}
.ask-people-discovery-copy strong{font-size:14px;letter-spacing:-.02em;white-space:nowrap}
.ask-people-discovery-copy small{color:var(--muted);font-size:12px;line-height:1.35}
.ask-people-discovery-cta{display:flex;align-items:center;gap:7px;color:var(--violet);font-size:12px;font-weight:950;white-space:nowrap}
.ask-people-discovery-cta b{font-size:17px;line-height:1;transition:transform .18s ease}
.ask-people-discovery:hover .ask-people-discovery-cta b{transform:translateX(2px)}

@media(max-width:820px){
  .ask-people-discovery{margin:-16px 0 28px;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;padding:12px 13px}
  .ask-people-discovery-copy{display:grid;gap:2px}
  .ask-people-discovery-copy strong{font-size:13px;white-space:normal}
  .ask-people-discovery-copy small{font-size:11px}
  .ask-people-discovery-cta{grid-column:2;font-size:11px;margin-top:-2px}
}

@media(max-width:480px){
  .ask-people-discovery{margin:-14px 0 24px;border-radius:16px;padding:11px 12px;gap:9px 10px}
  .ask-people-discovery-badge{min-height:27px;padding:0 8px;font-size:8px}
  .ask-people-discovery-copy strong{font-size:12.5px}
  .ask-people-discovery-copy small{font-size:10.5px}
  .ask-people-discovery-cta{font-size:10.5px}
}


/* v116 — category discovery: make the multi-category product obvious */
.category-discovery-head{
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  margin:-12px 0 9px;padding:0 2px;color:var(--ink)
}
.category-discovery-kicker{
  display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;
  background:#eee9ff;color:#5c4ed0;font-size:8.5px;font-weight:950;letter-spacing:.12em;white-space:nowrap
}
.category-discovery-head strong{font-size:15px;letter-spacing:-.025em}
.category-discovery-head small{font-size:11.5px;color:var(--muted);font-weight:650}
.category-tabs{
  margin:0 0 34px;padding:10px 12px;gap:10px;
  border:1px solid rgba(109,92,232,.13);border-radius:20px;
  background:linear-gradient(105deg,rgba(255,255,255,.83),rgba(247,244,255,.8));
  box-shadow:0 8px 24px rgba(50,42,92,.045)
}
.category-tab{
  background:rgba(255,255,255,.9);border-color:rgba(23,24,22,.12);color:#5d5b56;
  box-shadow:0 4px 13px rgba(35,31,55,.045)
}
.category-tab:not(.active):hover{border-color:rgba(109,92,232,.28);background:#fff}
.category-tab.active{box-shadow:0 9px 22px rgba(23,24,22,.16)}

@media(max-width:620px){
  .category-discovery-head{margin:3px 0 5px;padding:0 2px;gap:6px 8px}
  .category-discovery-kicker{min-height:21px;padding:0 7px;font-size:7.5px}
  .category-discovery-head strong{font-size:12.5px}
  .category-discovery-head small{width:100%;font-size:9.5px}
  .category-tabs{
    top:58px;margin:0 -12px 12px;padding:8px 12px 9px;border-left:0;border-right:0;border-radius:0;
    background:rgba(248,245,238,.96);box-shadow:0 7px 20px rgba(35,31,55,.05)
  }
  .category-tab{background:#fff;border-color:rgba(23,24,22,.13)}
}


/* v117 — first-visit category chooser */
.category-welcome-dialog{border:0;padding:0;background:transparent;max-width:none;width:100%;height:100%;margin:auto;overflow:visible}.category-welcome-dialog::backdrop{background:rgba(17,18,16,.52);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.category-welcome-card{position:relative;width:min(680px,calc(100vw - 32px));margin:auto;background:#fffdfa;border:1px solid rgba(23,24,22,.09);border-radius:30px;padding:30px;box-shadow:0 30px 100px rgba(14,14,18,.28);text-align:center}.category-welcome-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:22px;line-height:1;cursor:pointer}.category-welcome-kicker{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;background:var(--violet-soft);color:var(--violet);font-size:8px;font-weight:950;letter-spacing:.13em}.category-welcome-card h2{margin:12px 34px 7px;font-size:clamp(28px,5vw,43px);line-height:1;letter-spacing:-.05em}.category-welcome-card>p{margin:0 auto 22px;color:var(--muted);font-size:13px;font-weight:650}.category-welcome-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.category-welcome-grid button{min-width:0;border:1px solid rgba(23,24,22,.11);border-radius:18px;background:#fff;padding:16px 8px 13px;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:5px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.category-welcome-grid button:hover{transform:translateY(-2px);border-color:rgba(109,92,232,.38);box-shadow:0 12px 28px rgba(35,31,55,.08);background:#fdfcff}.category-welcome-grid button span{font-size:21px;color:var(--violet);line-height:1.1}.category-welcome-grid button b{font-size:13px}.category-welcome-grid button small{color:var(--muted);font-size:8.5px;line-height:1.25}.category-welcome-skip{margin-top:18px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.category-welcome-skip:hover{color:var(--ink)}
@media(max-width:700px){.category-welcome-card{width:min(94vw,520px);padding:26px 18px 20px;border-radius:26px}.category-welcome-card h2{font-size:31px;margin-left:26px;margin-right:26px}.category-welcome-grid{grid-template-columns:repeat(2,1fr)}.category-welcome-grid button{padding:13px 8px}.category-welcome-grid button:last-child{grid-column:1/-1}.category-welcome-grid button small{font-size:9px}.category-welcome-close{right:12px;top:12px}}


/* =========================================================
   v119 — quiet vote shield + professional header controls
   ========================================================= */
.brand-zone{display:flex;align-items:center;gap:14px;min-width:0}
.brand-socials{display:flex;align-items:center;gap:5px;padding-left:12px;border-left:1px solid rgba(23,24,22,.10)}
.brand-social{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:rgba(23,24,22,.58);background:transparent;border:1px solid transparent;text-decoration:none;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}
.brand-social svg{width:14px;height:14px;fill:currentColor}
.brand-social:hover{color:var(--ink);background:rgba(255,255,255,.72);border-color:rgba(23,24,22,.09);transform:translateY(-1px)}
.lang-compact{height:34px;display:flex;align-items:center;gap:4px;padding:0 7px 0 8px;border:1px solid rgba(23,24,22,.10);background:rgba(255,253,248,.72);border-radius:999px;box-shadow:none;color:rgba(23,24,22,.58);cursor:pointer}
.lang-compact>svg{width:13px;height:13px;fill:currentColor;flex:0 0 auto}
.lang-compact .lang-toggle{appearance:none;-webkit-appearance:none;width:27px;min-width:27px;height:30px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;font-size:10.5px;font-weight:800;letter-spacing:.02em;text-align:center;color:var(--ink)}
.lang-compact .lang-toggle:hover,.lang-compact .lang-toggle:active{background:transparent;transform:none}
.lang-compact:focus-within{border-color:rgba(109,92,232,.38);box-shadow:0 0 0 3px rgba(109,92,232,.08)}
@media(max-width:900px){
  .brand-socials{gap:3px;padding-left:8px}
  .brand-social{width:27px;height:27px}
  .brand-social svg{width:13px;height:13px}
  .lang-compact{padding:0 6px}
}
@media(max-width:720px){
  .brand-socials{display:none}
  .lang-compact{height:32px;padding:0 5px}
  .lang-compact>svg{display:none}
  .lang-compact .lang-toggle{height:30px;width:28px;min-width:28px;font-size:9.5px}
}
@media(max-width:480px){
  .lang-compact{padding:0 4px}
  .lang-compact .lang-toggle{width:26px;min-width:26px}
}

/* v121 — Pro membership state */
.top-pro-badge{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border-radius:999px;background:#171816;color:#fff;font-size:9px;font-weight:950;letter-spacing:.09em;border:1px solid rgba(109,92,232,.35);box-shadow:0 8px 22px rgba(109,92,232,.14)}
.membership-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0 16px;padding:14px 15px;border:1px solid #e7e1d8;border-radius:18px;background:#fffdfa}
.membership-card.is-pro{border-color:#c7bfff;background:linear-gradient(135deg,#f8f6ff,#fffdfa)}
.membership-copy{display:flex;align-items:center;gap:11px;min-width:0}
.membership-copy>div{display:grid;gap:3px;min-width:0}
.membership-copy b{font-size:13px;letter-spacing:-.01em}
.membership-copy small{font-size:11px;line-height:1.35;color:#7d766e}
.membership-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:24px;padding:0 8px;border-radius:999px;background:#ece7df;color:#5f5952;font-size:9px;font-weight:950;letter-spacing:.08em}
.membership-card.is-pro .membership-badge{background:#6d5ce8;color:#fff}
.membership-action{flex:0 0 auto;text-decoration:none;border:1px solid #ddd6cc;border-radius:11px;padding:9px 11px;background:#fff;color:#171816;font-size:11px;font-weight:900}
.membership-card.is-pro .membership-action{border-color:#6d5ce8;color:#5b4ed0;background:#f4f1ff}
@media(max-width:560px){.membership-card{align-items:flex-start;flex-direction:column}.membership-action{width:100%;text-align:center}.top-pro-badge{display:none!important}}

.top-pro-badge[hidden]{display:none!important}

@media(max-width:980px){.answer-pill{display:none}}


/* =========================================================
   v126 — battle-first homepage + calmer header
   ========================================================= */
/* Keep people inside the product. Social exits live in the footer. */
.brand-zone{gap:0}

/* One compact language control instead of a detached icon + select. */
.lang-compact{height:36px;padding:0 8px;border-color:rgba(23,24,22,.11);background:#fffdf8}
.lang-compact .lang-toggle{width:38px;min-width:38px;height:34px;font-size:10.5px;cursor:pointer}

/* The battle is the product: compress the intro so photos enter the first viewport. */
.arena{padding-top:28px}
.category-discovery-head{margin-bottom:8px}
.category-tabs{margin-top:0;margin-bottom:18px;padding-bottom:4px}
.ask-people-discovery{margin:0 0 20px;padding:10px 14px;border-radius:16px}
.arena-head{align-items:flex-start;margin-bottom:18px;gap:24px}
.arena h1{font-size:clamp(46px,5.4vw,76px);line-height:.86;letter-spacing:-.065em;max-width:680px}
.sub{font-size:clamp(14px,1.35vw,17px);margin-top:12px}
.hero-actions{margin-top:14px;gap:12px}
.hero-actions span{font-size:12px;max-width:390px}
.hero-upload{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:none}
.hero-upload:hover{transform:translateY(-1px)}
.hero-side{width:190px;flex-basis:190px;gap:8px}
.hero-side .streak-card{padding:10px 12px}
.hero-result-preview{padding:12px;border-radius:17px}
.hero-photo-report-main{grid-template-columns:66px 1fr;gap:9px;margin:6px 0 7px}
.hero-report-photo{min-height:72px;background-image:radial-gradient(circle at 50% 32%,rgba(255,255,255,.68) 0 12%,transparent 12.5%),radial-gradient(circle at 50% 48%,rgba(255,255,255,.23) 0 24%,transparent 24.5%),linear-gradient(145deg,#675bd2,#1f2130)}
.hero-report-score strong{font-size:31px}
.hero-result-preview-row{padding:5px 0}
.hero-result-preview-foot{font-size:7.5px}

@media(max-width:900px){
  .arena{padding-top:18px}
  .arena h1{font-size:clamp(42px,7vw,60px)}
  .arena-head{margin-bottom:14px}
}

@media(max-width:620px){
  .topbar{height:58px}
  .pricing-pill{display:none}
  .lang-compact{height:34px;padding:0 5px}
  .lang-compact .lang-toggle{width:31px;min-width:31px;height:32px;font-size:9.5px}

  .arena{padding-top:6px}
  .category-discovery-head{display:none}
  .category-tabs{top:58px;margin:0 -12px 8px;padding:7px 12px 8px}
  .ask-people-discovery{margin:0 0 10px;padding:8px 10px;gap:7px 9px;border-radius:13px}
  .ask-people-discovery-badge{min-height:23px;padding:0 7px;font-size:7px}
  .ask-people-discovery-copy strong{font-size:11.5px}
  .ask-people-discovery-copy small{display:none}
  .ask-people-discovery-cta{font-size:9.5px}

  .arena-head{position:relative;display:block;margin-bottom:10px}
  .arena-head .eyebrow{font-size:8.5px;margin-bottom:5px}
  .arena h1{font-size:34px;line-height:.9;max-width:260px;letter-spacing:-.055em}
  .sub{font-size:11.5px;line-height:1.3;margin-top:6px;max-width:290px}
  .hero-actions{display:none}
  .hero-side{display:none}

  .unlock-wrap{margin-top:7px;margin-bottom:8px}
  .battle-stage{min-height:58svh;max-height:620px}
  .photo-media{min-height:58svh}
}

@media(max-width:390px){
  .arena h1{font-size:31px;max-width:240px}
  .sub{font-size:11px}
  .test-pill{padding:0 9px}
}


/* =========================================================
   v127 — true battle-first composition
   Photos are the first meaningful content, not a marketing hero.
   ========================================================= */
.arena{padding-top:22px}
.category-discovery-head{margin-bottom:6px}
.category-tabs{margin-bottom:12px}
.ask-people-discovery{margin-bottom:12px}

.arena-head{
  display:block;
  margin:0 0 8px;
  min-height:0;
}
.battle-intro{max-width:760px}
.arena-head .eyebrow{
  margin:0 0 6px;
  font-size:10px;
  letter-spacing:.14em;
}
.arena h1{
  max-width:760px;
  font-size:clamp(50px,5vw,68px);
  line-height:.84;
  letter-spacing:-.065em;
}
.sub{
  margin-top:8px;
  font-size:clamp(13px,1.2vw,16px);
  line-height:1.35;
}
.hero-upload[hidden]{display:none!important}

/* Credit/progress sits close to the battle instead of creating a hero gap. */
.unlock-wrap{margin:8px 0 10px}
.unlock-wrap.is-unlocked{margin:7px 0 10px}
.unlock-wrap.is-unlocked .unlock-copy{
  padding:6px 9px;
  font-size:10.5px;
  border-radius:999px;
}
.unlock-wrap.is-unlocked .unlock-copy::before{
  width:15px;
  height:15px;
  font-size:8px;
}

/* Let the pair dominate the first viewport. */
.battle-stage{
  min-height:min(56vw,610px);
}
.photo-media{min-height:500px}
.battle-controls{margin-top:12px}
.battle-micro-hint{margin-top:5px;font-size:10.5px}

/* Secondary proof/progress lives after the interaction, not beside the headline. */
.battle-afterbar{
  display:grid;
  grid-template-columns:auto minmax(260px,360px);
  justify-content:space-between;
  align-items:start;
  gap:14px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(23,24,22,.08);
}
.battle-afterbar .streak-card{
  position:static;
  top:auto;
  right:auto;
  margin:0;
  width:auto;
  min-width:142px;
  padding:10px 12px;
  box-shadow:none;
  background:rgba(255,253,248,.72);
}
.battle-afterbar .hero-result-preview{
  width:100%;
  max-width:360px;
  padding:10px 12px;
  border-radius:15px;
  box-shadow:none;
}
.battle-afterbar .hero-photo-report-main{
  grid-template-columns:58px 1fr;
  margin:5px 0 6px;
}
.battle-afterbar .hero-report-photo{min-height:58px}
.battle-afterbar .hero-report-score strong{font-size:27px}
.battle-afterbar .hero-result-preview-row{padding:4px 0}
.battle-afterbar .hero-result-preview-foot{font-size:7px}

@media(max-width:900px){
  .arena{padding-top:14px}
  .arena h1{font-size:clamp(44px,6.5vw,58px)}
  .battle-stage{min-height:54vw}
  .photo-media{min-height:430px}
  .battle-afterbar{grid-template-columns:1fr;justify-items:start}
  .battle-afterbar .hero-result-preview{max-width:340px}
}

@media(max-width:620px){
  .arena{padding-top:4px}
  .category-tabs{margin-bottom:6px}
  .ask-people-discovery{margin-bottom:7px}
  .arena-head{margin-bottom:5px}
  .arena-head .eyebrow{font-size:8px;margin-bottom:4px;letter-spacing:.12em}
  .arena h1{
    font-size:32px;
    line-height:.88;
    max-width:280px;
  }
  .sub{
    margin-top:4px;
    font-size:11px;
    line-height:1.25;
    max-width:290px;
  }
  .unlock-wrap{margin:5px 0 6px}
  .unlock-wrap.is-unlocked{margin:5px 0 6px}
  .unlock-wrap.is-unlocked .unlock-copy{padding:5px 8px;font-size:9.5px}
  .battle-stage{
    height:clamp(390px,58svh,560px);
    min-height:0;
    max-height:none;
  }
  .photo-media{height:100%;min-height:0}
  .battle-controls{margin-top:8px}
  .battle-micro-hint{display:none}
  .battle-afterbar{
    grid-template-columns:1fr;
    gap:10px;
    margin-top:12px;
    padding-top:12px;
  }
  .battle-afterbar .streak-card{display:flex;min-width:0;padding:8px 10px}
  .battle-afterbar .streak-card>span{font-size:16px}
  .battle-afterbar .streak-card b{font-size:16px}
  .battle-afterbar .streak-card small{font-size:8.5px}
  .battle-afterbar .hero-result-preview{display:none}
}

@media(max-width:390px){
  .arena h1{font-size:29px;max-width:250px}
  .sub{font-size:10.5px}
  .battle-stage{height:clamp(370px,56svh,520px)}
}

/* =========================================================
   v128 — stronger battle title hierarchy
   Keep the battle first, but give the question enough presence.
   ========================================================= */
.battle-intro{
  position:relative;
  max-width:860px;
  padding-left:20px;
}
.battle-intro::before{
  content:"";
  position:absolute;
  left:0;
  top:31px;
  width:4px;
  height:94px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--violet2),var(--violet));
  box-shadow:0 8px 24px rgba(109,92,232,.18);
}
.arena-head .eyebrow{
  margin:0 0 12px;
  font-size:10.5px;
  letter-spacing:.155em;
}
.arena h1{
  max-width:860px;
  font-size:clamp(64px,5.9vw,86px);
  line-height:.89;
  letter-spacing:-.066em;
}
.sub{
  margin-top:13px;
  max-width:560px;
  font-size:clamp(14px,1.35vw,17px);
  line-height:1.42;
}
.arena-head{
  margin-bottom:0;
}
.unlock-wrap,
.unlock-wrap.is-unlocked{
  margin:15px 0 17px;
}
.unlock-wrap.is-unlocked .unlock-copy{
  padding:5px 9px;
  font-size:10px;
  letter-spacing:-.01em;
}

@media(max-width:900px){
  .battle-intro{padding-left:16px;max-width:720px}
  .battle-intro::before{top:29px;width:3px;height:82px}
  .arena-head .eyebrow{margin-bottom:10px}
  .arena h1{font-size:clamp(56px,7vw,72px);line-height:.89}
  .sub{margin-top:11px;font-size:14px}
  .unlock-wrap,.unlock-wrap.is-unlocked{margin:12px 0 14px}
}

@media(max-width:620px){
  .battle-intro{
    padding-left:12px;
    max-width:100%;
  }
  .battle-intro::before{
    top:24px;
    width:3px;
    height:58px;
  }
  .arena-head .eyebrow{
    margin-bottom:7px;
    font-size:8px;
  }
  .arena h1{
    font-size:clamp(35px,10.8vw,42px);
    line-height:.91;
    max-width:310px;
  }
  .sub{
    margin-top:7px;
    font-size:11.5px;
    line-height:1.3;
    max-width:300px;
  }
  .unlock-wrap,.unlock-wrap.is-unlocked{margin:8px 0 9px}
}

@media(max-width:390px){
  .battle-intro{padding-left:10px}
  .battle-intro::before{top:23px;height:54px}
  .arena h1{font-size:34px;max-width:275px}
}

/* =========================================================
   v129 — battle title breathing room
   Separate the two display lines and restore vertical rhythm.
   ========================================================= */
.arena h1{
  line-height:1;
}
.arena h1 > span,
.arena h1 > em{
  display:block;
}
.arena h1 > br{
  display:none;
}
.arena h1 > em{
  margin-top:8px;
}
.arena-head .eyebrow{
  margin-bottom:16px;
}
.sub{
  margin-top:16px;
}

@media(max-width:900px){
  .arena h1{line-height:1}
  .arena h1 > em{margin-top:7px}
  .arena-head .eyebrow{margin-bottom:13px}
  .sub{margin-top:13px}
}

@media(max-width:620px){
  .arena h1{line-height:1}
  .arena h1 > em{margin-top:5px}
  .arena-head .eyebrow{margin-bottom:10px}
  .sub{margin-top:10px}
}

/* =========================================================
   v130 — display title kerning fix
   Previous patches changed line spacing, but the condensed
   headline itself was still over-kerned. Give each word air.
   ========================================================= */
.arena h1{
  letter-spacing:-.018em;
  word-spacing:.075em;
}
.arena h1 > span,
.arena h1 > em{
  letter-spacing:-.018em;
  word-spacing:.075em;
}
.arena h1 > em{
  margin-top:14px;
}

@media(max-width:900px){
  .arena h1,
  .arena h1 > span,
  .arena h1 > em{
    letter-spacing:-.014em;
    word-spacing:.07em;
  }
  .arena h1 > em{margin-top:12px}
}

@media(max-width:620px){
  .arena h1,
  .arena h1 > span,
  .arena h1 > em{
    letter-spacing:-.008em;
    word-spacing:.06em;
  }
  .arena h1 > em{margin-top:9px}
}

/* =========================================================
   v131 — one-line desktop battle question
   Keep the black and violet phrases on a single editorial line
   on desktop; preserve the two-line treatment on smaller screens.
   ========================================================= */
@media(min-width:901px){
  .battle-intro{max-width:none}
  .arena h1{
    display:flex;
    align-items:baseline;
    flex-wrap:nowrap;
    gap:.22em;
    max-width:none;
    white-space:nowrap;
    font-size:clamp(58px,5.35vw,82px);
    line-height:.92;
    letter-spacing:-.018em;
    word-spacing:.055em;
  }
  .arena h1 > span,
  .arena h1 > em{
    display:inline-block;
    margin-top:0;
    white-space:nowrap;
  }
  .arena h1 > br{display:none}
  .battle-intro::before{
    top:31px;
    height:72px;
  }
  .sub{margin-top:17px}
}


/* =========================================================
   v132 — mobile battle header reset
   On phones, the interaction wins: replace the oversized two-line
   editorial headline with one compact category title. Desktop stays v131.
   ========================================================= */
.mobile-battle-title{display:none}

@media(max-width:620px){
  .battle-intro{
    padding-left:0;
  }
  .battle-intro::before{
    display:none;
  }

  /* Keep the sample/community label, but make it utility-sized. */
  .arena-head .eyebrow{
    margin:0 0 7px;
    font-size:8px;
    line-height:1.1;
    letter-spacing:.13em;
  }

  /* Desktop editorial headline is intentionally removed on mobile. */
  .arena h1{
    display:none!important;
  }

  .mobile-battle-title{
    display:block;
    margin:0;
    max-width:100%;
    font-family:var(--font-hero);
    font-size:clamp(27px,7.8vw,34px);
    line-height:.96;
    font-weight:950;
    font-style:italic;
    letter-spacing:-.02em;
    word-spacing:.04em;
    color:var(--ink);
    text-transform:uppercase;
  }

  .sub{
    margin-top:7px;
    max-width:100%;
    font-size:11px;
    line-height:1.3;
  }

  .arena-head{
    margin-bottom:3px;
  }
  .unlock-wrap,
  .unlock-wrap.is-unlocked{
    margin:7px 0 8px;
  }
}

@media(max-width:390px){
  .mobile-battle-title{
    font-size:clamp(25px,7.5vw,31px);
  }
}


/* v133 — first-visit 3-step feature tour */
.feature-tour-dialog{border:0;padding:0;background:transparent;max-width:none;width:100%;height:100%;margin:auto;overflow:visible}.feature-tour-dialog::backdrop{background:rgba(17,18,16,.58);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.feature-tour-card{position:relative;width:min(540px,calc(100vw - 28px));min-height:520px;margin:auto;background:#fffdfa;border:1px solid rgba(23,24,22,.09);border-radius:30px;padding:28px 30px 24px;box-sizing:border-box;box-shadow:0 32px 110px rgba(14,14,18,.30);text-align:center;display:flex;flex-direction:column}.feature-tour-skip{position:absolute;right:20px;top:18px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:850;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.feature-tour-skip:hover{color:var(--ink)}.feature-tour-progress{display:flex;align-items:center;justify-content:center;gap:7px;margin:4px 58px 25px}.feature-tour-progress span{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:#f0ede7;color:#88857f;font-size:10px;font-weight:950;transition:.18s ease}.feature-tour-progress span.active{background:var(--violet);color:#fff;box-shadow:0 6px 16px rgba(109,92,232,.22)}.feature-tour-progress i{width:34px;height:2px;border-radius:99px;background:#ece8e0}.feature-tour-step{animation:jmpFeatureTourIn .18s ease-out}.feature-tour-step[hidden]{display:none!important}@keyframes jmpFeatureTourIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.feature-tour-kicker{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;background:var(--violet-soft);color:var(--violet);font-size:8px;font-weight:950;letter-spacing:.13em}.feature-tour-step h2{margin:13px auto 8px;max-width:430px;font-size:clamp(27px,5vw,39px);line-height:1.01;letter-spacing:-.045em}.feature-tour-step>p{margin:0 auto 22px;max-width:420px;color:var(--muted);font-size:13px;line-height:1.5;font-weight:650}.feature-tour-ab-demo{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:0 auto 12px;max-width:390px}.feature-tour-ab-demo>strong{font-size:10px;color:#88857f;letter-spacing:.09em}.feature-tour-photo-card{position:relative;height:145px;border-radius:20px;background:#eee;border:1px solid rgba(109,92,232,.13);display:block;overflow:hidden;box-sizing:border-box;box-shadow:0 8px 24px rgba(26,24,20,.08)}.feature-tour-photo-card.alt{border-color:rgba(190,112,82,.13)}.feature-tour-photo-card img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 37%}.feature-tour-photo-card.alt img{object-position:center 30%}.feature-tour-photo-card::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(to top,rgba(0,0,0,.48),transparent);pointer-events:none}.feature-tour-photo-card span{position:absolute;left:11px;bottom:10px;z-index:1;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.92);color:#26232d;font-size:8px;font-weight:950;letter-spacing:.12em;box-shadow:0 3px 10px rgba(0,0,0,.08)}.feature-tour-result-pill{display:inline-flex;align-items:center;justify-content:center;margin:auto;padding:9px 13px;border-radius:999px;background:#f4f1eb;color:#5f5c57;font-size:9px;font-weight:900;letter-spacing:.03em}.feature-tour-connect-demo,.feature-tour-judd-demo{max-width:405px;margin:6px auto 4px;border:1px solid rgba(23,24,22,.09);background:#fff;border-radius:22px;padding:17px;text-align:left;display:flex;align-items:center;gap:14px;box-shadow:0 14px 36px rgba(26,24,20,.06)}.feature-tour-avatar{width:72px;height:86px;border-radius:16px;background:#ece8e2;display:block;overflow:hidden;flex:0 0 auto;box-shadow:0 5px 14px rgba(26,24,20,.10)}.feature-tour-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 24%}.feature-tour-connect-demo>div:last-child,.feature-tour-judd-demo>div{display:flex;flex-direction:column;gap:5px;min-width:0}.feature-tour-connect-demo small,.feature-tour-judd-demo small{font-size:8px;font-weight:950;letter-spacing:.1em;color:#657064}.feature-tour-connect-demo small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-right:5px;box-shadow:0 0 0 3px rgba(34,197,94,.12)}.feature-tour-connect-demo b,.feature-tour-judd-demo b{font-size:15px;line-height:1.2}.feature-tour-connect-demo span,.feature-tour-judd-demo span{font-size:10px;color:var(--muted);font-weight:750}.feature-tour-judd-demo img{width:86px;height:86px;object-fit:contain;flex:0 0 auto}.feature-tour-actions{margin-top:auto;padding-top:24px;display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center}.feature-tour-next{min-height:48px}.feature-tour-back{min-height:48px;padding:0 17px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font-weight:850;cursor:pointer}.feature-tour-back[hidden]{display:none}.feature-tour-foot{display:block;margin-top:11px;color:#8a8781;font-size:9px;font-weight:750}.feature-tour-actions:has(.feature-tour-back[hidden]){grid-template-columns:1fr}.feature-tour-next span{display:inline-block;margin-left:5px}
@media(max-width:600px){.feature-tour-card{width:min(94vw,520px);min-height:min(570px,88vh);padding:25px 18px 19px;border-radius:26px}.feature-tour-progress{margin-bottom:20px}.feature-tour-step h2{font-size:30px}.feature-tour-step>p{font-size:12.5px;margin-bottom:18px}.feature-tour-ab-demo{gap:7px}.feature-tour-photo-card{height:132px;border-radius:17px;padding:12px}.feature-tour-connect-demo,.feature-tour-judd-demo{padding:14px;gap:11px}.feature-tour-avatar{width:66px;height:80px}.feature-tour-judd-demo img{width:74px;height:74px}.feature-tour-actions{padding-top:18px}.feature-tour-skip{right:16px;top:15px}}


/* v136 primary mode tabs */
.battle-pill{background:rgba(255,253,248,.82);color:var(--ink)}
.primary-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:-2px 0 18px}.primary-mode-tab{border:1px solid var(--line);background:#fff;border-radius:22px;padding:14px 16px;display:flex;align-items:flex-start;gap:12px;text-align:left;cursor:pointer;box-shadow:0 10px 24px rgba(35,31,55,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.primary-mode-tab:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(35,31,55,.09);border-color:rgba(105,87,245,.28)}.primary-mode-tab.compare{background:#fff;border-color:var(--line)}.primary-mode-tab .mode-index{width:30px;height:30px;border-radius:999px;background:#efeafd;color:var(--violet);display:inline-flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto}.primary-mode-tab.compare .mode-index{background:#efeafd;color:var(--violet)}.primary-mode-tab .mode-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.primary-mode-tab .mode-copy b{font-size:15px;line-height:1.15;color:var(--ink)}.primary-mode-tab .mode-copy small{font-size:12px;line-height:1.4;color:var(--muted)}.battle-stage.mode-flash{box-shadow:0 0 0 3px rgba(105,87,245,.12),0 18px 48px rgba(35,31,55,.14);transition:box-shadow .18s ease}@media(max-width:900px){.primary-mode-tabs{grid-template-columns:1fr;gap:10px;margin:2px 0 16px}.primary-mode-tab{padding:13px 14px}.top-actions .pricing-pill{display:none}}@media(max-width:620px){.top-actions .battle-pill span,.top-actions .test-pill span{font-size:11px}.primary-mode-tab .mode-copy b{font-size:14px}.primary-mode-tab .mode-copy small{font-size:11px}.primary-mode-tabs{margin:0 0 14px}.battle-pill{display:none}}
\n\n/* v138 compare-first homepage */\n.primary-mode-tab.active{border-color:rgba(105,87,245,.55);box-shadow:0 0 0 2px rgba(105,87,245,.08),0 14px 30px rgba(35,31,55,.08)}\n.primary-mode-tab.compare.active{background:linear-gradient(180deg,#f1ecff 0%,#fff 100%)}\n.top-actions .nav-pill.active{background:var(--ink);color:#fff;border-color:var(--ink)}\n.compare-home-pane{padding:24px 0 8px}.compare-home-head{max-width:820px;margin:10px 0 26px}.compare-home-head h1{font-size:clamp(48px,6.2vw,82px);line-height:.88;letter-spacing:-.065em;margin:0;font-weight:900;max-width:800px}.compare-home-head h1 em{font-style:normal;color:var(--violet)}.compare-home-head .sub{max-width:700px;margin-top:18px}.compare-sample-label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--muted)}.compare-sample-label span{background:var(--ink);color:#fff;padding:7px 10px;border-radius:999px}.compare-sample-stage{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);align-items:center;gap:16px;max-width:920px}.compare-sample-card{position:relative;overflow:hidden;border:2px solid transparent;border-radius:28px;background:#eee;padding:0;aspect-ratio:4/5;cursor:pointer;box-shadow:0 16px 42px rgba(30,28,44,.10);transition:.18s ease}.compare-sample-card:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(30,28,44,.14)}.compare-sample-card.picked{border-color:var(--violet);box-shadow:0 0 0 5px rgba(105,87,245,.12),0 20px 48px rgba(30,28,44,.15)}.compare-sample-card img{width:100%;height:100%;object-fit:cover;display:block}.compare-sample-card>.compare-photo-label{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.94);color:#111;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:950;letter-spacing:.08em;box-shadow:0 6px 18px rgba(0,0,0,.12)}.compare-sample-vs{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:950;color:var(--muted);box-shadow:0 8px 24px rgba(30,28,44,.08)}.compare-sample-foot{display:flex;gap:9px;align-items:center;justify-content:center;max-width:920px;margin:14px 0 0;color:var(--muted);font-size:11px;font-weight:800}.compare-sample-foot i{font-style:normal;color:#bbb}.compare-home-actions{display:flex;gap:10px;align-items:center;margin:24px 0 8px}.compare-home-actions .primary{min-width:260px}.compare-home-actions .primary b{margin-left:8px}.compare-home-note{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.category-discovery-head{margin-top:10px}\n@media(max-width:900px){.compare-sample-stage{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:10px}.compare-sample-vs{width:42px;height:42px}.compare-home-pane{padding-top:10px}}\n@media(max-width:620px){.compare-home-head{margin:2px 0 16px}.compare-home-head h1{font-size:40px;max-width:330px}.compare-home-head .sub{font-size:13px;max-width:335px;margin-top:12px}.compare-sample-label b{display:none}.compare-sample-stage{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:7px}.compare-sample-card{border-radius:20px;aspect-ratio:3/4}.compare-sample-card>.compare-photo-label{left:9px;bottom:9px;padding:6px 8px;font-size:9px}.compare-sample-vs{width:30px;height:30px;font-size:9px;position:relative;z-index:2}.compare-sample-foot{font-size:9px;gap:5px;flex-wrap:wrap}.compare-home-actions{flex-direction:column;align-items:stretch;margin-top:18px}.compare-home-actions .primary{min-width:0;width:100%}.compare-home-actions .soft{width:100%}.compare-home-note{font-size:10px;text-align:center}.primary-mode-tab.compare{order:1}.primary-mode-tab:nth-child(2){order:2}.primary-mode-tab:nth-child(3){order:3}}\n

/* v140 compare interaction + active-mode glow */
.compare-sample-card{outline:none}
.compare-sample-card:focus-visible{box-shadow:0 0 0 4px rgba(105,87,245,.22),0 20px 48px rgba(30,28,44,.14)}
.compare-sample-card.picked{transform:translateY(-3px) scale(1.008);border-color:var(--violet);box-shadow:0 0 0 5px rgba(105,87,245,.13),0 0 34px rgba(105,87,245,.22),0 22px 50px rgba(30,28,44,.16)}
.compare-sample-card.picked::after{content:'✓';position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--violet);color:#fff;font-size:22px;font-weight:950;box-shadow:0 8px 22px rgba(105,87,245,.35)}
.compare-sample-card.not-picked{opacity:.68;transform:scale(.992)}
.compare-sample-choice{max-width:920px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:14px 0 0;font-size:11px;font-weight:900;color:#777168;letter-spacing:.04em}
.compare-sample-choice span:last-child{text-align:right}.compare-sample-choice b{color:var(--violet);background:#f2edff;border:1px solid rgba(105,87,245,.14);border-radius:999px;padding:8px 13px;white-space:nowrap}
@media(max-width:620px){.compare-sample-card.picked::after{right:9px;top:9px;width:32px;height:32px;font-size:17px}.compare-sample-choice{font-size:9px;gap:5px}.compare-sample-choice b{padding:7px 9px;letter-spacing:0}.compare-sample-choice span{white-space:nowrap}}

.compare-progress-meta{max-width:920px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 8px;color:var(--muted);font-size:12px;font-weight:800}.compare-progress-bar{max-width:920px;height:8px;border-radius:999px;background:#e8e2d7;overflow:hidden;margin:0 0 16px}.compare-progress-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),#8b7cff);border-radius:999px;transition:width .24s ease}.pulse-attention{animation:jmpPulseAttention 1s ease 0s 2}@keyframes jmpPulseAttention{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(105,87,245,.35)}50%{transform:scale(1.02);box-shadow:0 0 0 12px rgba(105,87,245,0)}100%{transform:scale(1)}}@media(max-width:620px){.compare-progress-meta{font-size:10px;margin:0 0 7px}.compare-progress-bar{height:6px;margin-bottom:12px}}

/* v143 compare uses the same vote -> lock -> next-pair rhythm as Battle */
.compare-sample-stage{transition:opacity .22s ease,transform .22s ease,filter .22s ease}.compare-sample-stage.compare-stage-exit{opacity:0;transform:translateY(10px) scale(.992);filter:blur(2px)}.compare-sample-stage.compare-stage-enter{animation:jmpCompareEnter .32s ease both}@keyframes jmpCompareEnter{from{opacity:0;transform:translateY(-8px) scale(.992)}to{opacity:1;transform:none}}.compare-sample-card:disabled{cursor:default}.compare-complete-panel{max-width:920px;min-height:310px;border:1px solid rgba(105,87,245,.18);background:linear-gradient(145deg,#f5f1ff,#fff);border-radius:28px;padding:34px;display:grid;grid-template-columns:auto 1fr;gap:18px 22px;align-items:center;box-shadow:0 16px 42px rgba(30,28,44,.09)}.compare-complete-panel[hidden]{display:none}.compare-complete-check{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--violet);color:#fff;font-size:28px;font-weight:950;box-shadow:0 10px 26px rgba(105,87,245,.28)}.compare-complete-panel small{font-size:10px;letter-spacing:.14em;font-weight:950;color:var(--violet)}.compare-complete-panel h3{font-size:34px;line-height:1.02;margin:6px 0 8px}.compare-complete-panel p{margin:0;color:var(--muted);line-height:1.45}.compare-complete-panel .primary{grid-column:2;justify-self:start}@media(max-width:620px){.compare-complete-panel{grid-template-columns:1fr;padding:24px;min-height:260px}.compare-complete-panel .primary{grid-column:1;width:100%}.compare-complete-panel h3{font-size:28px}}

.compare-complete-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.compare-complete-actions .primary,.compare-complete-actions .soft{min-height:48px}
@media(max-width:620px){.compare-complete-actions{width:100%;flex-direction:column;align-items:stretch}.compare-complete-actions .primary,.compare-complete-actions .soft{width:100%}}

/* v145 clearer Battle CTA + subtle Ask People discovery on Compare */
.compare-home-actions .compare-battle-cta{
  border:1px solid rgba(23,24,22,.13);
  background:#fff;
  color:var(--ink);
  padding:13px 17px;
  border-radius:14px;
  font-weight:850;
  box-shadow:0 5px 15px rgba(30,28,44,.045);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.compare-home-actions .compare-battle-cta:hover{
  transform:translateY(-1px);
  border-color:rgba(105,87,245,.28);
  box-shadow:0 9px 22px rgba(30,28,44,.08);
}
.compare-home-actions .compare-battle-cta b{
  margin-left:7px;
  color:var(--violet);
}
.compare-ask-people{
  max-width:920px;
  margin:18px 0 2px;
  border:1px solid rgba(105,87,245,.17);
  background:linear-gradient(90deg,rgba(105,87,245,.055),rgba(255,255,255,.78));
  border-radius:16px;
  padding:11px 13px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  color:var(--ink);
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.compare-ask-people:hover{
  transform:translateY(-1px);
  border-color:rgba(105,87,245,.32);
  box-shadow:0 8px 22px rgba(35,31,55,.06);
}
.compare-ask-badge{
  background:var(--ink);
  color:#fff;
  border-radius:999px;
  padding:7px 10px;
  font-size:9px;
  font-weight:950;
  letter-spacing:.1em;
}
.compare-ask-copy{
  display:flex;
  align-items:baseline;
  gap:8px;
  min-width:0;
}
.compare-ask-copy b{font-size:13px}
.compare-ask-copy small{font-size:11px;color:var(--muted)}
.compare-ask-cta{
  color:var(--violet);
  font-size:11px;
  font-weight:950;
  white-space:nowrap;
}
@media(max-width:620px){
  .compare-ask-people{
    grid-template-columns:auto 1fr;
    gap:8px 10px;
  }
  .compare-ask-copy{
    display:grid;
    gap:2px;
  }
  .compare-ask-copy small{font-size:10px}
  .compare-ask-cta{
    grid-column:2;
  }
}

/* v146 completion-state visibility fix */
.compare-sample-stage[hidden],
.compare-complete-panel[hidden]{
  display:none !important;
}

.compare-ai-disclosure{
  max-width:920px;
  margin:8px 0 0;
  text-align:center;
  color:var(--muted);
  font-size:10px;
  line-height:1.4;
  font-weight:700;
  opacity:.82;
}

.compare-ai-card-badge{
  position:absolute;
  z-index:3;
  top:13px;
  left:13px;
  background:rgba(17,17,17,.88);
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  padding:6px 9px;
  font-style:normal;
  font-size:9px;
  line-height:1;
  font-weight:950;
  letter-spacing:.09em;
  box-shadow:0 6px 16px rgba(0,0,0,.14);
  backdrop-filter:blur(8px);
}
@media(max-width:620px){
  .compare-ai-card-badge{
    top:8px;
    left:8px;
    padding:5px 7px;
    font-size:8px;
  }
}

.compare-live-callout{
  max-width:920px;
  margin:14px 0 12px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  text-align:center;
  border:1px solid rgba(124,58,237,.18);
  border-radius:14px;
  background:rgba(124,58,237,.055);
}
.compare-live-callout span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:5px 8px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:9px;
  line-height:1;
  font-weight:950;
  letter-spacing:.09em;
  white-space:nowrap;
}
.compare-live-callout p{
  margin:0;
  color:var(--text);
  font-size:11px;
  line-height:1.45;
  font-weight:750;
}
.compare-live-callout.is-live{
  border-color:rgba(34,197,94,.22);
  background:rgba(34,197,94,.055);
}
.compare-live-callout.is-live span{
  background:#166534;
}
@media(max-width:620px){
  .compare-live-callout{margin:11px 0 10px;padding:10px 11px;gap:7px}
  .compare-live-callout p{font-size:10px}
}

/* v154 compare open-to-connect preview badge */
.compare-connect-badge{position:absolute;z-index:3;right:13px;bottom:13px;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.96);color:var(--ink);border:1px solid rgba(17,17,17,.09);border-radius:999px;padding:7px 10px;font-size:9px;line-height:1;font-weight:950;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 8px 18px rgba(0,0,0,.10)}
.compare-connect-badge i{width:8px;height:8px;border-radius:50%;background:#34c759;box-shadow:0 0 0 4px rgba(52,199,89,.13);flex:0 0 auto}
@media(max-width:620px){.compare-connect-badge{right:8px;bottom:8px;padding:6px 8px;font-size:7px;gap:5px}.compare-connect-badge i{width:7px;height:7px}}

/* v157 keep photo label and Open to Connect separated */
.compare-photo-label{left:16px!important;right:auto!important;bottom:16px!important}
.compare-connect-badge{left:auto!important;right:13px!important;bottom:13px!important}
@media(max-width:620px){
  .compare-photo-label{left:9px!important;bottom:9px!important}
  .compare-connect-badge{left:auto!important;right:8px!important;bottom:8px!important}
}


/* v158 — My Profile: photo library + separate community battle setup */
.profile-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.profile-library-head .micro{max-width:390px;margin:4px 0 0}.profile-library-head .lab-primary-upload{width:auto;margin:0;white-space:nowrap}
.profile-account-tools{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.profile-account-tools>.lab-subhead{margin-bottom:8px}
.my-battle-pane{min-height:420px}.my-battle-pane[hidden]{display:none!important}
.my-battle-head{margin-bottom:18px}.my-battle-head h4{margin:5px 0 6px;font-size:24px;letter-spacing:-.035em}.my-battle-head .micro{margin:0;max-width:470px}
.battle-profile-empty{padding:24px;border:1px dashed #cfc8bd;border-radius:18px;background:#fbf8f2}.battle-profile-empty[hidden]{display:none}.battle-profile-empty b{font-size:18px}.battle-profile-empty .micro{margin:7px 0 14px}
.battle-profile-preview{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:13px;margin:10px 0 16px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fbfaf7}
.battle-profile-image{width:82px;height:98px;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#ddd7ca,#bbb1a1);display:grid;place-items:center;color:#777;position:relative}.battle-profile-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.battle-profile-preview.has-image .battle-profile-image img{display:block}.battle-profile-preview b{display:block;font-size:14px}.battle-profile-preview p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.4}
.battle-connect-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:13px 14px;border:1px solid #dfe9df;border-radius:16px;background:#f7fff8}.battle-connect-setting>div{display:flex;align-items:center;gap:10px}.battle-connect-setting b{display:block;font-size:13px}.battle-connect-setting small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.battle-connect-dot{width:9px;height:9px;border-radius:50%;background:#aaa69f;flex:0 0 auto}.battle-connect-dot.on{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.13)}
.battle-active-section{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.battle-active-section[hidden]{display:none}.battle-active-list{display:grid;gap:9px;margin-top:9px}.battle-active-card{padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:#fff}.battle-active-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.battle-active-card b{font-size:13px}.battle-active-card span{font-size:10px;color:var(--muted)}.battle-active-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
@media(max-width:620px){.profile-mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px}.profile-mode-tab{padding:9px 5px;font-size:9px;line-height:1.15}.profile-library-head{flex-direction:column}.profile-library-head .lab-primary-upload{width:100%}.battle-profile-preview{grid-template-columns:70px 1fr}.battle-profile-image{width:70px;height:86px}.battle-connect-setting{align-items:flex-start;flex-direction:column}.battle-connect-setting .soft{width:100%}.battle-active-card>div:first-child{align-items:flex-start;flex-direction:column}}


/* v160 — My Photos quick actions are real CTA cards */
.lab-quick-actions{
  gap:10px;
  margin:4px 0 18px;
}
.lab-action-card{
  appearance:none;
  width:100%;
  min-height:92px;
  margin:0;
  padding:14px 14px;
  border:1px solid #ddd8cf;
  border-radius:18px;
  background:#fff;
  color:var(--ink);
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 24px;
  align-items:center;
  gap:11px;
  text-align:left;
  font:inherit;
  cursor:pointer;
  box-shadow:0 7px 18px rgba(24,22,34,.045);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.lab-action-card:hover{
  transform:translateY(-2px);
  border-color:#bfb6ff;
  box-shadow:0 13px 27px rgba(50,43,105,.10);
}
.lab-action-card:focus-visible{
  outline:0;
  border-color:var(--violet);
  box-shadow:0 0 0 4px rgba(109,92,232,.13),0 13px 27px rgba(50,43,105,.10);
}
.lab-action-card-primary{
  border-color:rgba(109,92,232,.28);
  background:linear-gradient(145deg,#f1edff 0%,#fbfaff 100%);
}
.lab-action-card-primary:hover{
  border-color:rgba(109,92,232,.58);
  background:linear-gradient(145deg,#ece7ff 0%,#fff 100%);
}
.lab-action-icon{
  width:42px;
  height:42px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:#f1efe9;
  color:#5f5a52;
  font-size:11px;
  font-weight:950;
  letter-spacing:-.02em;
}
.lab-action-card-primary .lab-action-icon{
  background:var(--violet);
  color:#fff;
  box-shadow:0 7px 16px rgba(109,92,232,.23);
}
.lab-action-copy{
  min-width:0;
  display:grid;
  gap:4px;
}
.lab-action-copy b{
  font-size:13.5px;
  line-height:1.16;
  letter-spacing:-.015em;
  text-transform:none;
}
.lab-action-copy small{
  margin:0!important;
  color:var(--muted);
  font-size:10px!important;
  line-height:1.35;
  font-weight:650;
}
.lab-action-arrow{
  width:24px;
  height:24px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f1efe9;
  color:var(--ink);
  font-size:14px;
  font-weight:900;
  transition:transform .16s ease,background .16s ease;
}
.lab-action-card-primary .lab-action-arrow{
  background:rgba(109,92,232,.12);
  color:var(--violet);
}
.lab-action-card:hover .lab-action-arrow{
  transform:translateX(2px);
}
@media(max-width:620px){
  .lab-quick-actions{grid-template-columns:1fr;gap:8px}
  .lab-action-card{min-height:82px;padding:12px;grid-template-columns:38px minmax(0,1fr) 22px}
  .lab-action-icon{width:38px;height:38px;border-radius:12px}
  .lab-action-copy b{font-size:13px}
  .lab-action-copy small{font-size:9.5px!important}
}

/* v161 CTA polish + social discovery live */
.lab-action-card:hover{transform:translateY(-1px)!important;box-shadow:0 12px 24px rgba(50,43,105,.09)!important}
.lab-action-card:focus-visible{outline:0!important;box-shadow:0 0 0 4px rgba(109,92,232,.13),0 12px 24px rgba(50,43,105,.09)!important}