:root{--bg: #0a0a0f;--surface: #111118;--surface2: #1a1a24;--surface3: #222230;--border: rgba(107, 63, 160, .25);--purple: #6B3FA0;--purple-light: #9B6FD0;--purple-dim: rgba(107, 63, 160, .15);--cyan: #00BFA5;--cyan-dim: rgba(0, 191, 165, .15);--cyan-light: #33CDB8;--red: #FF4757;--red-dim: rgba(255, 71, 87, .15);--yellow: #FFD32A;--yellow-dim: rgba(255, 211, 42, .12);--text: #E8E4F0;--text-muted: #7A7490;--text-dim: #4A4460;--font-mono: "Space Mono", monospace;--font-display: "Syne", sans-serif;--radius: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-display)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(107,63,160,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(107,63,160,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:10px}button{cursor:pointer;font-family:var(--font-display)}select,input{font-family:var(--font-display);background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:9px 12px;color:var(--text);font-size:13px;outline:none;width:100%;transition:border-color .15s}select:focus,input:focus{border-color:var(--cyan)}option{background:var(--surface2)}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #00bfa566}50%{opacity:.7;box-shadow:0 0 0 5px #00bfa500}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .2s ease forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 767px){html,body,#root{overflow:auto;height:auto;min-height:100vh}select,input{font-size:16px}}