:root{--r-card:16px;--r-tile:12px;--glass:blur(44px) saturate(2) brightness(1.09);--glass-fill:color-mix(in srgb,var(--surface-alt) 62%,transparent);--edge:7px 7px 0 -1px color-mix(in srgb,var(--primary) 26%,transparent);--edge-warm:6px 6px 0 -1px color-mix(in srgb,var(--bridge) 22%,transparent);--glow:0 0 0 1px color-mix(in srgb,var(--accent) 42%,transparent),0 10px 34px -10px color-mix(in srgb,var(--accent) 40%,transparent),0 22px 70px -24px color-mix(in srgb,var(--accent) 26%,transparent)}.cmp-both-lab,.cmp-count,.cmp-lab,.gr-tag,.rs-tag{font-family:var(--font-body);letter-spacing:.04em}.chip-row li,.crumbs,.foot-col h4,.hero-note,.rcard-char .age,.rcard-persona,.rcard-stats,.related .k,.roster-tab,.scene-tag,.slabel,.stats .lbl,.stepgrid .step .n,.steps-pin-list>.step .n,.tease-veil-text{letter-spacing:.04em}.slabel b{color:var(--accent);font-weight:600}.slabel .rule{background:linear-gradient(90deg,var(--accent),transparent)}.slabel.mid b{color:var(--bridge)}.slabel.mid .rule{background:linear-gradient(90deg,var(--bridge),transparent)}.slabel.warm b{color:var(--bridge)}.slabel.warm .rule{background:linear-gradient(90deg,var(--bridge),transparent)}.roster-tab.is-active,.tease-ask{background:var(--accent);color:var(--surface);border-color:transparent}.cmp-count{color:var(--accent)}.hero-note svg{color:var(--bridge)}.steps-pin-dots li.on{background:var(--accent)}body:before{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(44% 38% at 16% 8%,color-mix(in srgb,var(--primary) 46%,transparent),transparent 68%),radial-gradient(38% 34% at 88% 26%,color-mix(in srgb,var(--bridge) 26%,transparent),transparent 70%),radial-gradient(50% 42% at 62% 96%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 72%);filter:blur(150px);animation:drift-field 26s ease-in-out infinite alternate}@keyframes drift-field{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.06)}}.backdrop{opacity:.44}.cmp-both,.cmp-card,.fcard,.panel,.pcbox,.rcard,.rcard-char,.scene-card,.stats,.tcard,.tease-frame{background:var(--glass-fill);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}.cmp-both,.cmp-card,.fcard,.pcbox,.rcard,.rcard-char,.scene-card,.stats,.tcard,.tease-frame{border-radius:var(--r-card);box-shadow:var(--edge);transition:box-shadow .24s ease,transform .24s ease,border-color .24s ease}.fcard:before,.lv-mock:before,.rcard-char:before,.scene-card:before,.tcard:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(136deg,color-mix(in srgb,var(--bridge) 62%,transparent),color-mix(in srgb,var(--primary) 34%,transparent) 38%,transparent 72%);-webkit-mask:linear-gradient(var(--ink) 0 0) content-box,linear-gradient(var(--ink) 0 0);mask:linear-gradient(var(--ink) 0 0) content-box,linear-gradient(var(--ink) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}.fcard,.lv-mock,.rcard-char,.scene-card,.tcard{position:relative}.fcard:hover,.rcard-char:hover,.rcard:hover,.scene-card:hover{transform:translate(-2px,-2px);box-shadow:11px 11px 0 -1px color-mix(in srgb,var(--primary) 32%,transparent);border-color:color-mix(in srgb,var(--bridge) 42%,transparent)}.slot{border-radius:var(--r-tile)}.rcard-media .slot,.scene-card .slot{border-radius:var(--r-card) var(--r-card) 0 0}.slabel .rule{position:relative;width:40px}.slabel .rule:after{content:"";position:absolute;left:4px;top:4px;width:100%;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--bridge) 55%,transparent),transparent)}.hero-title,h1,h2,h3{font-weight:800}.hero-title{letter-spacing:-.04em}.hero-title em{font-style:normal;color:var(--accent);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 46%,transparent))}.hero-sub{font-size:1.16rem;color:var(--ink-muted);max-width:40ch}.head h2{letter-spacing:-.035em}.head p{max-width:44ch}.stats .num{font-weight:800;color:var(--accent)}.btn{border-radius:999px;padding:16px 28px;min-height:48px}.btn-primary{box-shadow:var(--glow)}.btn-primary:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent),0 12px 40px -8px color-mix(in srgb,var(--accent) 52%,transparent),0 26px 80px -22px color-mix(in srgb,var(--accent) 30%,transparent)}.btn-ghost{border-color:color-mix(in srgb,var(--bridge) 38%,transparent)}.btn-ghost:hover{border-color:var(--bridge);background:color-mix(in srgb,var(--bridge) 12%,transparent)}.chip-row li,.cmp-pill,.mock-tags li,.roster-tab{border-radius:999px}.hero-faces{margin:22px 0 2px;gap:10px}.hero-faces-row{gap:14px}.hero-faces-row a{width:92px;color:var(--ink)}.hero-face-ring{width:84px;padding:3px;border-radius:50%;background:conic-gradient(from 200deg,var(--primary),var(--bridge) 34%,var(--accent) 66%,var(--primary));box-shadow:0 8px 26px -12px color-mix(in srgb,var(--primary) 70%,transparent)}.hero-face-ring .slot{width:100%;aspect-ratio:1/1;border-radius:50%;border:2px solid var(--surface)}.hero-face-name{font-size:.84rem;font-weight:600}.hero-faces-note{font-size:.86rem;color:var(--ink-muted)}.hero-note{font-size:.78rem}.mock{max-width:372px;border-radius:var(--r-card);background:var(--glass-fill);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-color:color-mix(in srgb,var(--bridge) 26%,transparent);box-shadow:var(--edge),0 30px 80px -40px color-mix(in srgb,var(--primary) 90%,transparent)}.lv-face{position:relative;min-width:0}.lv-face .slot{border-radius:var(--r-card) var(--r-card) 0 0}.lv-plate{position:absolute;left:14px;right:14px;bottom:12px;z-index:3;margin:0;display:flex;align-items:baseline;gap:10px;min-width:0;padding:9px 14px;border-radius:999px;background:color-mix(in srgb,var(--surface) 74%,transparent);backdrop-filter:blur(14px) saturate(1.8);-webkit-backdrop-filter:blur(14px) saturate(1.8);border:1px solid color-mix(in srgb,var(--bridge) 34%,transparent)}.lv-plate b{font-family:var(--font-head);font-weight:800;font-size:1.02rem;letter-spacing:-.02em;white-space:nowrap}.lv-plate span{font-size:.78rem;color:var(--accent);margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.lv-face:after{content:"";position:absolute;inset:auto 0 0 0;height:42%;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface) 82%,transparent))}.lv-talk{list-style:none;margin:0;padding:16px 16px 4px;display:grid;grid-gap:8px;gap:8px;justify-items:start}.lv-talk li{max-width:88%;padding:11px 15px;border-radius:var(--r-card);font-size:.95rem;line-height:1.45;min-width:0;overflow-wrap:break-word}.lv-hers{border-bottom-left-radius:5px;color:var(--ink);background:color-mix(in srgb,var(--primary) 26%,transparent);border:1px solid color-mix(in srgb,var(--primary) 46%,transparent)}.lv-mine{justify-self:end;border-bottom-right-radius:5px;color:var(--surface);font-weight:500;background:var(--accent);border:1px solid transparent}.lv-foot{display:flex;gap:12px;padding:12px 16px 16px}.lv-act,.lv-foot{align-items:center;min-width:0}.lv-act{flex:1 1 auto;min-height:44px;display:inline-flex;justify-content:center;padding:12px 18px;border-radius:999px;font-family:var(--font-head);font-weight:700;font-size:.95rem;color:var(--surface);background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent),0 12px 34px -14px color-mix(in srgb,var(--accent) 60%,transparent)}.lv-back{display:flex;flex:0 0 auto}.lv-back .lv-back-av{width:34px;flex:0 0 34px;border:2px solid var(--surface-alt);border-radius:50%}.lv-back .lv-back-av+.lv-back-av{margin-left:-12px}.band{border-top:1px solid color-mix(in srgb,var(--bridge) 20%,transparent)}.band.panel{border-top-color:color-mix(in srgb,var(--primary) 34%,transparent)}.stats{overflow:hidden}.stats>div{border-right-color:color-mix(in srgb,var(--bridge) 18%,transparent)}.steps-pin-list>.step{border-top-color:color-mix(in srgb,var(--bridge) 18%,transparent);padding-inline:clamp(18px,2vw,26px);border-radius:var(--r-card)}.steps-pin-list>.step.on{background:color-mix(in srgb,var(--surface-alt) 46%,transparent);box-shadow:var(--edge-warm);border-left:2px solid var(--accent)}.stepgrid .step .n,.steps-pin-list>.step .n{color:var(--bridge);font-weight:600}.steps-pin-list>.step.on .n{color:var(--accent)}.rcard-char{border-color:color-mix(in srgb,var(--card-tint,var(--bridge)) 24%,transparent);box-shadow:7px 7px 0 -1px color-mix(in srgb,var(--card-tint,var(--primary)) 24%,transparent)}.rcard-char h3{font-weight:800}.rcard-persona{border-radius:999px;color:var(--ink);background:color-mix(in srgb,var(--surface) 72%,transparent);border-color:color-mix(in srgb,var(--card-tint,var(--bridge)) 55%,transparent)}.rcard-char .age{color:var(--accent)}.rcard-char .chip-row li{border-color:color-mix(in srgb,var(--card-tint,var(--bridge)) 34%,transparent);color:var(--ink-muted)}.roster-tabs{gap:10px}.tease-frame{border-color:color-mix(in srgb,var(--card-tint,var(--bridge)) 40%,transparent)}.tease-veil{background:color-mix(in srgb,var(--surface) 62%,transparent)}.tease-veil-text{color:var(--ink);padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid color-mix(in srgb,var(--bridge) 36%,transparent)}.cmp-both-num,.tease-who{font-weight:800}.cmp-both-num{color:var(--accent);filter:drop-shadow(0 0 16px color-mix(in srgb,var(--accent) 34%,transparent))}.cmp-face.is-on .slot{outline:2px solid var(--card-tint,var(--accent));outline-offset:2px}.cmp-pill--both{background:color-mix(in srgb,var(--accent) 20%,transparent)}.scene-tag{border-radius:999px;background:color-mix(in srgb,var(--surface) 74%,transparent);border:1px solid color-mix(in srgb,var(--card-tint,var(--bridge)) 48%,transparent);color:var(--ink)}.scene-card h3{font-weight:800}.prose .lead{font-size:1.2rem;color:var(--ink);max-width:46ch}.pcbox.pros li svg{color:var(--accent)}.pcbox.cons li svg{color:var(--bridge)}.checklist li,.faq-item{border-radius:var(--r-card)}.related .k{color:var(--accent)}.fc-bar,.fc-btn{border-radius:999px}.foot-col h4{color:var(--bridge)}@media (min-width:901px){.steps-pin-mock .mock{max-width:336px}}@media (max-width:640px){.mock{max-width:340px}.hero-faces-row a{width:88px}.hero-face-ring{width:80px}.hero-sub{font-size:1.12rem}.lv-talk li{max-width:92%}.cmp-both,.cmp-card,.fcard,.pcbox,.rcard,.rcard-char,.scene-card,.stats,.tcard{box-shadow:4px 4px 0 -1px color-mix(in srgb,var(--primary) 22%,transparent)}}@media (prefers-reduced-motion:reduce){body:before{animation:none}}