*{box-sizing:border-box}html{color-scheme:dark}#app{forced-color-adjust:none}html,body{margin:0;min-height:100%;background:#0a0b18;color:#f8eddc;font-family:Segoe UI,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;border:1px solid #fff3;background:#ffffff09;color:inherit;border-radius:30px;padding:11px 19px;transition:background .2s}button:hover{background:#ffffff1b}button:focus-visible,input:focus-visible{outline:2px solid #ffe1a3;outline-offset:4px}[hidden]{display:none!important}#app{--tone:#ff4564;max-width:1600px;margin:auto;position:relative}.visual{position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 30%,#24192c,#080c1b 75%);min-height:560px;height:min(74vh,800px);isolation:isolate}.aura{position:absolute;inset:-40%;background:radial-gradient(ellipse,var(--tone),transparent 55%);opacity:.17;transition:background 1s;z-index:-1}.dust{position:absolute;inset:0;opacity:.4;background-image:radial-gradient(#ffecc7 1px,transparent 1px),radial-gradient(#ddd 1px,transparent 1px);background-size:137px 113px,221px 187px;background-position:21px 38px,100px 54px;mask-image:linear-gradient(90deg,#000,transparent);z-index:-1}header{position:absolute;top:25px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#e2c6ad;gap:15px}.composition{height:100%;min-height:560px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:64px 5% 54px;gap:3%}.body-scene{position:relative;width:100%;aspect-ratio:702/540;max-width:610px;margin:auto}.figure{position:absolute;inset:0;width:100%;opacity:.6;filter:saturate(.32) brightness(.85)}.halo{position:absolute;inset:-12% 5%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--tone) 40%,transparent),transparent 66%);box-shadow:0 0 80px color-mix(in srgb,var(--tone) 12%,transparent);transition:background 1s}.channel{position:absolute;left:50.4%;top:7%;width:1px;height:64%;background:linear-gradient(#dca9ff,#697dff,#75e5ff,#a8e394,#f8dc53,#ffa64b,#ff6681);opacity:.45}.point{position:absolute;left:50.4%;width:30px;height:30px;padding:0;transform:translate(-50%,-50%);border:1px solid #fff9;background:var(--point);box-shadow:0 0 14px var(--point);opacity:.45;border-radius:50%}.point.active{opacity:1;box-shadow:0 0 18px 5px var(--point),0 0 65px 25px color-mix(in srgb,var(--point) 55%,transparent);border-color:#fff}.point::after{content:'';position:absolute;inset:-8px;border:1px solid var(--point);border-radius:50%;opacity:.7}.focus{text-align:center;max-width:490px;justify-self:center}.yantra{width:clamp(130px,21vw,270px);height:clamp(130px,21vw,270px);margin:0 auto 8px;filter:drop-shadow(0 0 28px color-mix(in srgb,var(--tone) 35%,transparent))}.yantra img{width:100%;height:100%}.eyebrow{color:#dbbb98;letter-spacing:2px;font-size:10px;margin-top:8px}h1{font:normal clamp(30px,4vw,48px) Georgia,serif;margin:12px 0 14px}#aspect{font-size:clamp(15px,1.7vw,20px);line-height:1.65;min-height:65px;margin:0}.hint{font-size:12px;color:#c4b5bd;line-height:1.7;max-width:380px;margin:15px auto 0;min-height:40px}.visual-footer{position:absolute;bottom:20px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:11px;color:#cdb7be}.progress{position:absolute;bottom:0;height:2px;background:#ffffff12;width:100%}.progress i{display:block;background:var(--tone);height:100%;width:0}.controls{padding:22px 28px 20px;background:#10121f;border-top:1px solid #ffffff0c}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.primary{background:#f2d49d;color:#241827;border-color:#f2d49d;min-width:105px}.primary:hover{background:#ffe6b8}.modes{display:flex;gap:6px}.modes button[aria-pressed=true]{border-color:#e4c089;background:#e4c08922}.settings{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:22px;font-size:13px;color:#dbcfcc}.settings label{display:flex;align-items:center;gap:8px}input{accent-color:#eaca97}input[type=range]{width:130px}.controls p{font-size:13px;color:#b1aab7;line-height:1.6;margin:14px 0 0}#choices{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}#choices button{font-size:12px;padding:8px 13px}#choices button[aria-pressed=true]{border-color:var(--tone);background:color-mix(in srgb,var(--tone) 18%,transparent)}#show{position:absolute;bottom:14px;right:20px;font-size:12px;background:#101220d9;z-index:5}.immersive .visual{height:100vh;min-height:540px}.immersive .composition{min-height:540px}.immersive .visual-footer{bottom:65px}#app:fullscreen{max-width:none;width:100%;overflow:auto;background:#0a0b18}#app:fullscreen .visual{height:calc(100vh - 190px)}#app:fullscreen.immersive .visual{height:100vh}.running:not(.still) .halo,.running:not(.still) .yantra{animation:breathe 5s ease-in-out infinite alternate}.running:not(.still) .point.active::after{animation:ripple 3s linear infinite}@keyframes breathe{to{transform:scale(1.035);opacity:.8}}@keyframes ripple{to{transform:scale(1.6);opacity:0}}@media(max-width:620px){header{left:18px;right:18px;top:18px;font-size:8px;letter-spacing:1px}.visual{height:650px;min-height:650px}.composition{grid-template-columns:1fr;padding:50px 20px 55px;gap:0;align-content:center;min-height:650px}.body-scene{width:285px;max-width:80vw}.point{width:23px;height:23px}.focus{width:100%}.yantra{width:100px;height:100px;position:absolute;top:74px;right:6px;opacity:.85}.eyebrow{font-size:8px}h1{font-size:32px;margin:8px 0}#aspect{font-size:15px;min-height:48px}.hint{margin-top:8px;font-size:11px;min-height:30px}.controls{padding:17px}.toolbar{gap:8px}button{padding:10px 14px;font-size:13px}.modes{order:3;width:100%}.settings{gap:15px}#app:fullscreen .visual{height:650px}#app:fullscreen.immersive .visual,.immersive .visual{height:100vh;min-height:650px}.visual-footer{left:18px;right:18px}.immersive .composition{min-height:650px}}