:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;--color-background: #1a2332;--color-surface: #22334c;--color-primary: #38bdf8;--color-primary-hover: #7dd3fc;--color-secondary: #0ea5e9;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-disabled: #64748b;--color-border: #334155;--color-divider: #475569;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .6), 0 4px 6px -4px rgb(0 0 0 / .6);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .7), 0 8px 10px -6px rgb(0 0 0 / .7);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{--color-background: #f8fafc;--color-surface: #ffffff;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-secondary: #0ea5e9;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-disabled: #94a3b8;--color-border: #e2e8f0;--color-divider: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);color-scheme:light}}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-text-primary);background-color:var(--color-background);transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:600;line-height:1.2}h1{font-size:3.2em;line-height:1.1;font-weight:700}h2{font-size:2.4em}h3{font-size:1.8em}p{color:var(--color-text-secondary);line-height:1.6}a{font-weight:500;color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}button.secondary:hover{background-color:var(--color-border);border-color:var(--color-divider)}input,textarea,select{font-family:inherit;font-size:1em;padding:.6em 1em;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:hover,textarea:hover,select:hover{border-color:var(--color-divider)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #38bdf81a}input::placeholder,textarea::placeholder{color:var(--color-text-disabled)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-disabled{color:var(--color-text-disabled)}.bg-surface{background-color:var(--color-surface)}.bg-background{background-color:var(--color-background)}hr{border:none;border-top:1px solid var(--color-divider);margin:1.5rem 0}::selection{background-color:var(--color-primary);color:var(--color-text-primary)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background-color:var(--color-background)}::-webkit-scrollbar-thumb{background-color:var(--color-divider);border-radius:6px;border:3px solid var(--color-background)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-disabled)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}