:root{--font-display: "Outfit", system-ui, sans-serif;--font-body: "Outfit", system-ui, sans-serif;--font-mono: "DM Mono", "SF Mono", monospace;--color-bg: #0c0e14;--color-bg-elevated: #141720;--color-bg-input: #1a1e2a;--color-bg-sidebar: #0a0c11;--color-bg-hover: #1e2233;--color-border: rgba(255, 255, 255, .06);--color-border-subtle: rgba(255, 255, 255, .04);--color-border-input: rgba(255, 255, 255, .1);--color-text: #e4e2df;--color-text-secondary: #8b8d95;--color-text-muted: #5c5e66;--color-text-placeholder: #3e4048;--color-accent: #0099ff;--color-accent-hover: #007acc;--color-accent-subtle: rgba(0, 153, 255, .1);--color-accent-bg: rgba(0, 153, 255, .06);--color-danger: #f87171;--color-danger-subtle: rgba(248, 113, 113, .1);--color-warning: #fbbf24;--color-success: #34d399;--color-success-subtle: rgba(52, 211, 153, .08);--color-info: #60a5fa;--color-btn-bg: #1a1e2a;--color-shadow: rgba(0, 0, 0, .4);color-scheme:dark;color:var(--color-text);background-color:var(--color-bg);font-family:var(--font-body);font-weight:400;line-height:1.6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--color-bg: #f6f5f2;--color-bg-elevated: #ffffff;--color-bg-input: #efeeeb;--color-bg-sidebar: #eae9e5;--color-bg-hover: #e4e3df;--color-border: rgba(0, 0, 0, .07);--color-border-subtle: rgba(0, 0, 0, .04);--color-border-input: rgba(0, 0, 0, .12);--color-text: #1a1a2e;--color-text-secondary: #5a5a6e;--color-text-muted: #8a8a9a;--color-text-placeholder: #b0b0ba;--color-accent: #0077cc;--color-accent-hover: #005fa3;--color-accent-subtle: rgba(0, 119, 204, .1);--color-accent-bg: rgba(0, 119, 204, .06);--color-danger: #ef4444;--color-danger-subtle: rgba(239, 68, 68, .08);--color-warning: #d97706;--color-success: #059669;--color-success-subtle: rgba(5, 150, 105, .06);--color-info: #2563eb;--color-btn-bg: #efeeeb;--color-shadow: rgba(0, 0, 0, .06);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh}#root{min-height:100vh;display:flex}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;line-height:1.3}code{font-family:var(--font-mono);font-size:.82em;letter-spacing:-.02em}a{color:var(--color-accent);text-decoration:none;transition:color .15s}a:hover{color:var(--color-accent-hover)}button{font-family:var(--font-body);font-size:.8125rem;font-weight:500;border:1px solid var(--color-border-input);border-radius:6px;padding:.5rem 1rem;background:var(--color-btn-bg);color:var(--color-text);cursor:pointer;transition:all .15s ease;line-height:1.4}button:hover{background:var(--color-bg-hover);border-color:var(--color-border-input)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input,select,textarea{font-family:var(--font-body);font-size:.875rem;color:var(--color-text);background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:6px;padding:.5625rem .75rem;transition:border-color .15s,box-shadow .15s;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}input::placeholder{color:var(--color-text-muted)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%235c5e66' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-input);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}