:root{--bg: #0a0a0f;--surface: #111118;--surface2: #16161f;--border: #1e1e2e;--accent: #7fff6e;--accent2: #4fd1c5;--accent3: #f6ad55;--accent-red: #fc8181;--text: #e8e8f0;--text-muted: #6b6b88;--text-dim: #3a3a55;--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--radius: 12px;--radius-sm: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-display);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(127,255,110,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(127,255,110,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}#root{position:relative;z-index:1}button{font-family:var(--font-display);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-mono);background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:10px 14px;width:100%;font-size:13px;transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.fade-in{animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}