: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)}body{background-color:#beb9ac;font-family:IBM Plex Mono,monospace;overflow:hidden;cursor:crosshair;width:100vw;height:var(--app-height);min-height:100dvh;color:var(--ink);text-transform:uppercase}html,body{height:100%;overflow:hidden;overscroll-behavior:none}html{width:100%}body{position:fixed;top:0;right:0;bottom:0;left:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);touch-action:manipulation}#root{width:100%;height:100%}.perf-low .animate-float{animation-duration:12s}.perf-low .bg-noise{mix-blend-mode:normal}.perf-low [style*="filter: url(#inkBleed)"]{filter:none!important}@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)}}.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}.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}}