:root{--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--bg-primary: #0f0f0f;--bg-secondary: #161618;--bg-surface: #1a1a1e;--bg-elevated: #222226;--text-primary: #e8e8ed;--text-secondary: #a0a0ab;--text-muted: #6b6b76;--border: #2a2a30;--border-hover: #3a3a42;--accent: #6c8cff;--accent-hover: #8ba3ff;--accent-muted: rgba(108, 140, 255, .15);--green: #22c55e;--green-muted: rgba(34, 197, 94, .15);--red: #ef4444;--red-muted: rgba(239, 68, 68, .15);--amber: #f59e0b;--amber-muted: rgba(245, 158, 11, .15);--blue: #3b82f6;--purple: #8b5cf6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);line-height:1.5}#root{height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer}input,button,textarea,select{font:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.input-field{display:block;width:100%;padding:10px 14px;font-size:14px;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-field::placeholder{color:var(--text-muted)}.input-field:hover{border-color:var(--border-hover)}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:var(--accent);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active:not(:disabled){box-shadow:0 0 0 3px var(--accent-muted)}.btn-ghost{color:var(--text-secondary);background:transparent;border-color:var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-hover)}.btn-ghost:active:not(:disabled){background:var(--bg-surface)}.btn-danger{color:#fff;background:var(--red);border-color:var(--red)}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.btn-danger:active:not(:disabled){box-shadow:0 0 0 3px var(--red-muted)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--border-hover)}::selection{background:var(--accent-muted);color:var(--text-primary)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:var(--radius-full);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-primary);cursor:pointer;transition:transform var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-primary);cursor:pointer}@media (max-width: 640px){.card{padding:16px}}