:root{--primary-color: #6366f1;--secondary-color: #818cf8;--bg-color: #0f172a;--surface-color: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #38bdf8;--font-family: "Inter", system-ui, -apple-system, sans-serif;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1)}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}input{background-color:var(--surface-color);border:1px solid var(--glass-border);color:var(--text-primary);padding:.75rem 1rem;border-radius:.5rem;outline:none;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}button{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}button:hover{background-color:var(--secondary-color)}button:active{transform:scale(.98)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}