:root,html[data-mode=dark]{--bg: #0a0d11;--bg-elev: #10151c;--panel: #121820;--ink: #eef3f7;--muted: #9aabbc;--line: #24303c;--line-soft: #1a222c;--field: #161d26;--field-focus: #1e2832;--btn: #1a222a;--btn-hover: #222b34;--graph-bg: #0a0d11;--graph-mid: #0e1218;--graph-core: #141a22;--side: rgba(18, 24, 32, .92);--sheet-bg: #12181e;--chrome-fade: rgba(8, 10, 13, .55);--ok: #3d9a6a;--safe-bottom: env(safe-area-inset-bottom, 0px);--font: "DM Sans", "Segoe UI", system-ui, sans-serif;--display: "Instrument Serif", Georgia, serif;--display-tracking: -.04em;--glow: rgba(212, 168, 75, .06);font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}body{font-feature-settings:"ss01" 1}:is(.brand-title,.panel-title,.sheet h2,.inline-sheet h3,.premium-cta h3,.plan-card h3,.onboarding-brand,.load-play-title,.load-play-pop,.legal-brand,.legal-head h1,.landing-brand-name,.landing-hero-brand,.landing-hero-title,.landing-h2,.landing-plan h3,.landing-tools strong){font-kerning:normal;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;letter-spacing:var(--display-tracking)}html[data-mode=light]{--bg: #f4f1ea;--bg-elev: #fffdf8;--panel: #ffffff;--ink: #1a222c;--muted: #4a5868;--line: #d8d0c4;--line-soft: #ebe4d8;--field: #fffdf8;--field-focus: #ffffff;--btn: #f7f3eb;--btn-hover: #efe8dc;--graph-bg: #0a0d11;--graph-mid: #0e1218;--graph-core: #141a22;--side: rgba(255, 253, 248, .96);--sheet-bg: #ffffff;--chrome-fade: rgba(8, 10, 13, .55);--glow: rgba(90, 130, 160, .08)}html[data-accent=gold],:root{--accent: #e0b45a;--accent-dim: #5a4a28;--accent-rgb: 224, 180, 90}html[data-accent=pink]{--accent: #e8a0c0;--accent-dim: #6a3858;--accent-rgb: 232, 160, 192}html[data-accent=purple]{--accent: #b8a0e8;--accent-dim: #4a3868;--accent-rgb: 184, 160, 232}html[data-accent=ocean]{--accent: #7ec8d8;--accent-dim: #2a5060;--accent-rgb: 126, 200, 216}html[data-accent=ember]{--accent: #e89070;--accent-dim: #6a3828;--accent-rgb: 232, 144, 112}html[data-accent=mint]{--accent: #7ed4b0;--accent-dim: #2a5848;--accent-rgb: 126, 212, 176}html[data-logo=gold]{--logo-bg: #e0b45a}html[data-logo=pink]{--logo-bg: #e8a0c0}html[data-logo=purple]{--logo-bg: #b8a0e8}html[data-logo=ocean]{--logo-bg: #7ec8d8}html[data-logo=ember]{--logo-bg: #e89070}html[data-logo=mint]{--logo-bg: #7ed4b0}:root{--logo-bg: var(--accent)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}button{border:1px solid var(--line);background:var(--btn);color:var(--ink);border-radius:9px;padding:.48rem .8rem;cursor:pointer;font-size:.84rem;font-family:inherit;transition:background .15s ease,border-color .15s ease,color .15s ease}button:hover:not(:disabled){border-color:color-mix(in srgb,var(--line) 40%,var(--ink));background:var(--btn-hover)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{border-color:var(--accent-dim);background:linear-gradient(180deg,#322818,#241c12);color:var(--accent)}button.primary:hover:not(:disabled){border-color:#7a6438;background:linear-gradient(180deg,#3a2e1c,#2a2014)}button.linkish{border:none;background:none;color:inherit;padding:0;cursor:pointer;text-align:left;font-size:inherit}input,select{background:var(--field);border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:.5rem .7rem;font-size:.85rem;font-family:inherit;width:100%;color-scheme:dark}html[data-mode=light] input,html[data-mode=light] select{color-scheme:light}input:focus,select:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--field-focus)}input::placeholder{color:var(--muted);opacity:.85}.field{display:flex;flex-direction:column;gap:.28rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.field.grow{flex:1;min-width:0}.field input,.field select{font:inherit;font-weight:400;text-transform:none;letter-spacing:normal;font-size:.9rem;min-height:2.45rem;background:var(--field);border:1px solid var(--line);border-radius:9px;color:var(--ink);padding:.5rem .7rem;width:100%}.field input:focus,.field select:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--field-focus)}.segmented{display:flex;flex-wrap:wrap;gap:.2rem;padding:.2rem;border-radius:10px;background:color-mix(in srgb,var(--bg) 55%,var(--panel));border:1px solid var(--line-soft)}.segmented button{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;line-height:1;border:none;background:transparent;color:var(--muted);font-size:.78rem;font-weight:600;padding:.45rem .65rem;border-radius:8px}.segmented button:hover:not(:disabled):not(.on){background:var(--btn-hover);border:none;color:var(--ink)}.segmented button.on,.segmented button.on:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 18%,var(--panel));color:var(--accent);border:none}.settings-tabs,.mode-toggle{display:flex;flex-wrap:wrap;gap:.2rem;padding:.2rem;border-radius:10px;background:color-mix(in srgb,var(--bg) 55%,var(--panel));border:1px solid var(--line-soft)}.settings-tabs button,.mode-toggle button{flex:1;border:none;background:transparent;color:var(--muted);font-size:.78rem;font-weight:600;padding:.45rem .6rem;border-radius:8px}.settings-tabs button.on,.mode-toggle button.on{background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--accent);border-color:transparent}button.btn-secondary,.btn-secondary{border:1px solid var(--line);background:var(--btn);color:var(--ink)}.sheet-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem;align-items:center}.sheet-actions .primary{margin:0}.empty-state{margin:1rem 0 .25rem;color:color-mix(in srgb,var(--muted) 88%,var(--ink));font-size:.85rem;line-height:1.45;display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}.empty-state p{margin:0}.empty-state .primary,.empty-state .btn-secondary{margin-top:0}.account-status{margin:0 0 .35rem;color:var(--muted);font-size:.8rem;line-height:1.4}.site-footer{padding:.65rem 1.5rem calc(.55rem + var(--safe-bottom));border-top:1px solid var(--line-soft);background:color-mix(in srgb,var(--panel) 92%,transparent);color:var(--muted);font-size:.7rem;line-height:1.4;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35rem 1.25rem}.app.mobile .site-footer{padding:.4rem .85rem;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.25rem .85rem;font-size:.62rem}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--accent)}.site-footer-credit{margin:0;max-width:36rem}.site-footer-end{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;flex-shrink:0}.site-footer-legal{display:flex;gap:1rem;flex-shrink:0}.site-footer-legal a{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--muted) 25%,transparent);text-underline-offset:2px}.legal-links,.account-legal-links{display:flex;flex-wrap:wrap;gap:.75rem 1.1rem}.legal-links a,.account-legal-links a,.subscribe-legal a{color:var(--muted);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--muted) 30%,transparent);text-underline-offset:2px}.legal-links a:hover,.account-legal-links a:hover,.subscribe-legal a:hover{color:var(--accent)}.subscribe-legal{margin-top:1rem}.social-links{display:inline-flex;align-items:center;gap:.35rem}.social-link{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;color:var(--muted);text-decoration:none;transition:color .15s ease,background .15s ease}.social-link:hover,.social-link:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);outline:none}.social-link svg{display:block}.social-links-about{margin-top:.75rem}.social-links-about .social-link{width:2.25rem;height:2.25rem}.site-footer-compact{margin-top:2rem;border-radius:12px;border:1px solid var(--line-soft);padding:.75rem 1rem}.account-footer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line-soft)}.account-footer .panel-copy,.account-footer .legal-links{font-size:.72rem;margin-bottom:.35rem}.icon-btn{width:2.2rem;height:2.2rem;padding:0;border-radius:10px;font-size:1rem;line-height:0;display:inline-flex;align-items:center;justify-content:center}.icon-btn svg{display:block;width:1.15rem;height:1.15rem;flex-shrink:0}.settings-sheet.settings-sheet-subscribe{max-height:min(92dvh,900px)}.list .panel-title{margin:0 0 .25rem;padding:0}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:0 0 .25rem}.list .panel-title-row .panel-title{margin:0;flex:1 1 auto;min-width:0}.panel-title-row .panel-title-action{flex:0 0 auto;max-width:none}.panel-title-row .panel-title-action.is-open{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.list .panel-title-row+.list-intro,.list .panel-title-row+.taste-teaser{margin-top:.05rem;margin-bottom:.55rem}.list .taste-teaser+.reload-strip,.list .list-intro+.reload-strip{margin-top:-.15rem}.taste-teaser{color:var(--ink)}.discover-mode{margin:.15rem 0 .55rem}.discover-mode-row{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.discover-mode-row button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:.22rem .65rem;font:inherit;font-size:.68rem;font-weight:600;cursor:pointer;line-height:1.2}.discover-mode-row button.on{color:var(--bg);border-color:var(--accent);background:var(--accent)}.discover-mode-beta{margin-left:.15rem;font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.discover-mode-note{margin:.35rem 0 0;font-size:.68rem;line-height:1.35;color:var(--muted)}option{background:var(--panel);color:var(--ink)}.app{display:grid;height:100%;min-height:100dvh;background:radial-gradient(1200px 600px at 20% -10%,rgba(var(--accent-rgb),.08),transparent 55%),radial-gradient(900px 500px at 100% 0%,var(--glow),transparent 50%),var(--bg)}.app.mobile{grid-template-rows:auto minmax(0,1fr) auto auto}.app.desktop{grid-template-rows:auto 1fr auto;max-width:none;width:100%;margin:0;height:100dvh;min-height:100dvh}.topbar{padding:.9rem 1.25rem .75rem;border-bottom:1px solid var(--line-soft);background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);gap:.85rem;align-items:center}.media-switcher{display:inline-flex;gap:.2rem;padding:.15rem;border:1px solid var(--line-soft);border-radius:8px;background:color-mix(in srgb,var(--panel) 70%,transparent)}.media-switcher button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;padding:.35rem .55rem;border-radius:6px;cursor:pointer}.media-switcher button.on{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text)}.media-switcher button.soon,.media-choice button.soon,.media-switcher button:disabled{opacity:.45;cursor:not-allowed}.dogfood-beta-toggle-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.dogfood-beta-toggle-row input{width:auto}.media-switcher button.beta,.media-switcher button.beta-locked{display:inline-flex;align-items:center;gap:.28rem}.media-switcher button.beta-locked{opacity:.72}.media-beta-tag{font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-soft);border-radius:4px;padding:.05rem .28rem;line-height:1.2}.media-switcher button.on .media-beta-tag{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--line-soft))}.media-choice button .media-beta-tag{margin-left:.35rem;font-size:.65rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.media-choice{display:flex;flex-direction:column;gap:.55rem;margin-top:.75rem}.getting-started-steps{margin:.35rem 0 .15rem;padding-left:1.2rem;color:var(--muted);line-height:1.45}.app.mobile .media-switcher{grid-area:media;justify-self:stretch;width:100%;max-width:100%;display:flex;flex-wrap:wrap;overflow:visible;gap:.2rem}.brand{display:flex;align-items:center;gap:.75rem;justify-self:start;min-width:0;border:none;background:transparent;padding:0;color:inherit;text-align:left;cursor:pointer;border-radius:10px;text-decoration:none}.brand:hover .brand-title{color:var(--accent)}.brand-title{display:block;margin:0;font-family:var(--display);font-size:1.55rem;font-weight:400;line-height:1.1;color:var(--ink);transition:color .15s ease}.brand-sub{display:block;margin:.28rem 0 0;color:var(--muted);font-size:.72rem;letter-spacing:.01em;font-weight:400}.top-tabs{justify-self:center;grid-column:3;display:flex;align-items:center;gap:.2rem;flex-wrap:wrap;padding:.2rem;background:#00000040;border-radius:11px;border:1px solid var(--line-soft)}.topbar-center-spacer{grid-column:2}.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;justify-self:end;grid-column:4}.topbar-account,.topbar-settings{border:1px solid var(--line);background:var(--btn);color:var(--ink);border-radius:9px;font-size:.82rem;font-weight:600;cursor:pointer}.topbar-account{padding:.42rem .85rem}.topbar-settings{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0}.topbar-account.on,.topbar-settings.on{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.topbar-gear{display:block;transform-origin:50% 50%;transition:transform .35s ease}.topbar-settings:hover .topbar-gear,.topbar-settings.on .topbar-gear{transform:rotate(45deg)}.app.mobile .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "media media";gap:.5rem .55rem;align-items:center;padding:max(.55rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) .55rem max(.75rem,env(safe-area-inset-left,0px))}.app.mobile .brand{grid-area:brand}.app.mobile .topbar-center-spacer{display:none}.app.mobile .topbar-right{grid-area:actions;grid-column:auto;justify-self:end;gap:.3rem}.app.mobile .brand-title{font-size:1.25rem}.app.mobile .brand-sub{display:none}.app.mobile .brand-mark{width:1.85rem;height:1.85rem}.brand-mark{width:2.1rem;height:2.1rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8,transparent 45%),var(--logo-bg);box-shadow:0 0 18px rgba(var(--accent-rgb),.35);flex-shrink:0}.top-tabs button{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);border-radius:8px;padding:.42rem .95rem;font-size:.8rem;font-weight:500;line-height:1}.top-tabs button.on{background:color-mix(in srgb,var(--field) 70%,var(--accent) 12%);color:var(--ink)}.mobile-main{min-height:0;overflow:auto;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.mobile-main .graph-wrap{flex:1;min-height:0}.app.mobile .mobile-main:has(.graph-wrap){overflow:hidden}.app.mobile:has(.mobile-main .graph-wrap) .site-footer{display:none}.desktop-main{display:grid;grid-template-columns:1.45fr .95fr;min-height:0;height:100%}.desktop-main.map-focus{grid-template-columns:1.7fr .7fr}.desktop-main.recs-split{grid-template-columns:minmax(0,1.55fr) minmax(340px,.95fr)}.desktop-main.recs-split .graph-wrap{height:100%;min-height:0}.desktop-main.recs-split .desktop-side{border-left:1px solid var(--line-soft);max-width:none;margin:0;width:100%}.desktop-main.side-only{grid-template-columns:1fr}.desktop-main.side-only .desktop-side{border-left:none;max-width:720px;margin:0 auto;width:100%}.desktop-main.page-wide{grid-template-columns:1fr}.desktop-main.page-wide .desktop-side{border-left:none;max-width:none;width:100%;margin:0}.desktop-main.page-wide .panel-pad{max-width:1280px;margin:0 auto;width:100%;padding:1.35rem 1.75rem 2rem}.desktop-main.page-wide .compare-page,.desktop-main.page-wide .check-page{max-width:720px}.desktop-main.page-wide .compare-page .compare-form{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:.65rem .85rem}.desktop-main.page-wide .check-page .compare-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.65rem .85rem}.desktop-main.page-wide .compare-form .segmented{height:2.45rem;align-items:stretch}.desktop-main.page-wide .compare-form .segmented button{height:auto;align-self:stretch;padding-top:0;padding-bottom:0}.desktop-main.page-wide .compare-form .field input{min-height:2.45rem}.desktop-main.page-wide .compare-form .primary{justify-self:stretch;height:2.45rem;margin-top:0}@media (max-width: 980px){.desktop-main.page-wide .compare-form{grid-template-columns:1fr}.desktop-main.page-wide .compare-form .primary{justify-self:start}}.desktop-side{min-height:0;overflow:auto;border-left:1px solid var(--line-soft);background:var(--side)}.graph-wrap{position:relative;background:#0a0d11;touch-action:none;overflow:hidden;min-height:300px}.graph-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-content:center;justify-items:center;gap:.75rem;background:#0a0d11b8;pointer-events:none}.graph-loading-label{margin:0;color:#a8b0bd;font-size:.9rem}.graph-loading-ring{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);animation:busy-spin .75s linear infinite}.graph-loading-ring-sm{width:.85rem;height:.85rem;border-width:1.5px}.graph-loading-badge{position:absolute;top:.65rem;right:.75rem;z-index:4;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .55rem;border-radius:8px;border:1px solid rgba(90,105,120,.55);background:#0c0f14d9;color:#a8b0bd;font-size:.75rem;pointer-events:none}.graph-wrap canvas{width:100%;height:100%;display:block}.graph-chrome{position:absolute;inset:auto 0 0 0;display:flex;justify-content:space-between;align-items:flex-end;padding:.55rem .75rem;pointer-events:none;background:linear-gradient(transparent,#080a0d8c)}.graph-chrome-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;pointer-events:auto}.graph-cluster-controls{display:flex;flex-direction:row;align-items:center;gap:.28rem}.graph-cluster-btn{border:1px solid rgba(90,105,120,.55);background:#12181ee0;color:#c8d4e0;border-radius:999px;padding:.32rem .7rem;font-size:.72rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.graph-cluster-btn:hover{border-color:color-mix(in srgb,var(--accent) 40%,#5a6878);color:#eef3f7;background:#12181ef2}.graph-cluster-btn.on{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 22%,rgba(18,24,30,.92));color:var(--accent)}.graph-cluster-focus{border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 14%,rgba(18,24,30,.9));color:var(--accent);border-radius:999px;padding:.28rem .6rem;font-size:.68rem;font-weight:600;letter-spacing:.01em;cursor:pointer;max-width:9.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graph-cluster-focus:hover{border-color:color-mix(in srgb,var(--accent) 60%,#5a6878);color:#f0d080}.graph-zoom{display:flex;flex-direction:row;gap:.28rem;pointer-events:auto}.graph-zoom-btn{min-width:1.85rem;padding-left:.45rem;padding-right:.45rem;font-size:.95rem;font-weight:600;line-height:1}.graph-snap-btn{pointer-events:auto;font-size:.68rem;padding:.28rem .55rem;border-radius:999px;border:1px solid rgba(90,105,120,.55);background:#12181ee0;color:#eef3f7}.graph-snap-btn:hover{border-color:var(--accent-dim);color:var(--accent);background:#12181ef2}.graph-legend{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;list-style:none;margin:0;padding:0;font-size:.62rem;color:#b4c3d2bf;letter-spacing:.02em;pointer-events:auto}.graph-legend li{display:inline-flex;align-items:center;gap:.15rem}.graph-legend .leg{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:.2rem;vertical-align:middle;flex-shrink:0}.graph-legend .leg.done{background:#f0b040}.graph-legend .leg.watch{background:#3ec4e8}.graph-legend .leg.plan{background:#8a9bc8}.graph-legend .leg.hold{background:#f5a024}.graph-legend .leg.find{background:#6b7fd4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:.75rem;top:.75rem;z-index:100;padding:.55rem .85rem;border-radius:10px;background:var(--accent);color:#0a0d11;font-weight:650;font-size:.85rem;text-decoration:none;transform:translateY(-160%);transition:transform .15s ease}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);outline:2px solid var(--ink);outline-offset:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible),canvas:focus:not(:focus-visible){outline:none}canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#main-content:focus{outline:none}.list-head{font-size:.95rem;font-weight:650}h2.list-head{margin:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.busy-spinner-ring,.graph-loading-ring{animation-name:busy-pulse!important;animation-duration:1.1s!important;animation-iteration-count:infinite!important}}.graph-hint{font-size:.6rem;color:#8b9aabb3;letter-spacing:.02em}.graph-tip{position:absolute;z-index:4;pointer-events:none;opacity:0;transition:opacity .14s ease,transform .14s ease;background:color-mix(in srgb,var(--panel) 92%,#000);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));color:var(--ink);font-size:.72rem;line-height:1.35;padding:.55rem .7rem .6rem;border-radius:12px;max-width:min(260px,calc(100% - 16px));box-shadow:0 1px color-mix(in srgb,var(--accent) 12%,transparent),0 12px 32px #0000006b}html[data-mode=light] .graph-tip{background:color-mix(in srgb,var(--panel) 96%,#fff);box-shadow:0 1px color-mix(in srgb,var(--accent) 10%,transparent),0 10px 26px #14181e24}.fingerprint-tip{pointer-events:none}.fingerprint-tip .tip-link{pointer-events:auto}.fingerprint-tip .tip-title{font-weight:650;font-size:.82rem;letter-spacing:-.01em;line-height:1.25;margin:0 0 .2rem}.fingerprint-tip .tip-meta{color:var(--muted);font-size:.68rem;line-height:1.35}.fingerprint-tip .tip-link{display:inline-flex;align-items:center;margin-top:.45rem;border:none;background:transparent;color:var(--accent);padding:.15rem 0;min-height:1.5rem;font-size:.68rem;font-weight:600;cursor:pointer;text-decoration:none}.fingerprint-tip .tip-link:hover{text-decoration:underline;text-underline-offset:2px}.tabbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));border-top:1px solid var(--line-soft);background:var(--panel);padding-bottom:var(--safe-bottom);z-index:10}.tabbar button{border:none;border-radius:0;background:transparent;color:var(--muted);padding:.6rem .25rem calc(.55rem + 2px);font-size:.68rem;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:.22rem}.tabbar button .tab-dot{width:4px;height:4px;border-radius:50%;background:transparent}.tabbar button.on{color:var(--accent)}.tabbar button.on .tab-dot{background:var(--accent)}.filters,.subfilters{display:flex;flex-wrap:wrap;gap:.3rem;margin:.35rem 0 .55rem}.filters-top{display:flex;align-items:center;gap:.4rem;margin:.35rem 0 .4rem;min-width:0}.filters-top .filters{flex:1 1 auto;min-width:0;margin:0}.filters-actions{flex:0 0 auto;margin-left:auto;display:inline-flex;align-items:center;gap:.35rem}.filters-more-btn{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:transparent;color:var(--accent);border-radius:999px;padding:.2rem .65rem;font:inherit;font-size:.68rem;font-weight:600;letter-spacing:.02em;line-height:1.2;cursor:pointer}.filters-more-btn.locked{opacity:.55}.filters-more-btn:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.filters-more-btn.on{color:var(--bg);border-color:var(--accent);background:var(--accent)}.filters-caret{display:block;width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid currentColor;opacity:.85;margin-top:.12em}.filters-caret.up{border-top:0;border-bottom:4px solid currentColor}.filters-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;width:100%;margin:0 0 .45rem}.filters-summary-chip{display:inline-flex;align-items:center;gap:.2rem;max-width:100%;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--field));color:var(--ink);border-radius:999px;padding:.2rem .45rem .2rem .55rem;font:inherit;font-size:.68rem;line-height:1.2;cursor:pointer}.filters-summary-chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filters-summary-chip-x{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:.85em;height:.85em;margin-right:.05rem;border-radius:999px;font-size:.85em;line-height:1;opacity:0;transform:scale(.85);transition:opacity .12s ease,transform .12s ease,background .12s ease}.filters-summary-chip:hover .filters-summary-chip-x,.filters-summary-chip:focus-visible .filters-summary-chip-x{opacity:.9;transform:scale(1)}.filters-summary-chip:hover .filters-summary-chip-x{background:color-mix(in srgb,var(--ink) 12%,transparent)}.filters-summary-chip.out:hover .filters-summary-chip-x{background:color-mix(in srgb,#e03131 18%,transparent)}@media (hover: none){.filters-summary-chip-x{opacity:.55;transform:scale(1)}}.filters-summary-chip.out{color:#c92a2a;border-color:color-mix(in srgb,#e03131 55%,var(--line));background:color-mix(in srgb,#e03131 16%,var(--field))}html[data-mode=light] .filters-summary-chip.out{color:#a61e1e;background:color-mix(in srgb,#e03131 12%,var(--field))}.filters-summary-chip:hover:not(.out),.filters-summary-chip:focus-visible:not(.out){border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.sheet.filters-sheet{max-height:min(78dvh,640px)}.app.desktop .sheet.filters-sheet{left:auto;right:0;width:min(400px,100%);max-height:min(88dvh,720px)}.filters-sheet-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.15rem}.filters-sheet-head h2{margin:0}.list-search{display:flex;gap:.4rem;align-items:center;margin:.15rem 0 .45rem}.list-search input{flex:1;min-width:0;font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:10px;padding:.45rem .7rem;font-size:.85rem}.list-search input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--field-focus)}.list-search-clear{flex-shrink:0;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:.35rem .7rem;font-size:.72rem;cursor:pointer}.check-page .check-form{margin-top:0}.compare-page .panel-copy,.check-page .panel-copy{margin-bottom:.7rem;max-width:36rem}.compare-page .compare-form,.check-page .compare-form{margin-bottom:.45rem;gap:.7rem}.compare-page .compare-form .primary,.check-page .compare-form .primary{margin-top:.05rem}.compare-page .tiny-hint{margin:.1rem 0 .55rem}.compare-page .check-form-preview,.check-page .check-form-preview{margin-bottom:.55rem}.check-page .check-preview{margin:.45rem 0 .65rem}.compare-page .premium-cta,.check-page .premium-cta{margin-top:.75rem}.compare-page .empty-state,.check-page .empty-state{margin-top:.65rem}.compare-page .compare-results,.check-page .check-results{margin-top:.85rem}.compare-page .form-error,.check-page .form-error{margin-top:.35rem;margin-bottom:.25rem}.check-form-preview,.check-preview{opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;filter:grayscale(.15)}@media (max-width: 560px){.check-form-preview,.check-preview{display:none}}.check-preview{margin-bottom:.35rem;padding:.85rem 1rem;border:1px dashed var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 80%,transparent)}.check-hit{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin:.15rem 0 .35rem}.check-hit-title{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:0;line-height:1.25;color:var(--ink)}.check-verdict{flex-shrink:0;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--accent)}.check-scoreline{margin:.15rem 0 .85rem;font-size:.88rem;color:var(--muted)}.check-results button.row:hover:not(:disabled){border:none;background:color-mix(in srgb,var(--accent) 10%,var(--field));color:inherit}.check-results button.row{grid-template-columns:minmax(0,1fr) auto}.check-blurbs{margin:0 0 1rem;padding-left:1.1rem;font-size:.85rem;line-height:1.45;color:var(--ink)}.check-results{margin-top:1rem}.filters button,.subfilters button{border:1px solid var(--line);background:var(--field);color:var(--muted);border-radius:999px;padding:.2rem .55rem;font-size:.68rem;cursor:pointer}.filters button.on,.subfilters button.on{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--field))}.subfilters button.on.chip-out{color:#c92a2a;border-color:color-mix(in srgb,#e03131 55%,var(--line));background:color-mix(in srgb,#e03131 16%,var(--field))}html[data-mode=light] .subfilters button.on.chip-out{color:#a61e1e;background:color-mix(in srgb,#e03131 12%,var(--field))}.subfilters .group-label{width:100%;font-size:.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.3rem}.subfilters .group-label:first-child{margin-top:0}.year-range-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem;width:100%;margin:.1rem 0 .15rem}.year-range-lead,.year-range-mid{font-size:.72rem;color:var(--muted)}.year-range-field{margin:0}.year-range-field select{box-sizing:border-box;width:auto;max-width:100%;min-width:4.75rem;font:inherit;font-size:.78rem;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:8px;padding:.28rem .45rem}.filters.locked,.subfilters.locked{opacity:.55}.lock-tag{width:100%;font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.list{overflow:auto;padding:.65rem .9rem 1.4rem}.list-head{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:.35rem .35rem .2rem;font-weight:600}.upgrade-line{padding:.75rem .35rem 1rem;color:var(--accent)!important}.row{display:flex;align-items:stretch;gap:.55rem;padding:.62rem .55rem .62rem .4rem;border-bottom:1px solid var(--line-soft);border-radius:8px;transition:background .12s ease}.row:not(:has(.row-main)):not(button.row){display:grid;grid-template-columns:2rem minmax(0,1fr) 2.6rem;gap:.55rem;align-items:center;cursor:pointer}button.row{width:100%;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 2.6rem;align-items:center;gap:.55rem}.row-main{flex:1;min-width:0;display:grid;grid-template-columns:2rem minmax(0,1fr) 2.6rem;gap:.55rem;align-items:center;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:0;border-radius:6px}.row-site{flex-shrink:0;align-self:center;padding:.15rem .15rem .15rem 0}.row:hover,.row.selected{background:color-mix(in srgb,var(--accent) 10%,var(--field))}.form-error{margin:.45rem 0 0;color:#e07070;font-size:.78rem;line-height:1.35}.form-error a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}html[data-mode=light] .form-error{color:#b04040}.graph-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;padding:1.25rem;text-align:center;pointer-events:none;color:color-mix(in srgb,#c8d4e0 70%,transparent);z-index:2}.row-locked{cursor:pointer;filter:blur(3px);opacity:.55;-webkit-user-select:none;user-select:none}.row-locked:hover{filter:blur(2px);opacity:.7}.row-locked .locked-title{letter-spacing:.04em}.rank{color:var(--muted);font-size:.75rem;line-height:1.25;align-self:center}.title{font-size:.92rem;font-weight:500;line-height:1.25;min-width:0;display:flex;align-items:center;gap:.45rem}.title-copy{min-width:0}.row-cover,.graph-selected-cover{width:28px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0;background:#ffffff0a;display:inline-block;vertical-align:middle}.graph-selected{position:absolute;top:.65rem;left:.75rem;z-index:4;display:flex;gap:.5rem;align-items:center;max-width:min(22rem,calc(100% - 1.5rem));padding:.4rem .55rem;border-radius:10px;border:1px solid rgba(90,105,120,.55);background:#0c0f14eb;pointer-events:auto}.graph-selected strong{display:block;font-size:.82rem;line-height:1.25}.why-details{margin:.7rem 0 .2rem}.why-details-body{margin-top:.55rem}.why-cover{width:84px;height:118px;object-fit:cover;border-radius:6px;margin-bottom:.45rem}.sub{display:block;color:var(--muted);font-size:.7rem;margin-top:.18rem;font-weight:400;line-height:1.3}.sub .compare-status,.score .compare-status{font-weight:600}.compare-status.st-on_hold{color:#f5a024}.compare-status.st-dropped{color:#d64545}.score{font-weight:600;font-size:.88rem;line-height:1.25;font-variant-numeric:tabular-nums;color:#6b7fd4;justify-self:end;align-self:center;text-align:right;min-width:2.4rem;padding-right:.15rem}.score.muted{color:var(--muted);font-weight:500}.score.st-completed{color:#f0b040}.score.st-watching{color:#3ec4e8}.score.st-on_hold{color:#f5a024}.score.st-plan_to_watch{color:#8a9bc8}.score.st-dropped{color:#d64545}.score.st-discover{color:#6b7fd4}.panel-pad{padding:1.15rem 1.15rem 1.6rem}.panel-title{margin:0 0 .35rem;font-family:var(--display);font-size:1.45rem;font-weight:400}.panel-copy{margin:0 0 .9rem;color:var(--muted);font-size:.8rem;line-height:1.45}.panel-copy.accent{color:var(--accent)}.compare-bar{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.compare-bar.inline select{flex:1;min-width:140px;width:auto}.compare-form{display:grid;gap:.65rem;margin-bottom:.35rem}.compare-form .field{min-width:0}.compare-form .segmented{margin:0;min-width:11.5rem}.compare-form .primary{justify-self:start;margin-top:.15rem}.compare-results{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--line-soft)}.compare-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.compare-stat{border:1px solid var(--line);border-radius:12px;padding:.55rem .35rem .45rem;text-align:center;background:color-mix(in srgb,var(--panel) 80%,transparent)}.compare-stat strong{display:block;font-size:1.05rem;font-weight:650;letter-spacing:-.02em}.compare-stat span{display:block;margin-top:.15rem;color:var(--muted);font-size:.68rem}.compare-views{display:flex;flex-wrap:wrap;gap:.35rem;margin:.75rem 0 .55rem}.compare-views button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:.32rem .65rem;font-size:.75rem;cursor:pointer}.compare-views button.on{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text)}.compare-view-count{margin-left:.35rem;opacity:.7}.compare-rewatch{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 0 .55rem}.compare-rewatch-beta{font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-soft);border-radius:4px;padding:.08rem .3rem;line-height:1.2}.compare-rewatch button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:.32rem .65rem;font-size:.75rem;cursor:pointer}.compare-rewatch button.on{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text)}.graph-share-btn{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--accent)}.compare-list{padding:0}.compare-list .row-main,.app.mobile .compare-list .row-main{grid-template-columns:2rem minmax(0,1fr) auto}.compare-list .score{white-space:nowrap}.list-head-meta{margin-left:.55rem;font-weight:500;color:var(--muted);font-size:.72rem;text-transform:none;letter-spacing:0}.tiny-hint{margin-top:.15rem!important;font-size:.72rem!important}.reload-diff,.taste-portrait{margin:.35rem 0 .85rem;padding:.7rem .75rem .8rem;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 88%,transparent)}.reload-diff-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.reload-diff-title-block,.taste-portrait-title{margin:0;font-size:.78rem;font-weight:650;letter-spacing:.02em}.reload-diff-dismiss{border:none;background:transparent;color:var(--muted);font:inherit;font-size:.68rem;cursor:pointer;padding:.1rem .2rem}.reload-diff-summary,.taste-portrait-p{margin:.35rem 0 .45rem}.reload-diff-group{margin-top:.45rem}.reload-diff-group.quiet{opacity:.78}.reload-diff-label{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.2rem}.reload-diff-row{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:.5rem;border:none;background:transparent;color:inherit;font:inherit;text-align:left;padding:.28rem 0;cursor:pointer;border-bottom:1px solid var(--line-soft)}.reload-diff-row:last-child{border-bottom:none}.reload-diff-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reload-diff-score{flex:0 0 auto;color:var(--accent);font-variant-numeric:tabular-nums;font-size:.78rem}.taste-portrait-headline{margin:.25rem 0 .35rem;font-size:.95rem;font-weight:650;line-height:1.3}.taste-portrait-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin:.45rem 0 .35rem}.taste-chip{border:1px solid var(--line);border-radius:999px;padding:.15rem .5rem;font-size:.66rem;color:var(--muted);background:var(--field)}.taste-chip.in{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--field))}.taste-chip.out{color:#c92a2a;border-color:color-mix(in srgb,#e03131 45%,var(--line))}.taste-portrait-sigs{margin-top:.4rem}.account-form{display:grid;gap:.7rem}.account-form .field{min-width:0}.account-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem;align-items:end}.iap-box{margin:0 0 1.1rem;padding:.95rem .85rem;border:1px solid var(--line);border-radius:12px;background:linear-gradient(165deg,color-mix(in srgb,var(--field) 88%,var(--panel)) 0%,var(--panel) 100%)}.iap-title{margin:0 0 .25rem;font-size:.88rem;font-weight:600}.iap-box code{font-size:.7rem;color:var(--accent);font-family:ui-monospace,monospace}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1.15rem 0 0;padding:0}.meta-grid dt{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.meta-grid dd{margin:.15rem 0 0;font-size:.88rem}.inline-sheet{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--line-soft)}.inline-sheet h3{margin:0 0 .35rem;font-family:var(--display);font-size:1.15rem;font-weight:400}.inline-sheet h4{margin:.8rem 0 .3rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}.inline-sheet ul{margin:.35rem 0 0;padding-left:1.1rem;font-size:.85rem}.inline-site,.inline-site:hover:not(:disabled){border:none;background:none;color:var(--accent);padding:0;font-size:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:55vh;overflow:auto;background:var(--sheet-bg);border-top:1px solid var(--line);border-radius:16px 16px 0 0;padding:1.1rem 1.1rem calc(1.5rem + var(--safe-bottom));z-index:20;box-shadow:0 -12px 40px #0006}html[data-mode=light] .sheet-backdrop{background:#28241c59}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#04060a8c}.app.desktop .sheet{left:auto;right:0;width:min(420px,100%);border-radius:16px 0 0;border-left:1px solid var(--line)}.sheet.why-sheet{max-height:min(82dvh,720px)}.app.desktop .sheet.why-sheet{max-height:min(88dvh,820px)}.sheet.link-hint{bottom:auto;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:min(360px,calc(100% - 2rem));max-height:none;border-radius:16px;border:1px solid var(--line);box-shadow:0 16px 48px #00000073;padding:1.25rem 1.25rem 1.35rem}.app.desktop .sheet.link-hint{width:min(360px,calc(100% - 2rem));border-left:1px solid var(--line)}.sheet.link-hint .primary{width:100%}.sheet.english-titles-prompt .english-titles-prompt-title{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.sheet.english-titles-prompt .btn-secondary{width:100%;margin-top:.5rem}.sheet.english-titles-prompt .ghost-link{display:block;margin:.5rem auto 0}.sheet.link-hint .link-hint-copy{margin:.35rem 0 1rem;color:var(--muted);font-size:.92rem;line-height:1.45}.sheet.onboarding-sheet,.app.desktop .sheet.onboarding-sheet{bottom:auto;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:min(400px,calc(100% - 2rem));max-width:calc(100% - 2rem);max-height:min(90dvh,560px);border-radius:16px;border:1px solid var(--line);border-left:1px solid var(--line);box-shadow:0 20px 56px #00000080;padding:1.35rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.55rem;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;animation:onboarding-pop .4s ease}@keyframes onboarding-pop{0%{opacity:0;transform:translate(-50%,calc(-50% + 4px)) scale(.96)}to{opacity:1;transform:translate(-50%,-50%)}}.onboarding-backdrop{pointer-events:auto}.onboarding-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.onboarding-top-actions{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.onboarding-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:1.35rem;line-height:1;cursor:pointer}.onboarding-close:hover{color:var(--text);border-color:color-mix(in srgb,var(--text) 35%,var(--line))}.onboarding-brand{margin:0;font-family:var(--display);font-size:1.15rem;color:var(--accent)}.onboarding-lang{margin:0;flex:0 1 auto;min-width:0}.onboarding-lang select{font:inherit;font-size:.85rem;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem;max-width:11rem}.onboarding-steps{display:flex;align-items:center;gap:.45rem;margin:.15rem 0 .35rem}.onboarding-steps span:not(.onboarding-steps-line){width:1.35rem;height:1.35rem;border-radius:999px;display:grid;place-items:center;font-size:.68rem;font-weight:650;color:var(--muted);border:1px solid var(--line)}.onboarding-steps span.on{color:var(--bg);background:var(--accent);border-color:var(--accent)}.onboarding-steps-line{flex:1;height:1px;background:var(--line)}.onboarding-form{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.35rem}.onboarding-sheet .primary{width:100%}.onboarding-sheet .password-auth{max-width:none}.getting-started{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem 1.25rem 2.5rem;background:radial-gradient(ellipse 70% 55% at 50% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%),linear-gradient(180deg,var(--bg-elev) 0%,var(--bg) 55%)}.getting-started-inner{width:min(26rem,100%);display:flex;flex-direction:column;gap:.55rem;animation:deal-pop .4s ease}.getting-started-brand{display:flex;align-items:center;gap:.65rem;margin-bottom:.15rem}.getting-started-brand .brand-mark{width:2.4rem;height:2.4rem}.getting-started-name{margin:0;font-family:var(--display);font-size:1.65rem;font-weight:400;color:var(--ink);letter-spacing:var(--display-tracking)}.getting-started-title{margin:0;font-family:var(--display);font-size:1.35rem;font-weight:400;color:var(--ink)}.getting-started-copy{margin:0;color:var(--muted);font-size:.95rem;line-height:1.45}.getting-started-form{display:flex;flex-direction:column;gap:.65rem;margin-top:.25rem}.getting-started-cta{width:100%;margin-top:.15rem;padding:.72rem 1rem;font-size:.95rem}.crunchy-tip{margin-top:.85rem;padding-top:.65rem;border-top:1px solid var(--line-soft);font-size:.78rem;color:var(--muted);line-height:1.45}.crunchy-tip summary{cursor:pointer;color:var(--ink);font-weight:600;font-size:.8rem;list-style:none}.crunchy-tip summary::-webkit-details-marker{display:none}.crunchy-tip summary:before{content:"";display:inline-block;width:.35rem;height:.35rem;margin-right:.45rem;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(-45deg);vertical-align:.15em;transition:transform .12s ease}.crunchy-tip[open] summary:before{transform:rotate(45deg);vertical-align:.05em}.crunchy-tip-body,.crunchy-tip-aside{margin:.55rem 0 0}.crunchy-tip-steps{margin:.45rem 0 0;padding-left:1.15rem}.crunchy-tip-steps li+li{margin-top:.25rem}.crunchy-tip a{color:var(--accent);text-underline-offset:2px}.crunchy-tip-compact{margin-top:.65rem;padding-top:.55rem}.ratings-nudge{display:flex;flex-wrap:wrap;gap:.65rem .85rem;align-items:flex-start;justify-content:space-between;margin:.75rem 0 .85rem;padding:.75rem .85rem;border:1px solid var(--line-soft);border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.ratings-nudge-title{margin:0 0 .25rem;font-size:.82rem;font-weight:600;color:var(--ink)}.ratings-nudge-body{margin:0;font-size:.78rem;line-height:1.45;color:var(--muted);max-width:36rem}.ratings-nudge .btn-secondary{flex-shrink:0}.beta-wip-nudge{background:color-mix(in srgb,var(--accent) 6%,var(--panel))}.app.desktop .desktop-main.page-wide .getting-started{min-height:calc(100dvh - 4.5rem)}.onboarding-stores{margin-top:.55rem;padding-top:.75rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.45rem}.onboarding-stores-label{margin:0;font-size:.78rem;color:var(--muted)}.onboarding-store-row{display:flex;flex-wrap:wrap;gap:.45rem}.onboarding-store-btn{flex:1 1 auto;min-width:7.5rem;text-align:center;text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:.55rem .65rem;font:inherit;font-size:.85rem;background:color-mix(in srgb,var(--panel) 80%,transparent)}.onboarding-store-btn:hover{border-color:var(--accent);color:var(--accent)}.ghost-link{background:transparent;border:none;color:var(--muted);font:inherit;font-size:.85rem;cursor:pointer;padding:.35rem;text-decoration:underline;text-underline-offset:3px}.ghost-link:disabled{opacity:.5;cursor:default}.sheet h2{margin:0 0 .35rem;font-family:var(--display);font-size:1.25rem;font-weight:400}.sheet .muted,.inline-sheet .muted{color:var(--muted);font-size:.78rem}.sheet ul{margin:.5rem 0 0;padding-left:1.1rem;font-size:.85rem}.badge{display:inline-block;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border:1px solid var(--accent-dim);border-radius:999px;padding:.12rem .5rem;font-weight:600}.toast{position:fixed;left:50%;bottom:calc(4.4rem + var(--safe-bottom));transform:translate(-50%);background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid var(--line);border-radius:10px;padding:.5rem .85rem;font-size:.78rem;color:var(--ink);z-index:30;max-width:90vw;box-shadow:0 8px 24px #00000040}.app.desktop .toast{bottom:1.35rem}footer{padding:.5rem 1.25rem;border-top:1px solid var(--line-soft);color:var(--muted);font-size:.68rem;background:color-mix(in srgb,var(--panel) 90%,transparent)}.load-play{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,var(--bg) 88%,#000)}.load-play-card{width:min(440px,100%);min-height:18rem;border:1px solid var(--line);border-radius:18px;background:radial-gradient(500px 220px at 20% 0%,rgba(var(--accent-rgb),.14),transparent 60%),linear-gradient(180deg,var(--panel) 0%,var(--bg-elev) 100%);box-shadow:0 24px 60px #00000073;overflow:hidden}.load-play-head{display:flex;gap:.75rem;align-items:flex-start;padding:1rem 1.1rem .65rem}.load-play-head-text{flex:1;min-width:0}.load-play-close{flex-shrink:0;font-size:.72rem;padding:.35rem .6rem;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--muted);margin-top:.1rem}.load-play-close:hover{color:var(--ink);border-color:var(--accent-dim)}.busy-spinner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:1rem;background:#06080c8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.busy-spinner-card{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:1.35rem 1.5rem;border:1px solid var(--line);border-radius:14px;background:var(--panel);max-width:min(320px,92vw)}.busy-spinner-ring{width:2.1rem;height:2.1rem;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);animation:busy-spin .75s linear infinite;will-change:transform;transform:translateZ(0)}@keyframes busy-spin{0%{transform:translateZ(0) rotate(0)}to{transform:translateZ(0) rotate(360deg)}}@keyframes busy-pulse{0%,to{opacity:1}50%{opacity:.35}}.busy-spinner-label{margin:0;text-align:center;color:var(--ink);font-size:.92rem}.busy-spinner-play{margin-top:.15rem;font-size:.78rem;padding:.45rem .75rem;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--accent)}.busy-spinner-play:hover{border-color:var(--accent-dim);color:var(--ink)}.load-play-ready{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.85rem;padding:1rem;text-align:center;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.load-play-ready p{margin:0;font-size:1.05rem;font-weight:600;color:var(--ink)}.settings-play .primary{margin-top:.35rem}.load-play-brand{width:2rem;height:2rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8,transparent 45%),var(--accent);box-shadow:0 0 18px rgba(var(--accent-rgb),.4);animation:brand-pulse 1.8s ease-in-out infinite}@keyframes brand-pulse{0%,to{transform:scale(1);box-shadow:0 0 14px rgba(var(--accent-rgb),.3)}50%{transform:scale(1.06);box-shadow:0 0 22px rgba(var(--accent-rgb),.55)}}.load-play-title{margin:0;font-family:var(--display);font-size:1.35rem;font-weight:400}.load-play-sub{margin:.2rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.35;min-height:2.1em;display:flex;flex-direction:column;gap:.25rem}.load-play-wait{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:1.5rem 1.25rem 1.75rem}.load-play-wait-label{margin:0;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;color:var(--muted);font-size:.88rem;line-height:1.4;max-width:18rem}.load-play-sub .load-play-status,.load-play-wait-label .load-play-status{display:block}.load-play-eta{display:block;color:var(--muted);font-size:.8rem;opacity:.85}.load-play-stage{position:relative;height:220px;margin:0 .85rem;border-radius:14px;border:1px solid var(--line-soft);background:var(--graph-bg);overflow:hidden;touch-action:manipulation}.load-play-stage canvas{width:100%;height:100%;display:block;cursor:crosshair}.load-play-hint{position:absolute;left:.7rem;bottom:.55rem;font-size:.65rem;color:#b4c3d2a6;letter-spacing:.03em;pointer-events:none}.load-play-pop{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-family:var(--display);font-size:1.8rem;color:var(--accent);pointer-events:none;animation:pop-score .45s ease forwards;text-shadow:0 0 18px rgba(var(--accent-rgb),.5)}.load-play-pop.neg{color:#e07070;text-shadow:0 0 18px rgba(224,80,80,.55)}.load-play-cheer{position:absolute;z-index:2;top:.45rem;left:50%;transform:translate(-50%);max-width:calc(100% - 1.2rem);padding:.38rem .75rem .38rem .55rem;border-radius:999px;background:#e8c547;color:#1a1408;font-size:.78rem;font-weight:650;line-height:1.25;text-align:center;pointer-events:none;box-shadow:0 8px 22px #00000047;animation:cheer-bubble 2.4s ease forwards}.load-play-cheer.neg{background:#6e2430;color:#ffe8e8}.load-play-cheer-dots{display:inline-block;width:1.15rem;height:.7rem;margin-right:.28rem;vertical-align:-.05rem;background:radial-gradient(circle at 20% 70%,rgba(255,255,255,.85) 0 3px,transparent 3.5px),radial-gradient(circle at 55% 30%,rgba(255,255,255,.7) 0 4px,transparent 4.5px),radial-gradient(circle at 88% 68%,rgba(255,255,255,.55) 0 2.5px,transparent 3px)}.load-play-cheer.neg .load-play-cheer-dots{background:radial-gradient(circle at 20% 70%,rgba(255,180,180,.9) 0 3px,transparent 3.5px),radial-gradient(circle at 55% 30%,rgba(255,210,210,.75) 0 4px,transparent 4.5px),radial-gradient(circle at 88% 68%,rgba(255,160,160,.6) 0 2.5px,transparent 3px)}@keyframes cheer-bubble{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.86)}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}78%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-8px) scale(.96)}}@keyframes pop-score{0%{opacity:0;transform:translate(-50%,-40%) scale(.7)}40%{opacity:1;transform:translate(-50%,-55%) scale(1.1)}to{opacity:0;transform:translate(-50%,-70%) scale(1)}}.load-play-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.75rem 1.1rem .35rem}.load-play-stats .k{display:block;font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.load-play-stats .v{font-size:1.05rem;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.skel-line,.skel-block,.skel-dot,.skel-rank,.skel-score{background:linear-gradient(90deg,#ffffff0a,#ffffff1a 45%,#ffffff0a);background-size:200% 100%;animation:shimmer 1.35s ease-in-out infinite;border-radius:8px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skel-line{height:.55rem}.skel-line.thin{height:.4rem;margin-top:.35rem;opacity:.75}.skel-line.w80{width:80%}.skel-line.w60{width:60%}.skel-row{display:flex;gap:.55rem;align-items:center}.skel-dot{width:.7rem;height:.7rem;border-radius:50%;flex-shrink:0}.skel-block{height:.7rem;flex:1}.skel-block.short{flex:.55}.list-skel{padding:.25rem 0 .5rem}.list-skel-row{display:grid;grid-template-columns:2rem minmax(0,1fr) 2.6rem;gap:.55rem;align-items:center;padding:.7rem .55rem .7rem .35rem;border-bottom:1px solid var(--line-soft);animation:skel-rise .45s ease both}@keyframes skel-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.skel-rank{width:1.2rem;height:.7rem}.skel-body{min-width:0}.skel-score{width:2.2rem;height:.85rem}html[data-mode=light] .load-play{background:#f4f1eab8}html[data-mode=light] .load-play-card{background:radial-gradient(500px 220px at 20% 0%,rgba(var(--accent-rgb),.12),transparent 60%),linear-gradient(180deg,#fffdf8,#f3eee4)}html[data-mode=light] .load-play-stage{background:#e8e4dc}.list-intro{margin:0 0 .55rem;padding:0}.premium-cta{margin:1.15rem 0 .25rem;padding:1rem 1.05rem;border:1px solid var(--accent-dim);border-radius:14px;background:linear-gradient(165deg,rgba(var(--accent-rgb),.12),color-mix(in srgb,var(--panel) 90%,transparent));display:flex;flex-direction:column;gap:.55rem}.premium-cta h3{margin:0;font-family:var(--display);font-size:1.15rem;font-weight:400;line-height:1.25}.premium-cta p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.45}.premium-cta .primary{align-self:flex-start;margin-top:.15rem}.blurb-list{margin:.45rem 0 .2rem;padding-left:1.05rem;font-size:.86rem;line-height:1.45}.why-locked{position:relative;margin-top:.35rem}.why-blurred{filter:blur(4px);opacity:.55;-webkit-user-select:none;user-select:none;pointer-events:none}.why-lock-cta{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.55rem;padding:.75rem;text-align:center;background:color-mix(in srgb,var(--panel) 55%,transparent)}.why-lock-cta .panel-copy{margin:0;font-size:.82rem}.why-neighbors{margin:.25rem 0 0;padding-left:1.05rem}.why-neighbors button.why-neighbor-locked{display:inline;border:none;background:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;pointer-events:auto}.why-neighbor-locked{cursor:pointer;pointer-events:auto;list-style:disc}.sheet-sub{margin:.85rem 0 .25rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.account-page .account-hero{display:flex;align-items:center;gap:.55rem;margin-bottom:.25rem}.badge.tier-premium{color:var(--accent);border-color:var(--accent-dim);background:transparent}.account-section{margin:1.15rem 0 0;padding:1rem 0 1.05rem;border-top:1px solid var(--line-soft)}.account-section h3{margin:0 0 .35rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}.account-subhead{margin:.85rem 0 .35rem;font-size:.95rem;font-weight:600;color:var(--ink)}.account-libraries{margin-top:1.1rem;padding-top:.25rem}.account-libraries.is-locked .account-library-block{opacity:.48;pointer-events:none}.account-libraries-lock-hint{color:var(--muted)}.account-libraries-cta{margin-top:1rem}.account-library-block{margin-top:.9rem;padding-top:.85rem;border-top:1px solid var(--line-soft)}.account-library-block h5{margin:0 0 .3rem;font-size:.88rem;font-weight:600}.account-library-block .panel-copy{margin-bottom:.55rem}.account-library-block .field{max-width:28rem}.account-section .panel-copy{margin-bottom:.75rem}.account-section .panel-copy a{color:var(--accent);text-underline-offset:2px}.account-section>.primary{margin-top:.15rem}.link-status{display:grid;grid-template-columns:1fr 1fr;gap:.55rem 1rem;margin:0 0 .9rem}.link-status dt{font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.link-status dd{margin:.12rem 0 0;font-size:.9rem}.account-form-row{gap:.65rem}.account-form-row .account-actions{margin-top:0}.dev-dogfood{margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--line-soft);font-size:.78rem;color:var(--muted)}.dev-dogfood summary{cursor:pointer;color:var(--muted)}.dev-dogfood .primary{margin-top:.65rem}.dev-admin-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.45rem}.dev-toggles{display:flex;flex-wrap:wrap;gap:.35rem;margin:.55rem 0 0}.dev-toggles button{font-size:.78rem;padding:.4rem .75rem;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--muted)}.dev-toggles button.on{border-color:var(--accent-dim);color:var(--accent);background:rgba(var(--accent-rgb),.12)}.dev-dogfood label{display:grid;gap:.25rem;margin:.6rem 0;font-size:.66rem;text-transform:uppercase;letter-spacing:.04em}.dev-dogfood label input{font-size:.85rem;text-transform:none;letter-spacing:normal;padding:.45rem .55rem;border-radius:8px;border:1px solid var(--line);background:var(--bg, transparent);color:var(--text)}.desktop-main.page-wide .account-page{max-width:720px}.desktop-main.page-wide .account-form-row{grid-template-columns:150px minmax(0,1fr) auto;align-items:end}.desktop-main.page-wide .account-form-row .account-actions{flex-wrap:nowrap}.desktop-main.page-wide .account-form-row .primary{height:2.45rem}@media (max-width: 980px){.desktop-main.page-wide .account-form-row{grid-template-columns:1fr}}@media (max-width: 520px){.link-status{grid-template-columns:1fr}}.tiny{font-size:.65rem}.perk-list{margin:0 0 .75rem;padding-left:1.05rem;font-size:.8rem;line-height:1.4;color:var(--muted)}.field-spaced{margin-top:.65rem}.subscribe-primary{min-width:min(100%,280px);font-size:.92rem;padding:.65rem 1.1rem}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;width:100%;margin-bottom:.75rem}.plan-card{border:1px solid var(--line);border-radius:14px;padding:1rem 1.05rem 1.1rem;background:color-mix(in srgb,var(--panel) 88%,transparent);display:flex;flex-direction:column;gap:.35rem}.plan-card.featured{border-color:var(--accent-dim);background:linear-gradient(165deg,rgba(var(--accent-rgb),.14),color-mix(in srgb,var(--panel) 90%,transparent))}.plan-card h3{margin:0;font-family:var(--display);font-size:1.25rem;font-weight:400}.plan-price{margin:0;font-size:1.35rem;font-weight:650;color:var(--accent);font-variant-numeric:tabular-nums}.plan-price-block{display:flex;flex-direction:column;align-items:flex-start;gap:.28rem;min-height:2.4rem}.plan-price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem .65rem}.plan-price-list{font-size:.92rem;font-weight:500;color:var(--muted);text-decoration:line-through;text-decoration-thickness:1.5px;opacity:.85;font-variant-numeric:tabular-nums}.plan-price-block.is-deal .plan-price{font-size:1.5rem;letter-spacing:-.02em}.plan-price-note{margin:0;font-size:.72rem;color:var(--muted);line-height:1.35}.deal-badge{display:inline-flex;align-items:center;padding:.18rem .5rem;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bg);background:linear-gradient(120deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 70%,#fff) 100%);border-radius:4px;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent);animation:deal-pop .45s ease}@keyframes deal-pop{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:none}}.plan-card.on-deal{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.plan-blurb{margin:0 0 .55rem;color:var(--muted);font-size:.78rem;line-height:1.4;flex:1}.plan-card .subscribe-primary{width:100%;min-width:0}html[data-surface=native] .app.mobile{max-width:none}.settings-block{margin:.85rem 0}.settings-block h3{margin:0 0 .45rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.settings-head{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.35rem}.settings-head h2{margin:0}.settings-sheet{max-width:min(520px,94vw);max-height:min(88dvh,820px);overflow:auto}.settings-subscribe .panel-copy{margin-bottom:.85rem}.settings-subscribe .tiny-hint{margin-bottom:1rem!important}.settings-subscribe .perk-list{margin:.15rem 0 .75rem;line-height:1.4;font-size:.8rem;color:var(--muted)}.settings-subscribe .subscribe-actions{display:flex;flex-direction:column;gap:.85rem}.settings-subscribe .plan-grid{grid-template-columns:1fr;gap:.85rem;margin-bottom:.25rem}.settings-subscribe .plan-card{padding:1rem 1.05rem 1.1rem;gap:.45rem}.settings-subscribe .subscribe-primary{min-width:0;width:100%;margin-top:.35rem}@media (min-width: 560px){.settings-sheet{max-width:min(640px,94vw)}.settings-subscribe .plan-grid{grid-template-columns:1fr 1fr;gap:1rem}}.settings-subscribe .legal-links{font-size:.72rem;margin-top:.65rem}.swatch.on{border-color:var(--accent-dim);color:var(--accent);background:rgba(var(--accent-rgb),.12)}.swatch-row{display:flex;flex-wrap:wrap;gap:.35rem}.swatch{font-size:.72rem;padding:.35rem .55rem}.lock-inline{margin-left:.35rem;font-size:.62rem;color:var(--accent);font-weight:500;text-transform:none;letter-spacing:0}.hex-field-grid{display:grid;gap:.65rem;margin-top:.55rem}.hex-field{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.85rem}.hex-field-label{color:var(--muted);min-width:3.5rem}.hex-field-controls{display:flex;align-items:center;gap:.45rem}.hex-field-controls input[type=color]{width:2.4rem;height:2rem;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent;cursor:pointer}.hex-field-text{width:6.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;padding:.35rem .45rem;border-radius:8px;border:1px solid var(--line);background:var(--bg-elev);color:var(--ink)}.hex-reset{margin-top:.75rem;font-size:.75rem}.accent-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px}html[data-mode=light] button.primary{background:linear-gradient(180deg,#fff6e4,#f0e4cc);color:#5a4a28}html[data-mode=light] button.primary:hover{background:linear-gradient(180deg,#fffaf0,#ebe0c8);border-color:#5a4a28}html[data-mode=light] .graph-wrap{background:var(--graph-bg)}html[data-mode=light] .top-tabs{background:color-mix(in srgb,var(--bg) 55%,var(--panel))}html[data-mode=light] .skel-line,html[data-mode=light] .skel-block,html[data-mode=light] .skel-dot,html[data-mode=light] .skel-rank,html[data-mode=light] .skel-score{background:linear-gradient(90deg,#281e140a,#281e141a 45%,#281e140a);background-size:200% 100%}html[data-mode=light] .sheet,html[data-mode=light] .cookie-banner{box-shadow:0 10px 28px #281e1424}html[data-mode=light] .busy-spinner{background:#28241c59}.legal-page{min-height:100vh;max-width:40rem;margin:0 auto;padding:2rem 1.25rem 3rem;background:radial-gradient(ellipse 80% 40% at 20% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent),var(--bg);color:var(--ink)}.legal-head{margin-bottom:1.75rem;padding-bottom:1rem;border-bottom:1px solid var(--line-soft)}.legal-back{display:inline-block;margin-bottom:.85rem;font-size:.85rem;color:var(--muted);text-decoration:none}.legal-back:hover{color:var(--ink)}.legal-back-foot{margin:2rem 0 0;padding-top:1rem;border-top:1px solid var(--line-soft)}.legal-back-foot .legal-back{margin-bottom:0}.legal-brand{display:block;font-family:var(--display);font-size:1.35rem;color:var(--accent);text-decoration:none;margin-bottom:.75rem}.legal-head h1{font-family:var(--display);font-size:1.85rem;font-weight:400;margin:0 0 .35rem}.legal-updated{margin:0;color:var(--muted);font-size:.78rem}.legal-body h2{font-size:1rem;margin:1.5rem 0 .5rem;color:var(--ink)}.legal-page .legal-body>h2:first-of-type{margin-top:1.25rem}.legal-body p,.legal-body li{color:var(--muted);line-height:1.55;font-size:.92rem}.legal-body ul{padding-left:1.2rem;margin:.4rem 0 .8rem}.legal-body em{font-style:italic;color:var(--ink)}.legal-foot{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:.5rem;font-size:.78rem;color:var(--muted)}.legal-foot a{color:var(--muted)}.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:calc(1rem + var(--safe-bottom));z-index:80;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;max-width:36rem;margin:0 auto;padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 10px 28px #00000047;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cookie-banner-copy{margin:0;flex:1 1 14rem;font-size:.82rem;line-height:1.45;color:var(--muted)}.cookie-banner-copy a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.cookie-banner-ok{flex:0 0 auto;min-height:2.35rem;padding:.4rem 1rem;font-size:.82rem}.catalog-banner{position:fixed;left:50%;transform:translate(-50%);width:min(36rem,calc(100% - 2rem));top:calc(4.25rem + var(--safe-top, 0px));z-index:70;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;max-width:36rem;margin:0 auto;padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 10px 28px #00000047;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.catalog-banner-copy{margin:0;flex:1 1 14rem;font-size:.82rem;line-height:1.45;color:var(--muted)}.catalog-banner-actions{display:flex;flex-wrap:wrap;gap:.4rem}.app.mobile .catalog-banner{width:min(36rem,calc(100% - 1.3rem));flex-direction:column;align-items:center;text-align:center}.app.mobile .catalog-banner-copy{flex:1 1 auto;text-align:center}.app.mobile .catalog-banner-actions{width:100%;justify-content:center}.crash-screen{min-height:100dvh;display:grid;place-items:center;padding:1.5rem;background:var(--bg, #0e0c0a);color:var(--ink, #f5efe6)}.crash-screen-card{width:min(24rem,100%);text-align:center}.crash-screen-title{margin:0 0 .65rem;font-family:var(--display, Georgia, serif);font-size:1.55rem;font-weight:400}.crash-screen-body{margin:0 0 .75rem;color:var(--muted, #b7aa9a);line-height:1.45}.crash-screen-mail{margin:0 0 1.1rem}.crash-screen-mail a{color:var(--accent, #d4a017)}.app.mobile .cookie-banner{left:.65rem;right:.65rem;bottom:calc(4.6rem + var(--safe-bottom));padding:.8rem .9rem}.app.mobile .cookie-banner-ok{width:100%}html:has(.cookie-banner) .app.mobile .list{padding-bottom:calc(9.5rem + var(--safe-bottom))}html:has(.cookie-banner) .app.mobile .getting-started{padding-bottom:calc(9.75rem + var(--safe-bottom))}html[data-mode=light] .cookie-banner{box-shadow:0 8px 24px #281e141f}.legal-links a{color:var(--accent)}.password-auth{display:flex;flex-direction:column;gap:.65rem;width:100%;max-width:20rem;margin-top:.85rem}.password-auth .btn-secondary{width:100%}.password-auth-lead{margin:0;color:var(--ink);font-size:.95rem;line-height:1.45}.password-auth-status{margin:0;padding:.8rem .85rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--ink);font-size:.95rem;line-height:1.45;overflow-wrap:anywhere}.password-auth-status p{margin:0}.password-auth-hint{margin:0;color:var(--muted);font-size:.85rem;line-height:1.4}.password-auth-status .password-auth-hint{margin-top:.2rem}.password-auth .password-auth-code{font-size:1.5rem;font-weight:650;letter-spacing:.32em;text-indent:.32em;text-align:center;font-variant-numeric:tabular-nums;min-height:3.25rem}.password-auth .form-error{margin:0}.password-auth-links{display:flex;flex-wrap:wrap;gap:.35rem .75rem;margin:0}.password-auth .text-button{background:none;border:0;padding:.2rem 0;color:var(--muted);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.password-auth .text-button.is-waiting:disabled{opacity:1;cursor:default;text-decoration:none;color:var(--ink)}.account-section code{font-size:.78em;color:var(--accent)}@media (min-width: 1100px){.app.desktop .desktop-main{grid-template-columns:1.55fr .9fr}.app.desktop .desktop-main.map-focus{grid-template-columns:1.85fr .65fr}.app.desktop .desktop-main.recs-split{grid-template-columns:minmax(0,1.65fr) minmax(380px,.9fr)}.app.desktop .desktop-main.page-wide{grid-template-columns:1fr}}.app.mobile{max-width:100%;width:100%;height:100dvh;min-height:100dvh;overflow:hidden}.app.mobile .media-switcher::-webkit-scrollbar{display:none}.app.mobile .media-switcher button{flex:0 1 auto;min-height:2.55rem;padding:.35rem .55rem;font-size:.78rem;white-space:nowrap}.app.mobile .media-switcher .media-beta-tag{display:none}.app.mobile .media-switcher button.beta,.app.mobile .media-switcher button.soon{gap:.22rem}.app.mobile .media-beta-tag{font-size:.55rem;padding:.08rem .22rem}.app.mobile .topbar-account,.app.mobile .topbar-settings{min-height:2.75rem;min-width:2.75rem}.app.mobile .topbar-account{padding:.45rem .8rem;font-size:.8rem}.app.mobile .tabbar{flex-shrink:0;padding-bottom:max(var(--safe-bottom),.15rem);box-shadow:0 -6px 20px #0000002e}.app.mobile .tabbar button{min-height:3.15rem;padding:.55rem .2rem calc(.45rem + 2px);font-size:.72rem;gap:.28rem;-webkit-tap-highlight-color:transparent}.app.mobile .tabbar button .tab-dot{width:5px;height:5px}.app.mobile input:not([type=checkbox]):not([type=radio]):not([type=range]),.app.mobile select,.app.mobile textarea,.app.mobile .list-search input,.app.mobile .field input,.app.mobile .field select{font-size:16px;max-width:100%;min-height:2.75rem}.app.mobile button.primary,.app.mobile button.btn-secondary,.app.mobile .btn-secondary,.app.mobile .empty-state .primary,.app.mobile .empty-state .btn-secondary,.app.mobile .sheet-actions .primary,.app.mobile .onboarding-sheet .primary,.app.mobile .getting-started .primary,.app.mobile .compare-form .primary,.app.mobile .check-page .primary{min-height:2.75rem;padding:.65rem 1rem;font-size:.92rem;width:100%;max-width:100%}.app.mobile .segmented button,.app.mobile .settings-tabs button,.app.mobile .mode-toggle button{min-height:2.65rem;padding:.55rem .7rem;font-size:.84rem}.app.mobile .filters,.app.mobile .subfilters{gap:.4rem;margin:.45rem 0 .65rem}.app.mobile .filters button,.app.mobile .subfilters button{min-height:2.35rem;padding:.4rem .75rem;font-size:.78rem}.app.mobile .list{padding:.55rem .75rem calc(1.35rem + var(--safe-bottom))}.app.mobile .list-search{gap:.5rem;margin:.2rem 0 .55rem}.app.mobile .list-search-clear{min-height:2.75rem;padding:.45rem .85rem;font-size:.8rem}.app.mobile .row{padding:.75rem .5rem .75rem .35rem;gap:.55rem}.app.mobile button.row{min-height:3.25rem;padding:.75rem .5rem .75rem .35rem}.app.mobile .panel-pad{padding:1rem .9rem 1.5rem}.app.mobile .panel-title{font-size:1.35rem}.app.mobile .panel-copy{font-size:.85rem;line-height:1.5}.app.mobile .compare-bar{flex-direction:column;align-items:stretch;gap:.55rem}.app.mobile .compare-bar.inline select{width:100%;min-width:0}.app.mobile .compare-form .primary{justify-self:stretch;width:100%;min-height:2.75rem;margin-top:.2rem}.app.mobile .check-page .check-form,.app.mobile .check-page .compare-form{display:flex;flex-direction:column;gap:.7rem;margin-bottom:.35rem}.app.mobile .compare-page .panel-pad,.app.mobile .check-page.panel-pad,.app.mobile .panel-pad.compare-page,.app.mobile .panel-pad.check-page{padding-top:.95rem}.app.mobile .compare-page .premium-cta,.app.mobile .check-page .premium-cta{margin-top:.85rem}.app.mobile .premium-cta{margin:1rem 0 .35rem;padding:1rem .95rem;gap:.5rem}.app.mobile .premium-cta .primary,.app.mobile .premium-cta .btn-secondary{width:100%;align-self:stretch;min-height:2.75rem}.app.mobile .sheet{max-height:min(88dvh,100%);padding:1.15rem 1rem calc(1.35rem + var(--safe-bottom));border-radius:18px 18px 0 0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.app.mobile .sheet.why-sheet{max-height:min(92dvh,100%)}.app.mobile .sheet.link-hint,.app.mobile .onboarding-lang select{font-size:16px;min-height:2.75rem}.app.mobile .sheet.onboarding-sheet{top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%);width:min(400px,calc(100% - 1.5rem));max-width:calc(100% - 1.5rem);max-height:min(88dvh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 1.5rem));border-radius:16px;border:1px solid var(--line);padding:1.2rem 1.1rem calc(1.2rem + var(--safe-bottom));animation:onboarding-pop .4s ease;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-bottom:1.5rem}.app.mobile .sheet-actions{flex-direction:column;gap:.5rem}.app.mobile .sheet-actions button{width:100%;min-height:2.75rem}.app.mobile .settings-sheet{max-width:100%;width:100%;left:0;right:0;border-radius:18px 18px 0 0;max-height:min(92dvh,100%)}.app.mobile .settings-subscribe .plan-grid{grid-template-columns:1fr}.app.mobile .plan-card{padding:1rem .95rem}.app.mobile .plan-card .subscribe-primary{min-height:2.85rem}.app.mobile .graph-chrome{padding:.45rem .55rem calc(.55rem + env(safe-area-inset-bottom,0px)*0);gap:.4rem;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end}.app.mobile .graph-legend{gap:.45rem .55rem;font-size:.68rem;flex:1 1 auto;min-width:0;max-width:calc(100% - 8.5rem);order:1}.app.mobile .graph-chrome-actions{margin-left:auto;order:2;flex:0 0 auto}.app.mobile .graph-cluster-btn{min-height:2.35rem;padding:.4rem .75rem;font-size:.75rem}.app.mobile .graph-cluster-focus{min-height:2.35rem;padding:.35rem .65rem;font-size:.72rem;max-width:8rem}.app.mobile .graph-zoom-btn{display:none}.app.mobile .graph-snap-btn{min-height:2.35rem;padding:.4rem .7rem;font-size:.75rem}.app.mobile .graph-hint{display:none}.app.mobile .toast{bottom:calc(4.85rem + var(--safe-bottom));left:.75rem;right:.75rem;transform:none;max-width:none;width:auto;text-align:center;padding:.65rem .9rem;font-size:.85rem;line-height:1.35}.app.mobile .getting-started{min-height:0;flex:1;padding:1.15rem .95rem calc(1.6rem + var(--safe-bottom));overflow:auto;-webkit-overflow-scrolling:touch;align-items:center;justify-content:flex-start;padding-top:max(1.15rem,6vh)}.app.mobile .getting-started-inner{gap:.5rem;width:min(26rem,100%)}.app.mobile .getting-started-form,.app.mobile .onboarding-form{gap:.7rem;margin-top:.2rem}.app.mobile .getting-started-cta{margin-top:.35rem;min-height:2.85rem}.app.mobile .onboarding-store-btn{min-height:2.75rem;padding:.65rem .75rem}.app.mobile .media-choice button{min-height:2.85rem;width:100%;justify-content:flex-start;padding:.65rem .85rem;font-size:.9rem}.app.mobile .account-status,.app.mobile .account-section,.app.mobile .account-footer{max-width:100%;min-width:0}.app.mobile .account-status,.app.mobile .title,.app.mobile .sub,.app.mobile .link-status dd,.app.mobile .list-head-meta{overflow-wrap:anywhere;word-break:break-word}.app.mobile .list-head-meta{display:block;margin-left:0;margin-top:.2rem}.app.mobile .account-actions,.app.mobile .ratings-nudge,.app.mobile .subscribe-actions{flex-direction:column;align-items:stretch}.app.mobile .account-actions>*,.app.mobile .subscribe-actions>*{width:100%}.app.mobile .row-main{grid-template-columns:1.5rem minmax(0,1fr) 2.5rem;min-width:0}.app.mobile .row:not(:has(.row-main)):not(button.row){grid-template-columns:1.5rem minmax(0,1fr) 2.5rem}.app.mobile .row-site{min-width:2.75rem;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;padding:.35rem .2rem}.app.mobile .filters-top{flex-wrap:wrap;align-items:center;row-gap:.45rem}.app.mobile .filters{flex:1 1 100%;max-width:100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.app.mobile .filters::-webkit-scrollbar{display:none}.app.mobile .filters button{flex:0 0 auto}.app.mobile .filters-actions{flex:1 1 100%;margin-left:0;width:100%;justify-content:flex-end;gap:.4rem}.app.mobile .filters-more-btn{margin-left:0;margin-top:0;min-height:2.75rem;padding:.45rem .75rem;font-size:.76rem}.app.mobile .panel-title-row{align-items:flex-start;gap:.4rem}.app.mobile .panel-title-row .panel-title{font-size:1.28rem;line-height:1.2}.app.mobile .panel-title-row .panel-title-action{margin-top:.1rem;min-height:2.45rem;font-size:.72rem;padding:.35rem .65rem;white-space:nowrap}.app.mobile .discover-mode-row button{min-height:2.35rem;padding:.35rem .7rem;font-size:.74rem}.app.desktop .filters-top{flex-wrap:nowrap}.app.desktop .filters-actions{margin-left:auto}.app.mobile .sheet.filters-sheet,.app.mobile .sheet.taste-sheet{top:auto;bottom:0;left:0;right:0;width:100%;max-height:min(78dvh,640px);border-radius:16px 16px 0 0}.app.mobile .hex-field{flex-wrap:wrap;align-items:flex-start}.app.mobile .hex-field-controls{flex-wrap:wrap;justify-content:flex-end}.app.mobile .hex-field-text{font-size:16px;min-height:2.75rem;min-width:0;max-width:100%}.app.mobile .graph-tip{max-width:min(260px,calc(100% - 16px));overflow-wrap:anywhere;padding:.6rem .75rem .65rem}.app.mobile .google-signin,.app.mobile .apple-signin,.app.mobile .password-auth{max-width:none;width:100%}.app.mobile .password-auth input{font-size:16px;min-height:44px}.app.mobile .password-auth .password-auth-code{font-size:1.75rem;min-height:3.5rem;letter-spacing:.28em;text-indent:.28em}.app.mobile .password-auth .btn-secondary{min-height:44px;font-size:16px}.app.mobile .password-auth-links{flex-direction:column;align-items:stretch;gap:0}.app.mobile .password-auth .text-button{min-height:44px;padding:.55rem 0;font-size:16px;text-align:left}.app.mobile .password-auth-status,.app.mobile .password-auth-lead,.app.mobile .password-auth .form-error{font-size:16px}.app.mobile .ratings-nudge{padding:.7rem .85rem;gap:.65rem;flex-wrap:wrap}.app.mobile .ratings-nudge .btn-secondary{width:100%;min-height:2.55rem}.app.mobile .crunchy-tip summary{min-height:2.55rem;padding:.55rem 0}.app.mobile .load-play-stage{height:min(42dvh,260px);margin:0 .55rem}.app.mobile .load-play-wait{padding:1.15rem .9rem 1.35rem}.app.mobile .site-footer-credit{max-width:100%;overflow-wrap:anywhere}.app.mobile .site-footer-legal{gap:.75rem}.app.mobile .site-footer-end{gap:.5rem .85rem}.app.mobile .social-link{width:2.35rem;height:2.35rem}.app.mobile .site-footer-legal a{min-height:2.35rem;display:inline-flex;align-items:center;padding:.25rem 0}.app.mobile .legal-page,.app.mobile .legal-body{padding-left:.9rem;padding-right:.9rem}.app.mobile .graph-legend,.app.mobile .subfilters .group-label,.app.mobile .lock-tag{font-size:.72rem}@media (max-width: 380px){.app.mobile .media-switcher button{padding:.35rem .5rem;font-size:.74rem;min-height:2.55rem}.app.mobile .brand-title{font-size:1.12rem}.app.mobile .topbar-account{padding:.4rem .6rem;font-size:.74rem}.app.mobile .tabbar button{font-size:.65rem}.app.mobile .hex-field{flex-direction:column;align-items:stretch}}.landing-page{min-height:100dvh;display:flex;flex-direction:column;color:var(--ink);background:var(--bg);--accent-rgb: 224, 180, 90;--landing-top-h: 3.75rem}html[data-accent=gold] .landing-page,:root .landing-page{--accent-rgb: 224, 180, 90}.landing-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,2.5rem);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent)}.landing-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:inherit}.landing-brand-name{font-family:var(--display);font-size:1.35rem;letter-spacing:var(--display-tracking);font-kerning:normal;font-feature-settings:"kern" 1}.landing-top-nav{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;justify-content:flex-end}.landing-top-nav a{color:var(--muted);text-decoration:none;font-size:.84rem}.landing-top-nav a:hover{color:var(--ink)}.landing-top-cta{color:var(--bg)!important;background:var(--accent);border-radius:9px;padding:.38rem .85rem;font-weight:600}.landing-top-cta:hover{filter:brightness(1.06);color:var(--bg)!important}.landing-main{flex:1}.landing-hero{position:relative;min-height:calc(100dvh - var(--landing-top-h));display:flex;align-items:flex-end;padding:clamp(3.5rem,12vh,7rem) clamp(1.15rem,5vw,3.5rem) clamp(2.5rem,8vh,4.5rem);overflow:hidden;isolation:isolate;background:#07090c}.landing-taste-map.graph-wrap{touch-action:pan-y}.landing-taste-map canvas{pointer-events:none;touch-action:pan-y}.landing-taste-map .graph-chrome{pointer-events:auto}.landing-taste-map-live canvas{pointer-events:auto;touch-action:pan-y}.landing-hero-map.graph-wrap,.landing-hero-map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:100%;min-height:100%;z-index:0;border:none;border-radius:0;background:#07090c;pointer-events:none;touch-action:pan-y;animation:land-map-in 1.15s cubic-bezier(.22,1,.36,1) both}@keyframes land-map-in{0%{opacity:0;filter:saturate(.7)}to{opacity:1;filter:none}}.landing-taste-map-bare .graph-chrome,.landing-taste-map-bare .graph-selected,.landing-taste-map-bare .graph-tip{display:none!important}.landing-hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#07090c 0%,color-mix(in srgb,#07090c 82%,transparent) 22%,color-mix(in srgb,#07090c 28%,transparent) 42%,transparent 58%),linear-gradient(180deg,transparent 62%,color-mix(in srgb,#07090c 42%,transparent) 100%)}.landing-hero-copy{position:relative;z-index:2;max-width:36rem;pointer-events:none;animation:land-hero-rise .9s cubic-bezier(.22,1,.36,1) both}.landing-hero-copy a,.landing-hero-copy .landing-btn{pointer-events:auto}@keyframes land-hero-rise{0%{opacity:0;transform:translateY(1.1rem)}to{opacity:1;transform:none}}.landing-hero-brand{margin:0 0 .85rem;font-family:var(--display);font-size:clamp(2.6rem,7vw,4.4rem);line-height:.95;letter-spacing:var(--display-tracking);font-kerning:normal;font-feature-settings:"kern" 1;color:var(--accent)}.landing-hero-title{margin:0;font-family:var(--display);font-size:clamp(1.65rem,3.6vw,2.45rem);font-weight:400;line-height:1.15;letter-spacing:var(--display-tracking);text-wrap:balance}.landing-hero-lead{margin:1rem 0 0;max-width:28rem;color:var(--muted);font-size:1.05rem;line-height:1.55}.landing-hero-math{margin:.65rem 0 0;max-width:28rem;color:color-mix(in srgb,var(--accent) 78%,var(--muted));font-size:.84rem;font-weight:600;letter-spacing:.02em;line-height:1.4}.landing-hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.6rem}.landing-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:.72rem 1.25rem;font:inherit;font-weight:600;font-size:.92rem;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:filter .15s ease,background .15s ease,color .15s ease}.landing-btn.primary{color:#0a0d11;background:var(--accent);border-color:var(--accent)}.landing-btn.primary:hover{filter:brightness(1.06)}.landing-btn.ghost{color:var(--ink);background:transparent;border-color:var(--line)}.landing-btn.ghost:hover{background:color-mix(in srgb,var(--field) 70%,transparent)}.landing-section{padding:clamp(3rem,9vh,5.5rem) clamp(1.15rem,5vw,3.5rem);max-width:44rem;margin:0 auto;scroll-margin-top:calc(var(--landing-top-h) + .75rem)}.landing-section.alt{max-width:none;padding-left:max(clamp(1.15rem,5vw,3.5rem),calc(50% - 22rem));padding-right:max(clamp(1.15rem,5vw,3.5rem),calc(50% - 22rem));background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elev) 55%,transparent),color-mix(in srgb,var(--bg) 90%,transparent));border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.landing-reveal{opacity:0;transform:translateY(1.25rem);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.landing-reveal.in{opacity:1;transform:none}.landing-kicker{margin:0 0 .55rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:600}.landing-h2{margin:0;font-family:var(--display);font-size:clamp(1.55rem,3vw,2.1rem);font-weight:400;letter-spacing:var(--display-tracking);font-kerning:normal;font-feature-settings:"kern" 1;text-wrap:balance}.landing-body{margin:.85rem 0 0;color:var(--muted);font-size:1.02rem;line-height:1.6;max-width:34rem}.landing-steps,.landing-need{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:1.15rem;max-width:36rem}.landing-steps{counter-reset:land-step}.landing-steps li{counter-increment:land-step;display:grid;gap:.3rem;padding-left:2.4rem;position:relative}.landing-steps li:before{content:counter(land-step);position:absolute;left:0;top:.1rem;width:1.65rem;height:1.65rem;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent);font-size:.78rem;font-weight:650;display:grid;place-items:center}.landing-steps strong,.landing-need li{font-size:1.02rem;line-height:1.45;color:var(--ink)}.landing-steps span{color:var(--muted);line-height:1.5}.landing-need li{padding-left:1.1rem;position:relative;color:var(--muted);font-size:.98rem;line-height:1.5}.landing-need li:before{content:"";position:absolute;left:0;top:.55rem;width:.35rem;height:.35rem;border-radius:50%;background:var(--accent)}.landing-section-wide{max-width:min(68rem,100%)}.landing-preview{margin:1.75rem 0 0;padding:0;display:grid;gap:1.15rem}.landing-preview-map.graph-wrap,.landing-preview-map{display:block;width:100%;height:clamp(18rem,48vh,28rem);min-height:18rem;border-radius:12px;border:1px solid var(--line-soft);background:#0a0d11;overflow:hidden;animation:land-map-in .9s cubic-bezier(.22,1,.36,1) both}.landing-preview-caption{display:grid;gap:.85rem;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);align-items:stretch}.landing-preview-kicker{display:block;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}.landing-preview-pick.row{margin:0;padding:.85rem .9rem;border:1px solid var(--line-soft);border-radius:10px;background:color-mix(in srgb,var(--panel) 70%,transparent);align-items:center}.landing-preview-pick .row-main{display:block;grid-template-columns:none}.landing-preview-pick strong{display:block;font-family:var(--display);font-size:1.35rem;font-weight:400;letter-spacing:var(--display-tracking)}.landing-preview-score.score{display:flex;align-items:center;justify-content:flex-end;margin:0;flex:0 1 auto;white-space:nowrap;color:var(--accent);font-size:.88rem;font-weight:650}.landing-preview-why{margin:0;padding:.85rem .95rem;border:1px solid var(--line-soft);border-radius:10px;background:color-mix(in srgb,var(--panel) 55%,transparent)}.landing-preview-why p,.landing-preview-why .why-details-body{margin:0;color:var(--muted);line-height:1.55;font-size:.95rem}.landing-tools{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:1.1rem}.landing-tools li{display:grid;gap:.25rem;padding-top:1rem;border-top:1px solid var(--line-soft)}.landing-tools strong{font-family:var(--display);font-size:1.2rem;font-weight:400;letter-spacing:var(--display-tracking)}.landing-tools span{color:var(--muted);line-height:1.5}.landing-plans{display:grid;gap:1rem;margin-top:1.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.landing-plan{padding:1.1rem 1rem 1.2rem;border-top:2px solid var(--line)}.landing-plan.featured{border-top-color:var(--accent)}.landing-plan h3{margin:0;font-family:var(--display);font-size:1.25rem;font-weight:400;letter-spacing:var(--display-tracking)}.landing-plan-price{margin:.45rem 0 0;font-size:1.05rem;font-weight:650;color:var(--accent)}.landing-plan-blurb{margin:.45rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}.landing-final{text-align:left;padding-bottom:clamp(4rem,12vh,6rem)}.landing-final .landing-btn{margin-top:1.35rem}.landing-page .site-footer{margin-top:0}@media (max-width: 820px){.landing-page{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}.landing-top{padding:max(.7rem,var(--safe-top)) max(.9rem,env(safe-area-inset-right,0px)) .7rem max(.9rem,env(safe-area-inset-left,0px))}.landing-brand-name{font-size:1.2rem}.landing-top-cta{padding:.48rem .9rem;min-height:2.4rem;display:inline-flex;align-items:center}.landing-plans,.landing-preview-caption{grid-template-columns:1fr}.landing-top-nav a:not(.landing-top-cta){display:none}.landing-hero{min-height:calc(100svh - var(--landing-top-h));display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:0 0 max(.85rem,env(safe-area-inset-bottom,0px))}.landing-hero-map.graph-wrap,.landing-hero-map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:100%;min-height:100%;transform:none}.landing-hero-scrim{background:linear-gradient(180deg,color-mix(in srgb,#07090c 25%,transparent) 0%,transparent 28%,color-mix(in srgb,#07090c 55%,transparent) 58%,#07090c 100%)}.landing-hero-copy{position:relative;z-index:2;max-width:none;width:100%;margin-bottom:4vh;padding:.85rem max(1rem,env(safe-area-inset-right,0px)) 0 max(1rem,env(safe-area-inset-left,0px));background:transparent}.landing-hero-brand{font-size:clamp(1.85rem,9vw,2.45rem);margin-bottom:.35rem}.landing-hero-title{font-size:clamp(1.2rem,5.6vw,1.55rem)}.landing-hero-lead{font-size:.9rem;margin-top:.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.landing-hero-math{display:none}.landing-hero-actions{flex-direction:column;align-items:stretch;width:100%;gap:.45rem;margin-top:.85rem}.landing-hero-actions .landing-btn.primary{order:1}.landing-hero-actions .landing-btn.ghost{order:2}.landing-btn{width:100%;min-height:2.75rem;justify-content:center}.landing-section,.landing-section.alt{max-width:none;padding:2.35rem max(1.1rem,env(safe-area-inset-right,0px)) 2.35rem max(1.1rem,env(safe-area-inset-left,0px))}.landing-section.alt{padding-left:max(1.1rem,env(safe-area-inset-left,0px));padding-right:max(1.1rem,env(safe-area-inset-right,0px))}.landing-h2{font-size:clamp(1.4rem,6vw,1.85rem)}.landing-steps li{padding-left:2.25rem}.landing-preview-map.graph-wrap,.landing-preview-map{height:min(52vh,22rem);min-height:14rem;border-radius:10px}.landing-final{padding-bottom:max(3.5rem,calc(2rem + var(--safe-bottom)))}.landing-final .landing-btn{width:100%}.landing-page .site-footer{flex-direction:column;align-items:flex-start;gap:.65rem;padding:.85rem max(.9rem,env(safe-area-inset-right,0px)) max(.85rem,var(--safe-bottom)) max(.9rem,env(safe-area-inset-left,0px))}.landing-page .site-footer-end{width:100%;flex-direction:column;align-items:flex-start;gap:.65rem}.landing-page .site-footer-legal{flex-wrap:wrap;gap:.35rem .85rem}.landing-page .site-footer-legal a{min-height:2.35rem;display:inline-flex;align-items:center}.landing-page .cookie-banner{bottom:max(.85rem,var(--safe-bottom))}html:has(.cookie-banner) .landing-final{padding-bottom:max(8rem,calc(6.5rem + var(--safe-bottom)))}}.reload-strip{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .55rem;margin:0 0 .65rem;padding:.35rem 0;border-bottom:1px solid var(--line-soft);font-size:.78rem;color:var(--muted)}.app.mobile .reload-strip{font-size:.74rem;gap:.4rem}.app.mobile .reload-strip-summary{flex:1 1 100%;line-height:1.4}.app.mobile .reload-strip-actions{width:100%;justify-content:flex-end}.app.mobile .reload-strip-actions button{min-height:2.45rem;padding:.35rem .5rem}.app.mobile .row-move-tag{display:inline-block;margin-left:.25rem}.reload-strip-summary{flex:1 1 auto;min-width:0;color:var(--ink)}.reload-strip-actions{display:flex;gap:.35rem;flex:0 0 auto}.reload-strip-actions button{border:none;background:transparent;color:var(--accent);font:inherit;font-size:.72rem;font-weight:600;cursor:pointer;padding:.1rem .2rem}.reload-strip-actions button.quiet{color:var(--muted);font-weight:500}.reload-strip-body{width:100%;margin-top:.4rem;padding-top:.15rem;display:flex;flex-direction:column;gap:.35rem}.reload-strip-cause{margin:0 0 .2rem;font-size:.76rem;color:var(--muted);line-height:1.4}.show-chip,.reload-strip .mini-row,.taste-sheet .mini-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.65rem;border:1px solid var(--line-soft);background:color-mix(in srgb,var(--field) 88%,transparent);color:inherit;font:inherit;text-align:left;padding:.48rem .7rem;border-radius:10px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.show-chip:hover,.reload-strip .mini-row:hover,.taste-sheet .mini-row:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--field))}.show-chip:focus-visible,.reload-strip .mini-row:focus-visible,.taste-sheet .mini-row:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:1px}.mini-row-title,.show-chip-title{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:550;letter-spacing:-.01em;line-height:1.3}.mini-row-meta,.show-chip-meta{flex:0 0 auto;color:var(--accent);font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:650;letter-spacing:.01em;line-height:1.2;padding:.12rem .4rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent)}.row-move-tag{display:inline-block;margin-left:.35rem;color:var(--accent);font-size:.68rem;font-weight:650}.taste-sheet .taste-portrait-headline{margin-top:.15rem}.taste-sheet .taste-lean{margin:.65rem 0 0}.taste-sheet .taste-lean-label{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.15rem}.taste-sheet .taste-lean-value{margin:0;font-size:.88rem;line-height:1.4}.taste-sheet .taste-portrait-sigs{display:flex;flex-direction:column;gap:.35rem;margin-top:.35rem}.taste-sheet .taste-sigs-label{display:block;margin-top:.75rem;margin-bottom:.15rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.app.mobile .show-chip,.app.mobile .reload-strip .mini-row,.app.mobile .taste-sheet .mini-row{min-height:2.55rem;padding:.55rem .75rem}
