*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-bg: #030308;--c-blue: #00d4ff;--c-purple: #8b00ff;--c-magenta: #ff00cc;--c-green: #39ff14;--c-gold: #ffaa00;--c-red: #ff1122;--c-glass: rgba(255,255,255,.03);--c-border: rgba(255,255,255,.08);--font-mono: "Courier New", Courier, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html{height:-webkit-fill-available;background:var(--c-bg);overscroll-behavior:none}body{font-family:var(--font-mono);background:var(--c-bg);color:#fff;min-height:100vh;min-height:-webkit-fill-available;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-transform:translateZ(0);transform:translateZ(0)}#root{width:100vw;height:100dvh;height:-webkit-fill-available;overflow:hidden;position:relative}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.scrollable::-webkit-scrollbar{width:3px}.scrollable::-webkit-scrollbar-track{background:#ffffff05}.scrollable::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:4px;background:#ffffff1f;outline:none;width:100%;cursor:pointer;touch-action:pan-x}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.4);box-shadow:0 0 8px #00000080}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.4)}input[type=color]{border-radius:6px;border:1px solid rgba(255,255,255,.15);cursor:pointer;background:none;padding:2px}textarea{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;padding:10px 12px;font-size:13px;font-family:var(--font-mono);resize:none;outline:none;line-height:1.6;width:100%;-webkit-appearance:none}canvas{display:block;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0);image-rendering:optimizeSpeed}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{text-shadow:0 0 20px currentColor}50%{text-shadow:0 0 40px currentColor,0 0 80px currentColor}}.glass{background:var(--c-glass);border:1px solid var(--c-border);border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.neon-blue{color:var(--c-blue);text-shadow:0 0 20px var(--c-blue)}.neon-purple{color:var(--c-purple);text-shadow:0 0 20px var(--c-purple)}.neon-green{color:var(--c-green);text-shadow:0 0 20px var(--c-green)}button{font-family:var(--font-mono);cursor:pointer;border:none;outline:none;transition:all .18s ease;min-height:36px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:active{transform:scale(.96)}