:root{--r-card:16px;--r-tile:12px;--warm-soft:color-mix(in srgb,var(--accent) 16%,transparent);--cold-soft:color-mix(in srgb,var(--primary) 16%,transparent);--mount:color-mix(in srgb,var(--primary) 52%,transparent)}h1,h2,h3,h4{letter-spacing:-.015em}body{background:radial-gradient(52% 38% at 12% 6%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%),radial-gradient(46% 40% at 90% 22%,color-mix(in srgb,var(--primary) 7%,transparent),transparent 72%),var(--surface)}body:before{content:"";position:fixed;inset:-12%;z-index:0;pointer-events:none;filter:blur(150px);background:radial-gradient(320px 300px at 16% 14%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 70%),radial-gradient(360px 330px at 86% 30%,color-mix(in srgb,var(--primary) 30%,transparent),transparent 70%),radial-gradient(300px 300px at 55% 92%,color-mix(in srgb,var(--bridge) 24%,transparent),transparent 72%);animation:orbs 26s ease-in-out infinite alternate}@keyframes orbs{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,3%,0) scale(1.07)}}.band{padding-block:clamp(52px,7vw,96px);position:relative}.panel{background:radial-gradient(80% 120% at 85% 0,var(--cold-soft),transparent 60%),color-mix(in srgb,var(--surface-alt) 68%,transparent)}.head h2{position:relative;padding-top:14px}.head h2:before{content:"";position:absolute;top:0;left:0;width:26px;height:6px;border-radius:999px;background:radial-gradient(circle 3px at 3px 3px,var(--primary) 97%,transparent),radial-gradient(circle 3px at 15px 3px,var(--accent) 97%,transparent);background-repeat:no-repeat}.slabel .rule{width:44px;position:relative}.slabel .rule:after{content:"";position:absolute;right:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--primary)}.slabel.warm .rule:after{background:var(--accent)}.slabel.mid .rule:after{background:var(--bridge)}.final-media .slot:after,.rcard-media .slot:after,.roster figure .slot:after,.scene-card>.slot:after,.win-frame .slot:after{content:"";position:absolute;inset:9px;border:1px solid var(--mount);border-radius:calc(var(--r-tile) - 5px);pointer-events:none}.slot{border-radius:var(--r-tile)}.fcard,.mock,.pcbox,.rcard,.rcard-char,.scene-card,.tcard{border-radius:var(--r-card)}.mock.win:not(:has(.win-still)) .win-frame .slot{filter:grayscale(1) brightness(.12)}.mock.win:not(:has(.win-still)) .win-plate{visibility:hidden}.hero-face-dot{background:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--surface) 85%,transparent)}.rcard-live{background:var(--primary);color:var(--surface)}.mock.win{max-width:320px;background:color-mix(in srgb,var(--surface-alt) 72%,transparent);backdrop-filter:blur(44px) saturate(2) brightness(1.08);-webkit-backdrop-filter:blur(44px) saturate(2) brightness(1.08);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);padding:14px 14px 16px}.win-chrome{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 2px 12px}.win-screen{font-family:var(--font-head);font-weight:600;font-size:.95rem;color:var(--ink)}.win-name{font-family:var(--font-body);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bridge)}.win-frame{position:relative;border-radius:var(--r-tile);overflow:hidden}.win-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:.58rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:999px;line-height:1}.win-tag i{width:5px;height:5px;border-radius:50%;flex:0 0 auto}.win-still{position:absolute;top:10px;left:10px;z-index:2;background:color-mix(in srgb,var(--surface) 78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:color-mix(in srgb,var(--primary) 88%,var(--ink));border:1px solid color-mix(in srgb,var(--primary) 34%,transparent)}.win-still i{background:var(--primary)}.win-plate{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;margin:0;padding:8px 11px;border-radius:999px;font-family:var(--font-body);font-size:.72rem;font-weight:500;color:var(--ink);background:color-mix(in srgb,var(--surface) 74%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);width:-moz-fit-content;width:fit-content}.win-live{position:relative;margin-top:12px;display:grid;grid-gap:6px;gap:6px;justify-items:start}.win-livetag{background:var(--warm-soft);color:color-mix(in srgb,var(--accent) 90%,var(--ink));border:1px solid color-mix(in srgb,var(--accent) 36%,transparent)}.win-livetag i{background:var(--accent)}.win-line{margin:0;padding:11px 14px;border-radius:4px var(--r-tile) var(--r-tile) var(--r-tile);font-size:.9rem;line-height:1.45;color:var(--ink);background:color-mix(in srgb,var(--accent) 10%,var(--surface-alt));border-left:2px solid var(--accent);animation:seam 2.6s ease-in-out infinite;min-height:40px;display:flex;align-items:center}@keyframes seam{0%,to{box-shadow:-1px 0 6px color-mix(in srgb,var(--accent) 34%,transparent),-2px 0 22px color-mix(in srgb,var(--accent) 10%,transparent)}50%{box-shadow:-1px 0 10px color-mix(in srgb,var(--accent) 52%,transparent),-2px 0 30px color-mix(in srgb,var(--accent) 18%,transparent)}}.win-dots{display:inline-flex;gap:5px}.win-dots i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:typing 1.1s ease-in-out infinite}.win-dots i:nth-child(2){animation-delay:.18s}.win-dots i:nth-child(3){animation-delay:.36s}@keyframes typing{0%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.win-open{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;min-height:46px;padding:13px 18px;border-radius:999px;font-family:var(--font-head);font-weight:700;font-size:.95rem;text-decoration:none;color:var(--surface);background:var(--accent);box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 38%,transparent),0 10px 34px color-mix(in srgb,var(--accent) 14%,transparent);transition:transform .18s ease,box-shadow .18s ease}.win-open:hover{transform:translateY(-1px);box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 48%,transparent),0 12px 40px color-mix(in srgb,var(--accent) 20%,transparent)}.win-note{display:flex;align-items:center;gap:7px;margin:9px 0 0;font-family:var(--font-body);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.win-note svg{color:var(--primary);flex:0 0 auto}.hero-title em{display:inline-block;font-style:normal;color:var(--accent);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 50%,transparent)) drop-shadow(0 0 28px color-mix(in srgb,var(--accent) 20%,transparent))}.hero-sub{color:color-mix(in srgb,var(--ink) 82%,var(--ink-muted))}.hero-faces-row .slot.round,.hero-faces-row .slot.round>img{border-radius:var(--r-tile)}.hero-faces-row .slot{width:clamp(58px,7vw,72px)}.hero-face-ring{display:inline-block;position:relative;border-radius:calc(var(--r-tile) + 3px);padding:3px;background:linear-gradient(160deg,var(--card-tint,var(--primary)),transparent 65%)}.hero-face-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%}.hero-face-name{font-size:.66rem;color:var(--ink-muted)}.hero-bleed-scrim{background:linear-gradient(90deg,var(--surface) 0,color-mix(in srgb,var(--surface) 84%,transparent) 44%,transparent 74%),linear-gradient(0deg,var(--surface) 0,color-mix(in srgb,var(--surface) 52%,transparent) 26%,transparent 60%)}.btn{border-radius:999px;min-height:46px}.btn-primary{box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 36%,transparent),0 12px 36px color-mix(in srgb,var(--accent) 13%,transparent)}.btn-ghost{border-color:color-mix(in srgb,var(--primary) 38%,transparent);color:color-mix(in srgb,var(--primary) 80%,var(--ink))}.btn-ghost:hover{border-color:var(--primary);background:var(--cold-soft)}.chip-row li{border-radius:999px;color:color-mix(in srgb,var(--ink) 78%,var(--ink-muted))}.chip-row li:nth-child(odd){border-color:color-mix(in srgb,var(--primary) 34%,transparent);background:color-mix(in srgb,var(--primary) 7%,transparent)}.chip-row li:nth-child(2n){border-color:color-mix(in srgb,var(--accent) 32%,transparent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.stats .num{font-family:var(--font-head);font-weight:700}.stats>div:nth-child(odd) .num{color:var(--primary)}.stats>div:nth-child(2n) .num{color:var(--accent)}.rcard-char{border:1px solid color-mix(in srgb,var(--card-tint,var(--primary)) 26%,transparent);background:color-mix(in srgb,var(--surface-alt) 82%,transparent);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.rcard-char:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-tint,var(--primary)) 55%,transparent);box-shadow:0 14px 34px color-mix(in srgb,var(--card-tint,var(--primary)) 12%,transparent)}.rcard-persona{background:color-mix(in srgb,var(--surface) 76%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);border:1px solid color-mix(in srgb,var(--card-tint,var(--bridge)) 40%,transparent)}.roster-tab{border-radius:999px;min-height:44px}.roster-tab.is-active{border-color:var(--accent);color:var(--ink);background:var(--warm-soft)}.scene-tag{border-radius:999px;background:color-mix(in srgb,var(--surface) 74%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:color-mix(in srgb,var(--accent) 85%,var(--ink))}.fcard{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-alt) 55%,transparent)}.fcard:nth-child(odd) .ico{color:var(--primary);background:var(--cold-soft);border-radius:999px}.fcard:nth-child(2n) .ico{color:var(--accent);background:var(--warm-soft);border-radius:999px}.mem-said,.reply-you{border-radius:var(--r-tile) var(--r-tile) 4px var(--r-tile)}.reply-bubble,.reply-bubble .reply-text{border-radius:4px var(--r-tile) var(--r-tile) var(--r-tile)}.reply-bubble{border-left:2px solid color-mix(in srgb,var(--card-tint,var(--accent)) 80%,transparent)}.reply-send{border-radius:999px;min-width:46px;min-height:46px;background:var(--accent);color:var(--surface)}.mem-back{border-left:2px solid var(--accent);border-radius:4px var(--r-tile) var(--r-tile) var(--r-tile)}.mem-later{color:var(--bridge)}.reply-ava .slot.round,.reply-ava .slot.round>img{border-radius:var(--r-tile)}.steps-pin-mock .mock.win{max-width:300px}.steps-pin-list>.step.on .n{color:var(--accent)}.steps-pin-list>.step .n{font-family:var(--font-body);letter-spacing:.06em}.steps-pin-dots li.on{background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,transparent)}.prose .lead{font-size:1.15rem;color:var(--ink)}.prose strong{color:color-mix(in srgb,var(--accent) 78%,var(--ink))}.pcbox.pros h3{color:var(--primary)}.pcbox.cons h3{color:var(--ink-muted)}.checklist li svg{color:var(--primary)}.rail{background:color-mix(in srgb,var(--surface) 90%,transparent);border-right:1px solid color-mix(in srgb,var(--primary) 16%,transparent)}.rail-list a:hover{color:var(--ink);background:var(--cold-soft)}.rail-cta .btn{border-radius:var(--r-tile);min-height:44px;font-size:.68rem;line-height:1.25;padding:10px 6px}.floating-cta{background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(40px) saturate(1.9) brightness(1.08);-webkit-backdrop-filter:blur(40px) saturate(1.9) brightness(1.08);border-top:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}.chip-row li,.hero-note,.mock-sub,.slabel,.step .n,.steps-pin-list>.step .n,.win-note,.win-tag{letter-spacing:.05em}@media (max-width:640px){.mock.win{max-width:100%}.win-line{font-size:.86rem}.hero-faces-row .slot{width:clamp(54px,15vw,68px)}}@media (prefers-reduced-motion:reduce){.win-line,body:before{animation:none}.win-line{box-shadow:-1px 0 6px color-mix(in srgb,var(--accent) 30%,transparent)}.win-dots i{animation:none;opacity:.7}}