:root{--paper:#f4f5f9;--surface:#fff;--ink:#141725;--muted:#596077;--line:#d9dce7;--accent:#2b50e8;--accent-soft:#e2e8ff;--mark:#ffd84a;--on-mark:#141725;--good:#1d8456;--bad:#be3e37;--soft:#eef0f6;--on-accent:#fff;--elev-1:0 1px 2px #1417250f, 0 2px 10px #1417250f;--elev-2:0 4px 12px #14172514, 0 14px 32px #1417251a;--elev-3:0 10px 30px #1417251f, 0 30px 60px #1417251a;--tennis:#d4f25a;--coffee:#e9b98c;--hoops:#ff8a3d;--style:#ff8fc2;--tech:#8fb0ff;--skin:#c9b5ff;--run:#5fe0c0;--home:#ffc85c;--on-tile:#141725;--ease:cubic-bezier(.2,.8,.2,1);--display:"Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--body:"Figtree", "Segoe UI", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0f1119;--surface:#181b27;--ink:#edeff7;--muted:#9ba1b6;--line:#2b3042;--accent:#7d96ff;--accent-soft:#232c50;--mark:#eac63c;--on-mark:#141725;--good:#4cc38a;--bad:#f07068;--soft:#262b3c;--on-accent:#0f1119;--elev-1:0 1px 2px #00000073, 0 2px 10px #0000004d;--elev-2:0 4px 12px #00000073, 0 14px 32px #0006;--elev-3:0 10px 30px #00000080, 0 30px 60px #00000059;--tennis:#c3e14a;--coffee:#d9a87c;--hoops:#f27a2e;--style:#f07db2;--tech:#7d9ef2;--skin:#b7a2f2;--run:#4ccfb0;--home:#f0b84c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#0f1119;--surface:#181b27;--ink:#edeff7;--muted:#9ba1b6;--line:#2b3042;--accent:#7d96ff;--accent-soft:#232c50;--mark:#eac63c;--on-mark:#141725;--good:#4cc38a;--bad:#f07068;--soft:#262b3c;--on-accent:#0f1119;--elev-1:0 1px 2px #00000073, 0 2px 10px #0000004d;--elev-2:0 4px 12px #00000073, 0 14px 32px #0006;--elev-3:0 10px 30px #00000080, 0 30px 60px #00000059;--tennis:#c3e14a;--coffee:#d9a87c;--hoops:#f27a2e;--style:#f07db2;--tech:#7d9ef2;--skin:#b7a2f2;--run:#4ccfb0;--home:#f0b84c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0;padding-block:20px 48px;font-size:16px;line-height:1.5}.wrap{flex-direction:column;gap:20px;max-width:640px;margin:0 auto;display:flex}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.1}p{margin:0}a{color:inherit}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px}.btn{background:var(--surface);box-shadow:var(--elev-1);text-align:center;transition:transform .1s var(--ease), box-shadow .16s ease;border:0;border-radius:999px;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{box-shadow:var(--elev-2)}.btn:active{transform:scale(.96)}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.small{padding:8px 14px;font-size:14px}.btn:disabled{opacity:.5;cursor:default}.btn[aria-pressed=true]{background:var(--accent-soft);box-shadow:var(--elev-2), 0 0 0 2px var(--accent)}.link{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-size:14px;text-decoration:underline}.note{background:var(--soft);color:var(--muted);border-radius:12px;padding:10px 14px;font-size:14px}.error{color:var(--bad)}input[type=text],input[type=email],textarea,select{background:var(--surface);width:100%;box-shadow:var(--elev-1);border:0;border-radius:14px;outline:none;padding:12px 14px;transition:box-shadow .16s}input[type=text]:focus,input[type=email]:focus,textarea:focus,select:focus{box-shadow:var(--elev-2), 0 0 0 2px var(--accent)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.stack{flex-direction:column;gap:12px;display:flex}.top{view-transition-name:site-header;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{font-family:var(--display);align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brand .dot{background:var(--accent);width:22px;height:22px;color:var(--surface);border-radius:6px;place-items:center;font-size:13px;display:grid}.tabs{background:var(--surface);box-shadow:var(--elev-1);border-radius:999px;gap:4px;padding:4px;display:flex}.tab{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background .16s,color .16s}.tab[aria-current=page]{background:var(--accent);color:var(--surface)}.hero{flex-direction:column;gap:16px;padding-block:24px 8px;display:flex}.hero h1{letter-spacing:-.02em;font-size:clamp(40px,11vw,64px);font-weight:800}.hero h1 mark,.type mark,.agree mark{background:var(--mark);color:var(--on-mark);border-radius:6px;padding:0 .12em}.hero p{color:var(--muted);max-width:36ch;font-size:18px}.search{gap:8px;display:flex}.search input{min-width:0;box-shadow:var(--elev-2);border-radius:16px;flex:1;padding:14px 16px;font-size:18px}.chips{flex-wrap:wrap;gap:8px;display:flex}.score-row{flex-flow:row;gap:4px;display:flex}.score-row,.feedback textarea{max-width:420px}.score-row .btn{flex:1 1 0;min-width:0;height:32px;padding:0;font-size:13px}.chip{background:var(--surface);box-shadow:var(--elev-1);transition:transform .1s var(--ease), box-shadow .16s ease;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600;text-decoration:none}.chip:hover{box-shadow:var(--elev-2)}.chip:active{transform:scale(.96)}.card{background:var(--surface);box-shadow:var(--elev-1);border-radius:22px;flex-direction:column;gap:16px;min-width:0;padding:20px;display:flex}.bar{background:var(--soft);border-radius:99px;height:8px;overflow:hidden}.bar i{background:var(--accent);height:100%;transition:width .4s var(--ease);border-radius:99px;display:block}.qprompt{font-size:clamp(26px,7vw,34px);font-weight:700}.opts{flex-direction:column;gap:10px;display:flex}.opt{text-align:left;background:var(--surface);box-shadow:var(--elev-1);transition:transform .16s var(--ease), box-shadow .16s ease;border:0;border-radius:14px;justify-content:space-between;gap:12px;padding:14px 16px;font-weight:600;display:flex;position:relative;overflow:hidden}.opt:hover:not(:disabled){box-shadow:var(--elev-2);transform:translateY(-2px)}.opt:active:not(:disabled){transform:scale(.97)}.opt:disabled{cursor:default}.opt .fill{background:color-mix(in srgb, var(--i,var(--accent)) 30%, var(--surface));z-index:0;transition:width .6s var(--ease);animation:grow .6s var(--ease) both;position:absolute;inset:0 auto 0 0}.opt span{z-index:1;position:relative}.opt .pct{font-family:var(--mono);font-variant-numeric:tabular-nums}.opt.mine{box-shadow:var(--elev-2), 0 0 0 2px var(--mark)}.opt.mine .fill{background:var(--mark)}.opt.mine span{color:var(--on-mark)}.versus{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;display:grid}.versus .opt{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:96px}.versus .vs{font-family:var(--display);color:var(--muted);align-self:center;font-weight:800}.agree{font-family:var(--display);animation:rise .42s var(--ease) both;font-size:22px;font-weight:700}.result{text-align:center;box-shadow:var(--elev-3);animation:rise .42s var(--ease) both;align-items:center;padding-block:32px}.result .type{letter-spacing:-.02em;font-size:clamp(38px,10vw,56px);font-weight:800}.result p{max-width:34ch}.tally{font-family:var(--mono);color:var(--muted);font-size:13px}.verdict{grid-template-columns:auto 1fr;align-items:center;gap:20px;display:grid}.score{font-family:var(--display);letter-spacing:-.03em;font-size:72px;font-weight:800;line-height:.9}.score small{color:var(--muted);letter-spacing:0;font-size:22px;font-weight:600}.subscores{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sub{background:var(--soft);border-radius:14px;min-width:0;padding:10px 12px}.sub b{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:20px;display:block}.sub span{color:var(--muted);font-size:12px}.sources{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.sources li{grid-template-columns:112px 1fr;gap:12px;font-size:15px;display:grid}.sources li>b{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);padding-top:2px;font-size:12px}.sources a{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.pill{font-family:var(--mono);background:var(--soft);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.pill.i{background:var(--i);color:var(--on-tile);font-family:var(--body);font-weight:700}.thinking{color:var(--muted);align-items:center;gap:10px;display:flex}.thinking i{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1s infinite alternate pulse}@keyframes pulse{0%{opacity:.3}to{opacity:1}}.list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.list li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}@media (max-width:440px){.sources li{grid-template-columns:1fr;gap:2px}.verdict{grid-template-columns:1fr}}.i-tennis{--i:var(--tennis)}.i-coffee{--i:var(--coffee)}.i-hoops{--i:var(--hoops)}.i-style{--i:var(--style)}.i-tech{--i:var(--tech)}.i-skin{--i:var(--skin)}.i-run{--i:var(--run)}.i-home{--i:var(--home)}.tile{background:var(--i,var(--surface));min-height:84px;color:var(--on-tile);box-shadow:var(--elev-1);transition:transform .16s var(--ease), box-shadow .16s ease;border-radius:18px;flex-direction:column;justify-content:space-between;gap:6px;padding:14px;font-weight:700;text-decoration:none;display:flex}.tile:hover{box-shadow:var(--elev-2);transform:translateY(-2px)}.tile:active{transform:scale(.97)}.tile small{opacity:.8;font-weight:500}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}@keyframes grow{0%{width:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.error{animation:.24s shake}@keyframes page-in{0%{opacity:0;translate:0 12px}}@keyframes page-out{to{opacity:0;translate:0 -8px}}::view-transition-old(.page){animation:.14s ease-in both page-out}::view-transition-new(.page){animation:page-in .28s var(--ease) 60ms both}::view-transition-group(site-header){animation:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}::view-transition-old(.page){animation:none}::view-transition-new(.page){animation:none}}.stack-page{flex-direction:column;gap:20px;display:flex}.onboard{flex-direction:column;gap:20px;padding-bottom:88px;display:flex}.onboard h1{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(30px,8vw,44px);font-weight:800}.grow{flex:1;min-width:0}.btn.wide{width:100%}.tiles.pick{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}button.tile{font:inherit;text-align:left;cursor:pointer;color:var(--ink);background:color-mix(in srgb, var(--i) 30%, var(--surface));border:0;font-weight:700;position:relative}button.tile .emoji{font-size:26px}button.tile[aria-pressed=true]{background:var(--i);color:var(--on-tile);box-shadow:var(--elev-2);transform:translateY(-2px)}button.tile[aria-pressed=true]:after{content:"✓";background:var(--on-tile);width:22px;height:22px;color:var(--i);animation:rise .16s var(--ease) both;border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;top:10px;right:12px}.ranks{flex-direction:column;gap:10px;display:flex}.rank-row{background:var(--surface);box-shadow:var(--elev-1);border-radius:16px;transition:box-shadow .16s;overflow:hidden}.rank-row[data-ranked=true]{box-shadow:var(--elev-2), inset 4px 0 0 var(--i)}.rank-main{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:flex}.rank-main:disabled{opacity:.45;cursor:default}.rank-main .rank{background:var(--soft);width:28px;height:28px;color:var(--muted);font-family:var(--mono);border-radius:50%;flex:none;place-items:center;transition:background .16s;display:grid}.rank-row[data-ranked=true] .rank{background:var(--i);color:var(--on-tile);animation:rise .16s var(--ease) both}.levels{animation:rise .2s var(--ease) both;flex-wrap:wrap;gap:6px;padding:0 12px 14px 56px;display:flex}button.chip{font:inherit;color:inherit;cursor:pointer;border:0;padding:6px 10px;font-size:13px;font-weight:600}button.chip[aria-pressed=true]{background:var(--i,var(--accent));color:var(--on-tile);box-shadow:var(--elev-2)}.sticky-cta{padding:12px max(16px, env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:linear-gradient(to top, var(--paper) 70%, transparent);z-index:5;justify-content:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.sticky-cta>*{max-width:560px}.sticky-cta .btn.wide{max-width:640px}.opt.check{animation:rise .24s var(--ease) both;align-items:center}.opt.check[aria-pressed=true]{box-shadow:var(--elev-2), 0 0 0 2px var(--accent)}.opt .tick{background:var(--soft);width:24px;height:24px;font-family:var(--mono);border-radius:50%;flex:none;place-items:center;font-size:13px;transition:background .16s;display:grid}.opt.check[aria-pressed=true] .tick{background:var(--accent);color:var(--on-accent);animation:rise .16s var(--ease) both}.chip.big{padding:12px 28px;font-size:16px}.onboard h2{font-size:18px}.scale{flex-direction:column;gap:8px;display:flex}.segments{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.segments button{background:var(--soft);cursor:pointer;height:34px;transition:background .16s ease, transform .1s var(--ease);border:0;border-radius:10px}.segments button:active{transform:scale(.94)}.segments button[data-on=true]{background:var(--i,var(--accent))}.segments button[aria-checked=true]{box-shadow:var(--elev-2)}.reveal{background:var(--mark);color:var(--on-mark);animation:rise .3s var(--ease) both;border-radius:14px;padding:12px 16px;font-weight:600}.expert{background:var(--i);color:var(--on-tile);box-shadow:var(--elev-2);animation:rise .4s var(--ease) both}.expert .eyebrow{color:inherit;opacity:.7}.expert h1{font-size:clamp(26px,7vw,36px)}.choice{grid-template-columns:1fr;gap:10px;display:grid}.choice .btn{text-align:center;justify-content:center;width:100%}.choice .btn.primary[class*=i-]{background:var(--i);color:var(--on-tile)}.versus[class*=i-] .opt.mine{background:var(--i);box-shadow:var(--elev-2)}.versus[class*=i-] .opt.mine span{color:var(--on-tile)}.owner-box{animation:rise .3s var(--ease) both;gap:14px}.big-stat{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:18px;display:flex}.big-stat b{font-family:var(--display);font-size:40px;font-weight:800;line-height:1}.big-stat small{color:var(--muted);flex-basis:100%;font-size:13px}.compare-row{flex-direction:column;gap:6px;display:flex}.bar-track{background:var(--soft);border-radius:999px;height:12px;position:relative}.bar-fill{background:var(--i,var(--accent));animation:grow .6s var(--ease) both;border-radius:999px;position:absolute;inset:0 auto 0 0}.bar-you{background:var(--ink);border-radius:2px;width:4px;position:absolute;top:-4px;bottom:-4px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}button.chip.neutral[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.btn.primary.tinted[class],[class*=i-] .btn.primary.tinted{background:var(--i,var(--accent));color:var(--on-tile)}.plain{text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;padding:0}.opts.two{grid-template-columns:1fr 1fr;display:grid}.opts.two .opt{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:64px}.searchbox{z-index:4;position:relative}.searchbox .search{position:relative}.searchbox .clear{background:var(--soft);width:26px;height:26px;color:var(--muted);border:0;border-radius:50%;font-size:12px;position:absolute;top:50%;right:108px;translate:0 -50%}.searchbox .search input{padding-right:40px}.suggest{background:var(--surface);box-shadow:var(--elev-3);animation:rise .16s var(--ease) both;border-radius:18px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0}.suggest button{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-weight:600;display:flex}.suggest button:hover,.suggest button:focus-visible{background:var(--soft)}.searching{gap:14px}.searching>.pill{align-self:flex-start}.ticks{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ticks li{color:var(--muted);align-items:center;gap:10px;transition:color .2s;display:flex}.ticks li[data-done=true]{color:var(--ink);font-weight:600}.ticks .tick{background:var(--soft);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.ticks li[data-done=true] .tick{background:var(--i,var(--accent));color:var(--on-tile);animation:rise .2s var(--ease) both}.ticks li[data-done=false]:first-of-type .tick,.ticks li[data-done=true]+li[data-done=false] .tick{animation:1s infinite alternate pulse}.shimmer{flex-direction:column;gap:8px;display:flex}.shimmer i{background:linear-gradient(90deg, var(--soft) 0%, var(--surface) 50%, var(--soft) 100%);background-size:200% 100%;border-radius:99px;height:10px;animation:1.4s linear infinite shimmer}.shimmer i:nth-child(2){width:80%}.shimmer i:nth-child(3){width:60%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.owner-box.inset{background:color-mix(in srgb, var(--i,var(--accent)) 22%, var(--surface));border-radius:16px;flex-direction:column;padding:14px 16px;display:flex}.facts{flex-direction:column;gap:4px;font-size:15px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.ranked{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ranked.flat .rank-card{box-shadow:none;background:0 0;padding:0}.rank-card{background:var(--surface);box-shadow:var(--elev-1);animation:rise .3s var(--ease) both;border-radius:18px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.rank-head{align-items:center;gap:12px;display:flex}.rank-head .rank{background:var(--soft);width:26px;height:26px;color:var(--muted);font-family:var(--mono);border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.ranked li:first-child .rank{background:var(--i,var(--accent));color:var(--on-tile)}.thumb{background:color-mix(in srgb, var(--i,var(--accent)) 35%, var(--surface));border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.name{font-weight:700;text-decoration:none}.name:hover{text-decoration:underline}.product-links{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.product-links .review-link{white-space:nowrap;text-decoration:none}.product-links .review-link:hover{text-decoration:underline}.mini-score{font-family:var(--display);font-size:24px;font-weight:800}.badge{background:var(--i,var(--accent));color:var(--on-tile);border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.mini-bars{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mini-bars>div{color:var(--muted);flex-direction:column;gap:4px;min-width:0;font-size:12px;display:flex}.mini-bars>div[data-active=true]{color:var(--ink);font-weight:700}.mini-bars .bar-track{height:6px}.vs-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.vs-head .vs{font-family:var(--display);color:var(--muted);font-weight:800}.side{text-align:center;flex-direction:column;align-items:center;gap:6px;text-decoration:none;display:flex}.mirror{flex-direction:column;gap:12px;display:flex}.mirror-row{grid-template-columns:40px 1fr auto 1fr 40px;align-items:center;gap:8px;display:grid}.mirror-row>span:last-child{text-align:right}.mirror-row>b{text-align:center;min-width:72px}.half{background:var(--soft);border-radius:999px;height:12px;display:flex;overflow:hidden}.half.left{justify-content:flex-end}.half i{background:color-mix(in srgb, var(--i,var(--accent)) 45%, var(--soft));height:100%;animation:grow .6s var(--ease) both;border-radius:999px;display:block}.half[data-win=true] i{background:var(--i,var(--accent))}@media (max-width:440px){.mirror-row{grid-template-columns:34px 1fr 64px 1fr 34px;font-size:13px}.mirror-row>b{min-width:0}}.hero.compact{gap:14px;padding-block:8px 0}.hero.compact h1{font-size:clamp(34px,9vw,52px)}.avatar{background:var(--i);width:36px;height:36px;box-shadow:var(--elev-1);border-radius:50%;place-items:center;font-size:18px;display:grid}.scroller{scroll-snap-type:x mandatory;gap:10px;margin:0 -2px;padding:4px 2px 10px;display:flex;overflow-x:auto}.mini-card{scroll-snap-align:start;background:var(--surface);box-shadow:var(--elev-1);transition:transform .1s var(--ease), box-shadow .16s ease;border-radius:16px;flex:none;align-items:center;gap:12px;max-width:240px;padding:12px 14px;font-weight:600;text-decoration:none;display:flex}.mini-card:active{transform:scale(.96)}.mini-card:hover{box-shadow:var(--elev-2)}.mini-card .mini-score{background:var(--i,var(--soft));color:var(--on-tile);border-radius:10px;padding:2px 8px;font-size:18px}.mini-card:not([class*=i-]) .mini-score{color:var(--ink)}.mini-card.tall{flex-direction:column;align-items:flex-start;gap:6px;width:150px}.nudge{background:color-mix(in srgb, var(--i) 40%, var(--surface))}.nudge .eyebrow,.nudge .link{color:var(--ink)}.chip[class*=i-]{background:color-mix(in srgb, var(--i) 30%, var(--surface))}.chip.done{background:var(--i);color:var(--on-tile)}.polls{flex-direction:column;gap:10px;display:flex}.poll-card{background:var(--surface);box-shadow:var(--elev-1), inset 4px 0 0 var(--i);transition:transform .16s var(--ease), box-shadow .16s ease;animation:rise .3s var(--ease) both;border-radius:18px;flex-direction:column;gap:8px;padding:14px 16px;text-decoration:none;display:flex}.poll-card:hover{box-shadow:var(--elev-2), inset 4px 0 0 var(--i);transform:translateY(-2px)}.poll-card:active{transform:scale(.98)}.poll-card b{font-family:var(--display);font-size:19px}.poll-card[data-voted=true]{opacity:.75;box-shadow:var(--elev-1)}.stack>.pill,.stack>.badge{align-self:flex-start}.login{width:100%;max-width:460px;margin:0 auto;padding-top:12px}.btn.google{box-shadow:var(--elev-2);justify-content:center;align-items:center;gap:10px;display:flex}.or{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.or:before,.or:after{content:"";opacity:.25;background:currentColor;flex:1;height:1px}.account{align-items:center;gap:8px;display:flex}.product-hero h1{font-size:24px}.thumb.big{width:52px;height:52px;font-family:var(--display);border-radius:14px;font-size:18px;font-weight:700}.hero-score{flex-direction:column;flex:none;align-items:flex-end;display:flex}.hero-score b{font-family:var(--display);font-size:36px;font-weight:800;line-height:1}.hero-score .eyebrow{font-size:10px}.price-btn{justify-content:center;align-items:center;gap:8px;min-height:44px;display:inline-flex}.ext-icon{opacity:.7;flex:none}.product-links .name{align-items:center;gap:6px;display:inline-flex}.link-btn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:4px 0;font-size:14px;font-weight:600}.link-btn:hover{text-decoration:underline}details.fold>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}details.fold>summary::-webkit-details-marker{display:none}details.fold>summary:after{content:"▾";color:var(--muted);transition:transform .2s var(--ease)}details.fold[open]>summary:after{transform:rotate(180deg)}details.fold>summary h2{margin-right:auto;font-size:18px}details.fold:not([open]){gap:0}.survey-sheet{z-index:20;padding:0 max(16px, env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));pointer-events:none;animation:rise .3s var(--ease) both;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.survey{pointer-events:auto;width:100%;max-width:480px;max-height:min(82vh,640px);box-shadow:var(--elev-3);gap:12px;overflow-y:auto}.survey h2{margin:4px 0 0;font-size:22px}.survey.done{text-align:center;align-items:center;padding-block:28px}.survey-big{font-size:40px}.survey-progress{background:var(--soft);border-radius:4px;flex:none;height:4px;overflow:hidden}.survey-progress i{background:var(--accent);height:100%;transition:width .3s var(--ease);border-radius:4px;display:block}.survey-step{animation:rise .24s var(--ease) both;flex-direction:column;gap:12px;display:flex}.survey-step>.small{margin:-6px 0 0}.survey-list{flex-direction:column;gap:6px;display:flex}.survey-row small{font-size:13px}.survey-row{background:var(--soft);text-align:left;font:inherit;color:var(--ink);transition:transform .12s var(--ease), box-shadow .16s ease, background .16s ease;border:0;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.survey-row:active{transform:scale(.98)}.survey-row .grow{flex-direction:column;gap:2px;min-width:0;display:flex}.survey-row .tick{background:var(--surface);width:24px;height:24px;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.survey-row.single{padding-block:12px}.survey-row .tick.round{border-radius:50%}.survey-row[aria-checked=true] .tick.round{background:var(--surface);box-shadow:inset 0 0 0 7px var(--accent)}.survey-row[aria-checked=true],.survey-row[aria-pressed=true]{background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent)}.survey-row[aria-pressed=true] .tick{background:var(--accent);color:var(--on-accent);box-shadow:none}.survey-icon{text-align:center;flex:none;width:28px;font-size:22px}.survey-nav{background:var(--surface);justify-content:space-between;align-items:center;gap:12px;margin:0 -20px -20px;padding:12px 20px 20px;display:flex;position:sticky;bottom:-20px}.poll-q{animation:rise .24s var(--ease) both}