:root{--r-card:14px;--r-tile:10px;--hot:var(--accent);--cold:var(--primary);--cold-ink:color-mix(in srgb,var(--primary) 52%,var(--ink));--rose-ink:color-mix(in srgb,var(--bridge) 66%,var(--ink));--gilt:linear-gradient(100deg,var(--hot),var(--bridge) 54%,var(--cold))}body:before{content:"";position:fixed;inset:-20% -10% auto -10%;height:130%;z-index:0;pointer-events:none;background:radial-gradient(38% 30% at 80% 4%,color-mix(in srgb,var(--hot) 18%,transparent),transparent 70%),radial-gradient(42% 36% at 8% 26%,color-mix(in srgb,var(--cold) 20%,transparent),transparent 72%),radial-gradient(40% 34% at 54% 102%,color-mix(in srgb,var(--bridge) 12%,transparent),transparent 72%);filter:blur(150px) saturate(1.3);animation:orb-drift 22s ease-in-out infinite alternate}@keyframes orb-drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}body{background:radial-gradient(60% 40% at 82% 0,color-mix(in srgb,var(--hot) 6%,transparent),transparent 66%),radial-gradient(52% 44% at 4% 22%,color-mix(in srgb,var(--cold) 7%,transparent),transparent 70%),var(--surface)}.final-grid h2,.head h2,.hero-title{font-weight:800;letter-spacing:-.02em;line-height:1.04}.hero-title em,h2 em{display:inline-block;font-style:italic;font-weight:800;background:linear-gradient(102deg,var(--hot) 8%,var(--bridge) 54%,var(--cold) 98%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--hot) 40%,transparent))}.hero-sub{color:var(--ink);font-size:clamp(1.12rem,1.5vw,1.24rem)}.chip-row li,.crumbs,.foot-bottom,.mock-tags li,.online-kicker,.rail-lbl,.rcard-live,.rcard-persona,.rcard-stats,.rules-kicker,.scene-tag,.slabel,.step .n,.vip-honesty,.vip-lock,.vip-seal{letter-spacing:.04em}.slabel{align-items:center;gap:11px}.slabel:before{content:"";width:9px;height:9px;flex:0 0 9px;transform:rotate(45deg);border-radius:2px;background:var(--hot);box-shadow:0 0 0 3px color-mix(in srgb,var(--hot) 20%,transparent),0 0 12px color-mix(in srgb,var(--hot) 55%,transparent)}main>.band:nth-of-type(odd) .slabel b{color:var(--hot)}main>.band:nth-of-type(2n) .slabel b{color:var(--cold-ink)}main>.band:nth-of-type(2n) .slabel:before{background:var(--cold);box-shadow:0 0 0 3px color-mix(in srgb,var(--cold) 22%,transparent),0 0 12px color-mix(in srgb,var(--cold) 55%,transparent)}.slabel .rule{background:color-mix(in srgb,var(--bridge) 44%,transparent)}.btn{border-radius:999px;font-weight:700;letter-spacing:.005em}.btn-primary{background:linear-gradient(116deg,var(--hot),color-mix(in srgb,var(--hot) 68%,var(--bridge)));border:0;color:var(--surface);box-shadow:0 2px 14px color-mix(in srgb,var(--hot) 42%,transparent),0 12px 46px color-mix(in srgb,var(--hot) 20%,transparent)}.btn-primary:hover{background:linear-gradient(116deg,color-mix(in srgb,var(--hot) 92%,#fff),var(--hot));box-shadow:0 2px 18px color-mix(in srgb,var(--hot) 58%,transparent),0 14px 54px color-mix(in srgb,var(--hot) 28%,transparent)}.btn-ghost{background:var(--cold);border:0;color:var(--ink);font-weight:700}.btn-ghost:hover{background:color-mix(in srgb,var(--cold) 84%,var(--ink));color:var(--ink)}.rail{background:color-mix(in srgb,var(--surface) 86%,transparent);border-right:1px solid color-mix(in srgb,var(--bridge) 20%,transparent)}.rail-list a.is-here,.rail-list a:hover{color:var(--ink);border-color:color-mix(in srgb,var(--hot) 34%,transparent);background:color-mix(in srgb,var(--hot) 10%,transparent)}.rail-lbl{font-size:.6rem;color:var(--ink-muted)}.brand-mark,.rail-brand .brand-mark{border-color:color-mix(in srgb,var(--hot) 55%,transparent);color:var(--hot);background:color-mix(in srgb,var(--hot) 12%,transparent)}.hero-bleed-scrim{background:linear-gradient(90deg,var(--surface) 0,color-mix(in srgb,var(--surface) 82%,transparent) 44%,transparent 74%),linear-gradient(0deg,var(--surface) 0,color-mix(in srgb,var(--surface) 55%,transparent) 24%,transparent 56%),radial-gradient(52% 60% at 80% 24%,color-mix(in srgb,var(--hot) 12%,transparent),transparent 70%)}.hero-bleed-media:before{content:"";position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(0deg,color-mix(in srgb,var(--hot) 18%,transparent),transparent);pointer-events:none;z-index:1}.hero-faces-note{color:var(--ink-muted)}.hero-face-dot{background:var(--cold);box-shadow:0 0 8px color-mix(in srgb,var(--cold) 70%,transparent)}.hero-face-ring{background:conic-gradient(from 220deg,var(--hot),var(--bridge),var(--cold),var(--hot));padding:2px;border-radius:50%;display:block}.hero-face-ring .slot{border:2px solid var(--surface)}.mock.vip{background:transparent;border:0;overflow:visible;display:grid;grid-gap:10px;gap:10px;max-width:332px}.hero-bleed-mock .mock.vip{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.vip-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.vip-brand{font-family:var(--font-head);font-weight:700;font-size:.92rem;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vip-presence{flex:0 0 auto;font-size:.72rem;font-weight:600;color:var(--cold-ink)}.vip-tile{margin:0;border-radius:var(--r-card);overflow:hidden;border:1px solid color-mix(in srgb,var(--hot) 36%,transparent);background:var(--surface-alt);box-shadow:0 1px 12px color-mix(in srgb,var(--hot) 32%,transparent),0 16px 52px color-mix(in srgb,var(--hot) 15%,transparent)}.vip-media,.vip-tile{position:relative}.vip-media.is-locked .slot img{filter:blur(22px) saturate(1.05) brightness(.66);transform:scale(1.1)}.vip-lock{position:absolute;inset:0;display:grid;place-items:center;font-size:.82rem;font-weight:700;color:var(--ink);background:color-mix(in srgb,var(--surface) 34%,transparent)}.vip-lock,.vip-seal{z-index:2;text-transform:uppercase}.vip-seal{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:7px;font-size:.62rem;font-weight:800;padding:5px 11px 5px 9px;border-radius:999px;color:var(--surface);background:linear-gradient(110deg,var(--hot),color-mix(in srgb,var(--hot) 66%,var(--bridge)));box-shadow:0 2px 10px color-mix(in srgb,var(--hot) 45%,transparent)}.vip-seal:before{content:"";width:8px;height:8px;flex:0 0 8px;transform:rotate(45deg);border-radius:2px;background:var(--surface);opacity:.85}.vip-chat{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:grid;grid-gap:6px;gap:6px}.vip-her,.vip-you{margin:0;font-size:.82rem;line-height:1.34;padding:7px 11px;border-radius:var(--r-tile);width:-moz-fit-content;width:fit-content;max-width:92%;-webkit-backdrop-filter:blur(20px) saturate(1.9);backdrop-filter:blur(20px) saturate(1.9)}.vip-you{margin-left:auto;background:color-mix(in srgb,var(--cold) 44%,var(--surface));border-bottom-right-radius:4px;color:var(--ink)}.vip-her{background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px solid color-mix(in srgb,var(--hot) 28%,transparent);border-bottom-left-radius:4px;color:var(--ink)}.vip-her b{color:var(--hot);margin-right:5px}.vip-typing{display:inline-flex;align-items:center;gap:4px}.vip-typing i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--hot);animation:vip-blink 1.1s ease-in-out infinite}.vip-typing i:nth-child(3){animation-delay:.18s}.vip-typing i:nth-child(4){animation-delay:.36s}@keyframes vip-blink{0%,to{opacity:.25}50%{opacity:1}}.vip-honesty{display:block;padding:9px 13px 11px;font-size:.64rem;text-transform:uppercase;color:var(--cold-ink);background:color-mix(in srgb,var(--surface) 70%,transparent)}.vip-tile:not(:has(.vip-honesty)) .vip-media{opacity:.05}.vip-composer{display:flex;align-items:center;gap:8px;padding:7px 7px 7px 14px;border-radius:999px;background:color-mix(in srgb,var(--surface-alt) 74%,transparent);-webkit-backdrop-filter:blur(42px) saturate(2);backdrop-filter:blur(42px) saturate(2);border:1px solid color-mix(in srgb,var(--bridge) 24%,transparent);min-width:0}.vip-input{flex:1 1 auto;min-width:0;font-size:.82rem;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vip-send{flex:0 0 auto;font-size:.78rem;font-weight:800;color:var(--surface);background:var(--hot);padding:8px 16px;border-radius:999px}.rcard-char{border-radius:var(--r-card);overflow:hidden;border-color:color-mix(in srgb,var(--card-tint,var(--hot)) 26%,transparent);transition:box-shadow .25s ease,transform .25s ease}.rcard-char:hover{transform:translateY(-3px);box-shadow:0 2px 12px color-mix(in srgb,var(--card-tint,var(--hot)) 28%,transparent),0 18px 48px color-mix(in srgb,var(--card-tint,var(--hot)) 13%,transparent)}.rcard-media{position:relative}.rcard-media:after{content:"";position:absolute;inset:56% 0 0 0;background:linear-gradient(0deg,color-mix(in srgb,var(--card-tint,var(--hot)) 24%,var(--surface)) 0,transparent 100%);pointer-events:none}.rcard-live{background:var(--cold);color:var(--ink)}.rcard-persona{color:var(--ink);background:color-mix(in srgb,var(--surface) 74%,transparent);border-color:color-mix(in srgb,var(--bridge) 30%,transparent)}.roster-tab{border-radius:999px}.roster-tab.is-active{background:var(--hot);border-color:transparent;color:var(--surface)}.scene-card{border-radius:var(--r-card);overflow:hidden;border-color:color-mix(in srgb,var(--card-tint,var(--hot)) 32%,transparent)}.scene-tag{background:var(--card-tint,var(--hot));color:var(--surface);border-radius:999px}.dial-say,.fcard,.ice-thread,.pcbox,.rules-item,.rules-list>li,.step,.tcard{border-radius:var(--r-card)}.chip-row li,.mock-tags li{border-radius:999px}.fcard{background:color-mix(in srgb,var(--surface-alt) 64%,transparent);border-color:color-mix(in srgb,var(--bridge) 18%,transparent)}.fgrid .fcard:nth-child(odd) .ico{color:var(--hot);border-color:color-mix(in srgb,var(--hot) 42%,transparent)}.fgrid .fcard:nth-child(2n) .ico{color:var(--cold-ink);border-color:color-mix(in srgb,var(--cold) 42%,transparent)}.band.panel{background:radial-gradient(70% 90% at 10% 0,color-mix(in srgb,var(--hot) 7%,transparent),transparent 60%),radial-gradient(60% 80% at 94% 100%,color-mix(in srgb,var(--cold) 8%,transparent),transparent 62%),color-mix(in srgb,var(--surface-alt) 42%,transparent)}.stats{border-radius:var(--r-card);overflow:hidden}.stats>div:nth-child(odd) .num{color:var(--hot)}.stats>div:nth-child(2n) .num{color:var(--cold-ink)}.steps-pin-list>.step{border-top:0;padding-left:22px;position:relative}.steps-pin-list>.step:before{content:"";position:absolute;left:0;top:30px;bottom:30px;width:3px;border-radius:2px;background:color-mix(in srgb,var(--border) 70%,transparent)}.steps-pin-list>.step.on:before{background:var(--gilt);box-shadow:0 0 12px color-mix(in srgb,var(--hot) 48%,transparent)}.steps-pin-list>.step .n{font-weight:700}.steps-pin-list>.step:nth-child(odd).on .n{color:var(--hot)}.steps-pin-list>.step:nth-child(2n).on .n{color:var(--cold-ink)}.steps-pin-dots li.on{background:var(--hot)}.ice-chip,.ice-prompts button{border-radius:999px;border:1px solid color-mix(in srgb,var(--cold) 40%,transparent);color:var(--cold-ink);min-height:44px;cursor:pointer}.ice-chip:hover,.ice-prompts button:hover{color:var(--ink);border-color:var(--hot);background:color-mix(in srgb,var(--hot) 10%,transparent)}.ice-chip.is-picked{color:var(--surface);background:var(--hot);border-color:transparent}.ice-thread{background:color-mix(in srgb,var(--surface-alt) 60%,transparent);border-color:color-mix(in srgb,var(--bridge) 20%,transparent)}.ice-bubble--you{background:color-mix(in srgb,var(--cold) 42%,var(--surface-alt));color:var(--ink)}.ice-bubble--her{background:color-mix(in srgb,var(--hot) 20%,var(--surface-alt));color:var(--ink)}.dial-chip{border-radius:999px;min-height:44px;cursor:pointer;border:1px solid color-mix(in srgb,var(--cold) 40%,transparent);color:var(--cold-ink)}.dial-chip:hover{color:var(--ink);border-color:var(--hot)}.dial-chip.is-on{color:var(--surface);background:var(--hot);border-color:transparent}.dial-say{border:1px solid color-mix(in srgb,var(--hot) 26%,transparent);background:color-mix(in srgb,var(--surface-alt) 62%,transparent)}.dial-line em{font-style:normal}.dial-line em,.rules-mark{color:var(--hot)}.rules-item,.rules-list>li{background:color-mix(in srgb,var(--surface-alt) 58%,transparent);border:1px solid color-mix(in srgb,var(--bridge) 18%,transparent)}.faq-q-text{font-weight:700}.faq-num{color:var(--hot)}.prose .lead{color:var(--ink)}.pros h3{color:var(--cold-ink)}.cons h3{color:var(--ink-muted)}.rcard .k{color:var(--rose-ink)}.foot-col a:hover{color:var(--hot)}.hero-face-name,.hero-faces-note,.rcard-stats,.vip-presence{color:var(--ink-muted)}@media (max-width:900px){.mock.vip{max-width:322px}}@media (prefers-reduced-motion:reduce){.vip-typing i,body:before{animation:none}.vip-typing i{opacity:1}}