:root{font-family:VT323,Space Mono,Comic Neue,monospace;line-height:1.4;font-weight:500;color:#e8ddff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #e8ddff;--mint: #83f3cc;--pink: #ff9fd3;--lavender: #cfb8ff;--panel: rgba(24, 18, 40, .7);--panel-strong: rgba(30, 22, 49, .82);--line: rgba(174, 144, 255, .32);--shadow: rgba(6, 3, 14, .55)}*{box-sizing:border-box;margin:0;padding:0}html{height:100dvh}body{height:100dvh;background:radial-gradient(circle at 10% 10%,rgba(255,132,205,.18),transparent 34%),radial-gradient(circle at 82% 18%,rgba(118,204,255,.17),transparent 30%),radial-gradient(circle at 18% 92%,rgba(141,255,216,.14),transparent 36%),linear-gradient(145deg,#120d1f,#17112a 42%,#111b2f);color:var(--ink);letter-spacing:.01em}#app{height:100dvh}.ritual{position:relative;height:100%;padding:1rem clamp(.8rem,2vw,1.8rem) 1.1rem;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.ritual:before,.ritual:after{content:"";position:fixed;pointer-events:none;z-index:0;border-radius:999px;filter:blur(40px)}.ritual:before{width:34vw;height:34vw;min-width:220px;min-height:220px;background:#ff7dce33;left:-8vw;top:-7vw}.ritual:after{width:30vw;height:30vw;min-width:190px;min-height:190px;background:#6fbcff2e;right:-8vw;bottom:-8vw}.sigil,.altar,.console-shell,.traffic-lines,.audio-visualizer{position:relative;z-index:2}.sigil{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem;padding:.6rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--panel-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 20px var(--shadow);outline:1px solid rgba(255,255,255,.55)}.sigil-mark{font-family:VT323,Space Mono,monospace;letter-spacing:.22rem;text-transform:uppercase;font-size:1.08rem;color:#c7b2ff}.audio-state{font-size:.92rem;letter-spacing:.06rem;color:#bba8ea;text-transform:uppercase}.altar{display:grid;gap:0;min-height:0}.console-shell{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem;min-height:0}.traffic-lines{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.12rem;min-height:100%;overflow:hidden;padding:.15rem .2rem;border:1px solid rgba(178,153,255,.24);border-radius:8px;background:#130e2275;z-index:1}.window-shell{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;border:1px solid rgba(178,153,255,.28);border-radius:8px;overflow:hidden;background:#110d1e85;box-shadow:inset 0 0 0 1px #ffffff14,0 8px 20px #04030a52}.window-titlebar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:30px;padding:.3rem .5rem;border-bottom:1px solid rgba(178,153,255,.25);background:linear-gradient(180deg,#392c58f2,#221a38f2)}.window-title{font-size:.9rem;letter-spacing:.06rem;text-transform:uppercase;color:#e7ddff}.window-controls{display:inline-flex;align-items:center;gap:.28rem}.ctrl-btn{display:grid;place-items:center;width:18px;height:16px;border:1px solid rgba(230,216,255,.5);background:#59497ed9;color:#f4efff;font-size:.66rem;line-height:1;border-radius:3px}.ctrl-btn.close{background:#ad5c92e6}.traffic-line{font-size:clamp(.92rem,1.7vw,1.15rem);line-height:1.08;letter-spacing:.05rem;text-transform:uppercase;color:#dccfff;text-shadow:0 0 8px rgba(125,240,198,calc(.08 + var(--glow, 0) * .18));opacity:var(--alpha, .5)}.audio-visualizer{position:relative;min-height:100%;overflow:hidden;background:#130e228c;z-index:1}.spectrum-canvas{width:100%;height:100%;display:block}.play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.38rem;border:1px solid rgba(214,193,255,.62);background:linear-gradient(180deg,#544080f5,#2f234ef5);box-shadow:inset 0 1px #ffffff38,0 4px 14px #08051366;color:#f8f3ff;padding:.46rem .86rem;border-radius:4px;font:inherit;font-size:.95rem;letter-spacing:.06rem;text-transform:uppercase;cursor:pointer}.play-btn:hover{background:linear-gradient(180deg,#624a95fa,#38295afa)}.play-btn:active{transform:translate(-50%,-50%) translateY(1px)}.play-icon{font-size:.82rem;line-height:1;color:#9af6d4;text-shadow:0 0 7px rgba(154,246,212,.55)}@media(max-width:720px){.ritual{padding:.6rem}.sigil{padding:.5rem .7rem;margin-bottom:.5rem}.sigil-mark{letter-spacing:.08rem;font-size:.8rem}.audio-state{font-size:.72rem}.console-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,.75fr);gap:.6rem}.window-shell{min-height:0}}@media(prefers-reduced-motion:reduce){.ritual:before,.ritual:after{display:none}}