:root{--vellum: #fdfaf3;--ink: #121212;--accent: #1e3a5f;--structural: #c61a1a;--grid-line: rgba(18, 18, 18, .12);--transition-speed: .5s;--crimson: var(--structural);--crimson-glow: rgba(198, 26, 26, .5);--synapse: #ff1a40;--grid: var(--grid-line)}*{box-sizing:border-box;margin:0;padding:0}:root{--app-height: 100dvh;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}html,body{height:100%;overflow:hidden;overscroll-behavior:none}html{width:100%;background-color:#beb9ac}body{margin:0;width:100%;height:100%;overflow:hidden;background-color:#beb9ac;font-family:IBM Plex Mono,monospace;color:var(--ink);text-transform:uppercase;touch-action:manipulation}#root{position:fixed;top:0;left:0;width:100vw;height:var(--app-height);padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);overflow:hidden}.eye-layer{contain:layout paint style;transform:translateZ(0);will-change:transform,filter}.perf-low .animate-float{animation-duration:12s}.perf-low .bg-noise{mix-blend-mode:normal}.perf-low [style*="filter: url(#inkBleed)"]{filter:none!important}.spectrum-canvas,.eye-canvas{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.mobile-coarse .eye-canvas{filter:none!important}.mobile-coarse .spectrum-canvas{transform:translateZ(0)!important}@media(min-width:768px){.tablet-footer-grid{display:grid!important;grid-template-columns:320px 1fr 320px;align-items:center;gap:2rem;height:140px}}@media(min-width:1024px)and (orientation:landscape){.tablet-footer-grid{grid-template-columns:500px 1fr 400px!important;padding-left:2rem!important;padding-right:2rem!important;background:linear-gradient(to bottom,var(--vellum) 0%,#f4f1ea 100%)}.tablet-footer-controls{gap:3rem!important}.tablet-footer-visuals{border-left:2px solid rgba(0,0,0,.05);border-right:2px solid rgba(0,0,0,.05);margin:0 1rem;padding:0 2rem}}@media(min-width:768px)and (max-width:1024px)and (orientation:portrait){.tablet-footer-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:auto;padding:1.5rem!important;gap:1.5rem}.tablet-footer-controls{grid-column:1 / 2;grid-row:1 / 2}.tablet-footer-info{grid-column:2 / 3;grid-row:1 / 2;text-align:right}.tablet-footer-visuals{grid-column:1 / 3;grid-row:2 / 3;border-top:2px solid rgba(0,0,0,.08);padding-top:1rem;height:60px}}@media(max-height:540px)and (orientation:landscape){.landscape-compact-header{padding-top:.35rem!important;padding-bottom:.35rem!important;border-bottom-width:3px!important}.landscape-compact-footer{min-height:64px!important;height:64px!important;border-top-width:3px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:0 1rem!important;gap:1rem!important}.landscape-compact-main{padding:.25rem!important}.landscape-compact-eye{transform:scale(.4) translateY(-10%)}.landscape-compact-controls{gap:1rem!important;justify-content:center!important;width:auto!important;display:flex!important;align-items:center!important}.landscape-compact-btn{width:3.2rem!important;height:3.2rem!important}.tablet-footer-controls{width:auto!important;border:none!important;padding:0!important}.tablet-footer-visuals{flex:1!important;height:36px!important}.tablet-footer-info{width:auto!important;max-width:200px!important;border-left:1px solid rgba(0,0,0,.1)!important;padding-left:.75rem!important}}.control-glow-active:active{filter:brightness(1.4) saturate(1.2);transition:filter .1s ease}.volume-rail-vertical{writing-mode:vertical-lr;transform:rotate(180deg)}@keyframes morph-complex{0%,to{border-radius:40% 60% 70% 30%/40% 40% 60% 60%}25%{border-radius:60% 40% 40% 60%/30% 30% 70% 70%}50%{border-radius:50% 50% 30% 70%/50% 70% 30% 50%}75%{border-radius:40% 60% 50% 50%/30% 60% 40% 70%}}@keyframes float-gentle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1.5deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink-text{50%{opacity:0}}@keyframes volume-pulse{0%,to{opacity:1;filter:brightness(1) drop-shadow(0 0 5px var(--crimson-glow))}50%{opacity:.8;filter:brightness(1.8) drop-shadow(0 0 15px var(--crimson))}}@keyframes resonance-pulse{0%{transform:scale(1);border-radius:30% 70% 70% 30%}50%{transform:scale(1.08);border-radius:50%}to{transform:scale(1);border-radius:30% 70% 70% 30%}}@keyframes ink-bleed{0%,to{filter:url(#inkBleed)}50%{filter:url(#inkBleedHeavy)}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.animate-morph-complex{animation:morph-complex 10s ease-in-out infinite}.animate-float{animation:float-gentle 8s ease-in-out infinite}.animate-spin-slow{animation:spin 15s linear infinite}.animate-blink{animation:blink-text 1.2s infinite}.animate-volume{animation:volume-pulse var(--pulse-speed, 2s) ease-in-out infinite}.animate-resonance{animation:resonance-pulse 5s ease-in-out infinite}.animate-ripple{animation:ripple 2s linear infinite}.bg-grid-pattern{background-image:linear-gradient(var(--grid) 2px,transparent 2px),linear-gradient(90deg,var(--grid) 2px,transparent 2px);background-size:clamp(30px,6vw,60px) clamp(30px,6vw,60px)}input[type=range]{-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:24px;border:3px solid var(--ink);background:var(--structural);cursor:pointer;margin-top:-11px;box-shadow:0 0 15px var(--crimson-glow);transition:all .2s ease}input[type=range]::-webkit-slider-runnable-track{width:100%;height:3px;cursor:pointer;background:var(--ink);transition:background .3s ease}.bg-noise{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;mix-blend-mode:multiply}.lid-mask{border-radius:50% 50% 0 0/100% 100% 0 0}.lid-mask-bottom{border-radius:0 0 50% 50%/0 0 100% 100%}.btn-anamorphic-shadow{box-shadow:0 15px 40px #0000004d,inset 0 0 20px #ffffff0d}.border-ink-thick{border-width:4px;border-color:var(--ink)}.border-ink-heavy{border-width:8px;border-color:var(--ink)}@media(max-width:640px){.hide-mobile{display:none}.border-ink-heavy{border-width:4px}}