*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font-mono:"IBM Plex Mono",monospace;--font-display:"Syne",sans-serif;--color-bg:#000;--color-surface:#0f0f0f;--color-border:#3a3a3a;--color-border-mid:#555;--color-text:#fff;--color-text-mid:#e0e0e0;--color-text-dim:#aaa;--color-accent:#00e5ff}body,html{height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);overflow-x:hidden;line-height:1.6}input[type=range]{accent-color:var(--color-accent);cursor:pointer}::-webkit-scrollbar{width:4px;background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-mid);border-radius:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}