:root{--ease: cubic-bezier(.22, 1, .36, 1);--fade: .48s}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Figtree,Segoe UI,system-ui,sans-serif;color:#3a2430;background:#f4e6eb}html[data-mode=impure] body{color:#f8e4ec}html[data-mode=brainwashing] body{color:#d7f6ff}html[data-mode=rose] body{color:#ffe6c4}.scene-root{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.scene{position:absolute;inset:0;opacity:0;transition:opacity var(--fade) var(--ease)}.scene.on{opacity:1}.pure-wash{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 18% 8%,rgba(255,220,230,.95),transparent 58%),linear-gradient(165deg,#fff6f8,#f3d5de)}.silk{position:absolute;top:-8%;bottom:-12%;width:22%;background:linear-gradient(95deg,transparent,rgba(232,160,180,.4),transparent);animation:sway 18s var(--ease) infinite alternate}.silk.a{left:-4%}.silk.b{left:20%}.silk.c{right:-4%;left:auto}.impure-wash{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 10% 0%,rgba(232,74,120,.42),transparent 55%),linear-gradient(180deg,#2a1018,#0a0508)}.drape{position:absolute;top:-10%;bottom:-15%;width:26%;background:linear-gradient(100deg,transparent,rgba(120,20,48,.55),transparent);animation:sway 14s var(--ease) infinite alternate}.drape.a{left:-8%}.drape.b{right:-6%;left:auto}.gold{position:absolute;inset:8% 10%;border:1px solid rgba(212,175,55,.35)}.fac-wash{position:absolute;inset:0;background:radial-gradient(ellipse 50% 40% at 50% 0%,rgba(62,224,255,.16),transparent 55%),linear-gradient(180deg,#0a121c,#05080d)}.chamber{position:absolute;inset:0;background:linear-gradient(90deg,rgba(62,224,255,.06) 1px,transparent 1px),linear-gradient(rgba(62,224,255,.06) 1px,transparent 1px);background-size:48px 48px;transform:perspective(600px) rotateX(58deg) translateY(18%);transform-origin:center bottom}.rings{position:absolute;left:50%;top:42%;width:min(52vw,420px);height:min(52vw,420px);transform:translate(-50%,-50%)}.rings span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(62,224,255,.28);animation:spin 40s linear infinite}.scan{position:absolute;left:0;right:0;height:90px;background:linear-gradient(to bottom,transparent,rgba(62,224,255,.12),transparent);animation:sweep 7s linear infinite}.rose-wash{position:absolute;inset:0;background:radial-gradient(ellipse 55% 40% at 18% 0%,rgba(255,160,70,.28),transparent 55%),radial-gradient(ellipse 40% 35% at 100% 80%,rgba(80,110,140,.35),transparent 50%),linear-gradient(165deg,#1a1010,#2a1810 40%,#12161c)}.vortex{position:absolute;left:50%;top:40%;width:min(70vw,520px);height:min(70vw,520px);transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,176,80,.35);box-shadow:0 0 80px #ff8c2833,inset 0 0 60px #283c5066;animation:spin 50s linear infinite}.vortex:before{content:"";position:absolute;inset:14%;border-radius:50%;border:1px dashed rgba(180,200,220,.35)}.steel{position:absolute;inset:10px;border:1px solid rgba(180,200,220,.25);box-shadow:inset 0 0 40px #ff8c2814}html[data-mode=rose] header a.active,html[data-mode=rose] .fnav a.active,html[data-mode=rose] button.primary{background:#e08a3c;color:#1a1008}html[data-mode=rose] .card{background:#1c1210d1}@keyframes sway{to{transform:skew(5deg) translate(18px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sweep{0%{transform:translateY(-90px)}to{transform:translateY(110vh)}}@media(prefers-reduced-motion:reduce){.silk,.drape,.rings span,.scan{animation-duration:60s!important}}.ui{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column}header{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:12px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.12)}.nav,.modes,.fnav{display:flex;flex-wrap:wrap;gap:6px}a,button{font:inherit}header a,.fnav a{color:inherit;text-decoration:none;padding:8px 12px;min-height:40px;display:inline-flex;align-items:center;border-radius:999px}header a.active,.fnav a.active{background:#c45c7a;color:#fff}html[data-mode=brainwashing] header a.active,html[data-mode=brainwashing] .fnav a.active{background:#3ee0ff;color:#041018}button{cursor:pointer;border:0;border-radius:999px;padding:8px 14px;min-height:40px;background:#ffffff1f;color:inherit}button.primary{background:#c45c7a;color:#fff8fb}html[data-mode=brainwashing] button.primary{background:#3ee0ff;color:#041018}main{padding:20px 16px 72px;max-width:980px;margin:0 auto;width:100%}h1{font-family:Georgia,serif;font-size:clamp(1.8rem,5vw,3.2rem);margin:0 0 8px}.kicker{letter-spacing:.2em;text-transform:uppercase;font-size:.7rem;opacity:.75}.banner{margin:8px 16px 0;padding:8px 12px;border:1px solid rgba(62,224,255,.35);border-radius:10px;display:none}html[data-mode=brainwashing] .banner.show{display:block}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.card{background:#ffffff24;border-radius:16px;padding:14px}html[data-mode=pure] .card{background:#fff8fad1}html[data-mode=impure] .card{background:#221017d1}html[data-mode=brainwashing] .card{background:#0d1520d1}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.muted{opacity:.75;font-size:.92rem}.option{display:block;width:100%;text-align:left;border-radius:12px;margin:8px 0;padding:12px}textarea,input{width:100%;background:#00000040;color:inherit;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px;font:inherit}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.12)}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:6;background:#0d1520;color:#d7f6ff;padding:10px 16px;border-radius:999px}.gate{max-width:480px;margin:12vh auto}html[data-mode=rose] .banner.show{display:block}body.no-scroll,body.no-scroll #root{height:100vh;overflow:hidden}.stereo{position:fixed;inset:0;z-index:8;background:#1a120c;color:#ffe6c4;overflow:hidden}.stereo-wood{height:100%;display:flex;flex-direction:column;padding:10px 12px 12px;background:linear-gradient(180deg,#5a3a22,#2a180e 30%,#1a100a);box-shadow:inset 0 0 40px #000}.stereo-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto}.brand-plate{font-size:.7rem;letter-spacing:.16em;background:#c9a24a;color:#2a1808;padding:4px 10px;border-radius:2px}.needle-wrap{flex:1;height:18px;margin:0 12px;background:linear-gradient(#222,#111);border:1px solid #c9a24a;position:relative}.needle{position:absolute;top:2px;bottom:2px;width:2px;background:#e08a3c;left:38%;animation:needle 4s ease-in-out infinite alternate}.eject{background:#8a2018;color:#ffd;text-decoration:none;padding:8px 12px;border-radius:4px;letter-spacing:.12em;font-size:.75rem}.stereo-mid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(48px,12%) 1fr minmax(48px,12%);gap:8px;margin-top:8px}.grill{background:repeating-linear-gradient(90deg,#2a1a10 0 4px,#1a1008 4px 8px);border:3px solid #3a2818;border-radius:4px}.crt{border:10px solid #111;border-radius:18px;background:#04060a;min-height:0;position:relative}.crt-glass{position:absolute;inset:6px;overflow:hidden;border-radius:8px}.layer{position:absolute;inset:0;pointer-events:none}.rain{background-image:repeating-linear-gradient(180deg,rgba(80,255,120,.18) 0 2px,transparent 2px 18px);animation:fall 8s linear infinite;opacity:.45}.sea{background:linear-gradient(180deg,transparent 40%,rgba(20,80,120,.35))}.bubbles i{position:absolute;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffb4ffb3,#a028b440);animation:float 9s ease-in-out infinite}.bubbles i:nth-child(1){left:8%;top:20%}.bubbles i:nth-child(2){left:30%;top:55%;animation-delay:-2s}.bubbles i:nth-child(3){left:58%;top:18%;animation-delay:-4s}.bubbles i:nth-child(4){left:76%;top:48%;animation-delay:-1s}.bubbles i:nth-child(5){left:44%;top:72%;animation-delay:-3s}.bubbles i:nth-child(6){left:16%;top:78%;animation-delay:-5s}.tardis{display:flex;align-items:center;justify-content:center}.tardis .box{width:72px;height:110px;background:#12306a;border:2px solid #9ad;position:relative;box-shadow:0 0 20px #3ee;animation:pulse 3s ease-in-out infinite}.tardis .box span{position:absolute;top:40%;left:-40px;right:-40px;text-align:center;font-size:.55rem;letter-spacing:.1em;color:#ffe08a}.scaffold{position:absolute;width:120px;height:140px;border:1px dashed rgba(255,200,80,.4)}.owls{background:radial-gradient(circle at 80% 20%,rgba(0,0,0,.35) 0 8px,transparent 9px),radial-gradient(circle at 82% 20%,rgba(0,0,0,.35) 0 8px,transparent 9px);opacity:.5}.prom{background:repeating-conic-gradient(from 0deg,rgba(255,80,180,.08) 0 12deg,transparent 12deg 24deg);animation:spin 20s linear infinite}.hud{position:absolute;top:8px;left:8px;right:8px;font-size:.65rem;letter-spacing:.14em;color:#ffb0e0}.wire-cap{position:absolute;top:28px;left:8px;right:8px;font-size:.8rem;color:#ffe6c4;margin:0}.choice-panel{position:absolute;left:8px;right:8px;bottom:8px;background:#080a10b8;padding:10px;border:1px solid rgba(224,138,60,.4)}.choice-panel .sys{margin:0 0 8px;font-size:.85rem}.choice-row{display:flex;flex-wrap:wrap;gap:6px}.choice-row button.on{outline:2px solid #e08a3c}.saved{margin:6px 0 0;font-size:.75rem;opacity:.8}.stereo-knobs{display:flex;gap:12px;justify-content:center;padding-top:8px}.stereo-knobs i{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#c9a24a,#3a2818)}@keyframes needle{to{left:62%}}@keyframes fall{to{background-position:0 180px}}@keyframes float{50%{transform:translateY(-18px) scale(1.06)}}@keyframes pulse{50%{filter:brightness(1.3)}}@media(prefers-reduced-motion:reduce){.needle,.rain,.bubbles i,.prom,.tardis .box{animation-duration:40s!important}}