:root{--s1:6px;--s2:10px;--s3:16px;--s4:22px;--s5:32px;--s6:48px;--s7:74px;--r-card:16px;--r-tile:12px;--r-pill:999px;--g-warm:linear-gradient(104deg,var(--primary) 0%,var(--bridge) 94%);--g-full:linear-gradient(104deg,var(--primary) 0%,var(--bridge) 44%,var(--accent) 100%);--g-vert:linear-gradient(178deg,var(--bridge) 0%,var(--primary) 54%,color-mix(in srgb,var(--accent) 65%,transparent) 100%);--g-edge:linear-gradient(118deg,color-mix(in srgb,var(--primary) 82%,#fff) 0%,color-mix(in srgb,var(--bridge) 86%,#fff) 38%,color-mix(in srgb,var(--accent) 72%,#fff) 74%,color-mix(in srgb,var(--accent) 26%,transparent) 100%);--glass:blur(42px) saturate(2) brightness(1.08);--card-bg:color-mix(in srgb,var(--surface-alt) 64%,transparent);--card-bg-solid:color-mix(in srgb,var(--surface-alt) 93%,var(--surface));--glow-warm:0 0 0 1px color-mix(in srgb,var(--primary) 44%,transparent),0 20px 50px -22px color-mix(in srgb,var(--primary) 70%,transparent);--glow-cool:0 0 0 1px color-mix(in srgb,var(--accent) 42%,transparent),0 18px 44px -24px color-mix(in srgb,var(--accent) 76%,transparent);--ok:#4ade80}.head h2,.hero-title,.mock-title,.tr-name,h1,h2,h3{font-weight:400;letter-spacing:-.02em}.hero-title{letter-spacing:-.03em;line-height:1.04}.head h2{font-size:clamp(1.65rem,3.5vw,2.5rem);line-height:1.1}.head p{font-size:1.02rem;max-width:58ch}.fcard p,.prose p,.rcard-char p{font-family:var(--font-body)}.chip-row li,.foot-grid h2,.hero-faces-note,.hero-note,.mock-tags li,.rcard .k,.rcard-live,.rcard-persona,.roster-tab,.scene-tag,.slabel,.step .n,.tr-lab,.verdict-who{letter-spacing:.04em}body:before{content:"";position:fixed;inset:-16vh -12vw;z-index:0;pointer-events:none;background:radial-gradient(44vw 44vw at 12% 4%,color-mix(in srgb,var(--primary) 32%,transparent),transparent 66%),radial-gradient(38vw 38vw at 88% 24%,color-mix(in srgb,var(--bridge) 22%,transparent),transparent 68%),radial-gradient(46vw 40vw at 62% 96%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%);filter:blur(150px);animation:bronze 28s ease-in-out infinite alternate}@keyframes bronze{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2.5%,2%,0) scale(1.09)}}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(color-mix(in srgb,var(--accent) 12%,transparent) .6px,transparent .6px),radial-gradient(color-mix(in srgb,var(--primary) 9%,transparent) .6px,transparent .6px);background-size:13px 13px,19px 19px;background-position:0 0,7px 5px}.backdrop{opacity:.4}.slabel{display:flex;align-items:center;gap:var(--s2);font-family:var(--font-body);font-size:.7rem;color:var(--ink-muted)}.slabel b{font-family:var(--font-head);font-weight:400;font-size:.95rem;color:var(--primary)}.slabel .rule{flex:0 0 auto;width:26px;height:8px;background:radial-gradient(circle at 4px 50%,var(--primary) 3.4px,transparent 3.6px),radial-gradient(circle at 19px 50%,transparent 2.1px,var(--accent) 2.2px,var(--accent) 3.4px,transparent 3.6px)}.slabel.warm .rule{background:radial-gradient(circle at 4px 50%,var(--bridge) 3.4px,transparent 3.6px),radial-gradient(circle at 19px 50%,transparent 2.1px,var(--primary) 2.2px,var(--primary) 3.4px,transparent 3.6px)}.slabel.warm b{color:var(--bridge)}.slabel.mid .rule{background:radial-gradient(circle at 4px 50%,var(--accent) 3.4px,transparent 3.6px),radial-gradient(circle at 19px 50%,transparent 2.1px,var(--primary) 2.2px,var(--primary) 3.4px,transparent 3.6px)}.slabel.mid b{color:var(--accent)}.btn{border-radius:var(--r-pill);font-family:var(--font-body);font-weight:600;letter-spacing:0;text-transform:none;min-height:48px;padding:13px 24px}.btn-primary{background:var(--g-warm);color:#17100a;border:0;box-shadow:var(--glow-warm)}.btn-primary:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--bridge) 62%,transparent),0 24px 58px -20px color-mix(in srgb,var(--primary) 82%,transparent);transform:translateY(-1px)}.btn-ghost{border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border));color:var(--ink);background:color-mix(in srgb,var(--surface-alt) 55%,transparent)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.rail{background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-right:1px solid var(--border)}.brand-mark,.rail-brand{border-radius:var(--r-tile);background:var(--g-warm);color:#17100a}.rail-list a{border-radius:var(--r-tile);color:var(--ink-muted)}.rail-list a:hover{color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.rail-lbl{letter-spacing:.02em}.nav,.rail-top{background:color-mix(in srgb,var(--surface) 84%,transparent);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-bottom:1px solid var(--border)}.brand{letter-spacing:-.02em}.crumbs a:hover,.nav-links a:not(.btn):hover{color:var(--primary)}.hero-bleed{min-height:min(820px,92vh)}.hero-bleed-media:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 34%,transparent) 0,transparent 3px)}.hero-bleed-scrim{background:linear-gradient(90deg,var(--surface) 0,color-mix(in srgb,var(--surface) 84%,transparent) 44%,color-mix(in srgb,var(--surface) 18%,transparent) 74%,transparent 88%),linear-gradient(0deg,var(--surface) 0,color-mix(in srgb,var(--surface) 58%,transparent) 28%,transparent 60%)}.hero-title em{display:inline-block;font-style:normal;color:var(--primary);background:var(--g-warm);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--primary) 40%,transparent))}.hero-sub{font-size:1.14rem;color:var(--ink-muted);line-height:1.55}.hero-note svg{color:var(--accent)}.chip-row li{border-radius:var(--r-pill);border-color:color-mix(in srgb,var(--primary) 26%,var(--border));background:color-mix(in srgb,var(--surface-alt) 50%,transparent);color:var(--ink-muted);text-transform:none;font-size:.74rem}.hero-face-ring{padding:2px;border-radius:50%;background:conic-gradient(from 130deg,var(--card-tint,var(--primary)),color-mix(in srgb,var(--card-tint,var(--primary)) 30%,var(--bridge)),var(--card-tint,var(--primary)))}.hero-faces-row a:hover .hero-face-ring{box-shadow:0 0 0 1px color-mix(in srgb,var(--card-tint,var(--primary)) 55%,transparent),0 14px 34px -16px color-mix(in srgb,var(--card-tint,var(--primary)) 80%,transparent)}.hero-face-dot{background:var(--accent);box-shadow:0 0 0 2px var(--surface)}.hero-face-name{font-family:var(--font-body)}.hero-faces-note{color:var(--ink-muted)}.tr{width:100%;max-width:340px;min-width:0;padding:var(--s4) var(--s4) var(--s3);border-radius:var(--r-card);background:var(--card-bg);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);position:relative;isolation:isolate;box-shadow:0 26px 64px -34px color-mix(in srgb,var(--primary) 62%,transparent)}.tr:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;background:var(--g-edge);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.75}.tr-top{display:grid;justify-items:center;grid-gap:2px;gap:2px}.tr-ring{width:clamp(88px,26vw,104px);padding:3px;border-radius:50%;background:conic-gradient(from 200deg,var(--primary),var(--bridge) 40%,var(--accent) 78%,var(--primary));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 40%,transparent),0 18px 40px -18px color-mix(in srgb,var(--primary) 72%,transparent);margin-bottom:var(--s2)}.tr-name{font-family:var(--font-head);font-size:1.14rem;color:var(--ink)}.tr-meta{font-size:.72rem;color:var(--ink-muted)}.tr-meta,.tr-you{font-family:var(--font-body)}.tr-you{margin:var(--s3) 0 var(--s2);margin-left:auto;max-width:88%;padding:10px 14px;border-radius:var(--r-tile) var(--r-tile) 3px var(--r-tile);background:color-mix(in srgb,var(--primary) 22%,transparent);border:1px solid color-mix(in srgb,var(--primary) 38%,transparent);color:var(--ink);font-size:.86rem;line-height:1.4;text-align:right}.tr-pair{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s2);gap:var(--s2)}.tr-a{min-width:0;padding:var(--s2) 11px 12px;border-radius:var(--r-tile);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 55%,transparent);opacity:.72}.tr-a p{margin:5px 0 0;font-size:.78rem;line-height:1.38}.tr-a p,.tr-lab{font-family:var(--font-body);color:var(--ink-muted)}.tr-lab{display:flex;align-items:center;gap:6px;font-size:.6rem;font-weight:600;text-transform:uppercase}.tr-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;border:1.5px solid var(--accent)}.tr-a.is-kept{opacity:1;border-color:color-mix(in srgb,var(--accent) 52%,transparent);background:color-mix(in srgb,var(--accent) 13%,var(--surface-alt));box-shadow:var(--glow-cool)}.tr-a.is-kept .tr-lab,.tr-a.is-kept p{color:var(--ink)}.tr-a.is-kept .tr-dot{border-color:var(--primary);background:var(--primary)}.hero-bleed-mock .tr{max-width:100%;background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8)}.steps-pin-mock .tr{max-height:62vh;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 90%,transparent);mask-image:linear-gradient(180deg,#000 90%,transparent)}@media (max-width:420px){.tr-pair{grid-template-columns:1fr}}.band{padding-block:clamp(48px,7vw,var(--s7));position:relative}.band.panel{background:color-mix(in srgb,var(--surface-alt) 62%,transparent);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.head{margin-bottom:clamp(24px,3.4vw,var(--s5))}.rcard-char{border-radius:var(--r-card);overflow:hidden;min-width:0;border:1px solid var(--border);background:var(--card-bg);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);transition:border-color .25s ease,transform .25s ease}.rcard-char:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-tint,var(--primary)) 58%,transparent)}.rcard-media{position:relative}.rcard-media:after{content:"";position:absolute;inset:auto 0 0;height:42%;pointer-events:none;background:linear-gradient(0deg,color-mix(in srgb,var(--surface) 88%,transparent),transparent)}.rcard-char .nm,.rcard-char h3{font-family:var(--font-head);font-weight:400}.rcard-char .age{color:var(--card-tint,var(--primary));font-family:var(--font-body)}.rcard-persona{border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid color-mix(in srgb,var(--card-tint,var(--primary)) 50%,transparent);color:var(--ink);text-transform:none;font-size:.66rem}.rcard-live{border-radius:var(--r-pill);background:var(--accent);color:#06110f;text-transform:uppercase;font-weight:700;font-size:.6rem}.rcard-char .chip-row li{border-color:color-mix(in srgb,var(--card-tint,var(--primary)) 30%,var(--border));font-size:.68rem}.rcard-stats{color:var(--ink-muted);font-family:var(--font-body)}.roster-tabs{gap:var(--s1)}.roster-tab{border-radius:var(--r-pill);border:1px solid var(--border);min-height:44px;padding-inline:16px;text-transform:none;font-family:var(--font-body);font-size:.8rem;color:var(--ink-muted);display:inline-flex;align-items:center;gap:8px}.roster-tab:before{content:"";flex:0 0 7px;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--accent)}.roster-tab:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 45%,transparent)}.roster-tab.is-active{background:color-mix(in srgb,var(--primary) 16%,transparent);border-color:color-mix(in srgb,var(--primary) 60%,transparent);color:var(--ink)}.roster-tab.is-active:before{background:var(--primary);border-color:var(--primary)}.stats{gap:var(--s3)}.stats>div{border-radius:var(--r-card);border:1px solid var(--border);background:var(--card-bg);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);padding:var(--s4) var(--s3);min-width:0}.stats .num{display:inline-block;font-family:var(--font-head);font-weight:400;background:var(--g-full);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stats .lbl{color:var(--ink-muted);font-family:var(--font-body);letter-spacing:.02em}.fcard{border-radius:var(--r-card);border:1px solid var(--border);background:var(--card-bg);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);min-width:0;overflow:hidden;padding:clamp(20px,2.4vw,26px);transition:border-color .25s ease}.fcard:hover{border-color:color-mix(in srgb,var(--primary) 50%,transparent)}.fcard .ico{border-radius:var(--r-tile);background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.fcard h3{font-family:var(--font-head);font-weight:400;font-size:1.16rem}.scene-card{border-radius:var(--r-card);overflow:hidden;min-width:0;border:1px solid var(--border);background:var(--card-bg)}.scene-card:hover{border-color:color-mix(in srgb,var(--primary) 52%,transparent)}.scene-tag{border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 84%,transparent);border:1px solid color-mix(in srgb,var(--bridge) 52%,transparent);color:var(--bridge);text-transform:none;font-size:.68rem}.scene-body h3{font-family:var(--font-head);font-weight:400}.steps-pin-list>.step{border-top-color:var(--border)}.steps-pin-list>.step .n{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);color:var(--ink-muted)}.steps-pin-list>.step .n:before{content:"";flex:0 0 7px;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--accent)}.steps-pin-list>.step.on .n{color:var(--primary)}.steps-pin-list>.step.on .n:before{background:var(--primary);border-color:var(--primary)}.steps-pin-list>.step h3{font-family:var(--font-head);font-weight:400}.steps-pin-dots li.on{background:var(--primary)}.stepgrid .step .n{color:var(--primary)}.prose .lead{font-family:var(--font-head);font-weight:400;font-size:clamp(1.16rem,2.1vw,1.4rem);color:var(--ink);line-height:1.4}.prose p{line-height:1.68}.prose strong{color:var(--ink);font-weight:600;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--primary) 60%,transparent);text-decoration-color:color-mix(in srgb,var(--primary) 60%,transparent);text-decoration-thickness:1px;text-underline-offset:3px}.pcbox{border-radius:var(--r-card);border:1px solid var(--border);background:var(--card-bg);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);min-width:0;overflow:hidden;padding:clamp(20px,2.4vw,26px)}.pcbox h3{font-family:var(--font-head);font-weight:400}.pcbox.pros{border-color:color-mix(in srgb,var(--ok) 26%,transparent)}.pcbox.pros li svg{color:var(--ok)}.pcbox.cons{border-color:color-mix(in srgb,var(--bridge) 30%,transparent)}.pcbox.cons li svg{color:var(--bridge)}.checklist li svg{color:var(--accent)}.tcard{border-radius:var(--r-card);border:1px solid var(--border);background:var(--card-bg);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);min-width:0;overflow:hidden}.tcard blockquote p{font-family:var(--font-body)}.tcard figcaption b{color:var(--ink);font-family:var(--font-head);font-weight:400}.stars{color:var(--bridge)}.rcard{border-radius:var(--r-card);border:1px solid var(--border);background:var(--card-bg);min-width:0;overflow:hidden;transition:border-color .25s ease,transform .25s ease}.rcard:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 52%,transparent)}.rcard .k{color:var(--primary);text-transform:none}.rcard h3{font-family:var(--font-head);font-weight:400}.faq-item{border-radius:var(--r-card);border:1px solid var(--border);background:var(--card-bg);overflow:hidden}.faq-item summary{min-height:56px}.faq-num{color:var(--primary)}.faq-num,.faq-q-text{font-family:var(--font-head);font-weight:400}.faq-q-text{font-size:1.05rem}.faq-arrow{color:var(--accent)}.faq-answer{font-family:var(--font-body)}.final-grid{border-radius:var(--r-card);border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));background:linear-gradient(104deg,color-mix(in srgb,var(--primary) 15%,transparent),transparent 62%),var(--card-bg);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);overflow:hidden;min-width:0}.final-media .slot{border-radius:var(--r-tile)}.footer{border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-alt) 48%,transparent)}.foot-grid h2{text-transform:none;font-family:var(--font-body);font-size:.74rem;font-weight:600}.foot-col a:hover,.foot-grid h2{color:var(--primary)}.foot-brand p{color:var(--ink-muted)}.floating-cta{background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-top:1px solid color-mix(in srgb,var(--primary) 34%,var(--border))}.fc-pitch{font-family:var(--font-body)}.cmp,.ice{min-width:0}.ice-chip{border-radius:var(--r-pill);border:1px solid color-mix(in srgb,var(--primary) 32%,var(--border));background:color-mix(in srgb,var(--surface-alt) 60%,transparent);color:var(--ink);font-family:var(--font-body);min-height:44px;letter-spacing:0;text-transform:none}.ice-chip:hover{border-color:var(--primary);color:var(--primary)}.ice-chip.is-picked{background:color-mix(in srgb,var(--primary) 20%,transparent);border-color:var(--primary);color:var(--ink)}.ice-thread{border-radius:var(--r-card);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 52%,transparent)}.ice-bubble{font-family:var(--font-body);border-radius:var(--r-tile)}.ice-bubble--you{background:color-mix(in srgb,var(--primary) 22%,transparent);border:1px solid color-mix(in srgb,var(--primary) 40%,transparent);color:var(--ink)}.ice-bubble--her{background:color-mix(in srgb,var(--accent) 15%,var(--surface-alt));border:1px solid color-mix(in srgb,var(--accent) 42%,transparent)}.ice-dots i{background:var(--accent)}.ice-empty{color:var(--ink-muted)}.cmp-both-lab,.cmp-count,.cmp-lab{letter-spacing:.04em;font-family:var(--font-body)}.cmp-name{font-weight:400}.cmp-pill{border-radius:var(--r-pill);font-family:var(--font-body);letter-spacing:0}.cmp-pill--both{border-color:color-mix(in srgb,var(--accent) 52%,transparent);color:var(--ink);background:color-mix(in srgb,var(--accent) 14%,transparent)}.cmp-both-num{display:inline-block;background:var(--g-warm);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--primary)}.cmp-face-name{font-family:var(--font-body)}.cmp-face{border-radius:50%;min-height:44px;border:1px solid transparent}.cmp-face .slot{border:2px solid transparent}.cmp-face.is-on .slot{border-color:var(--card-tint,var(--primary));box-shadow:0 0 0 1px color-mix(in srgb,var(--card-tint,var(--primary)) 50%,transparent),0 12px 30px -14px color-mix(in srgb,var(--card-tint,var(--primary)) 78%,transparent)}.block-slot,.cmp-both,.cmp-card{border-radius:var(--r-card);min-width:0;overflow:hidden}.block-slot{border:1px solid var(--border);background:var(--card-bg);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);padding:clamp(18px,2.6vw,28px)}@media (max-width:900px){.hero-bleed-mock .tr{max-width:340px;margin-inline:auto}.hero-bleed-mock,.hero-note{margin-top:14px}}@media (max-width:640px){.fgrid,.pc-grid,.related,.stats,.steps-pin,.tgrid{grid-template-columns:1fr}.band{padding-block:clamp(34px,8vw,52px)}.tr{padding:var(--s3) var(--s3) var(--s3)}.head h2{font-size:clamp(1.5rem,6.4vw,1.95rem)}}@media (prefers-reduced-motion:reduce){body:before{animation:none}.btn-primary:hover,.rcard-char:hover,.rcard:hover{transform:none}}