:root{--surface-0: #f5f6f8;--surface-1: #ffffff;--surface-2: #f0f1f3;--surface-3: #e4e6ea;--text-primary: #1a1a2e;--text-secondary: #4a4a5e;--text-muted: #8a8a9e;--border-default: #d8dae0;--border-focus: #4a90d9;--semantic-info: #2b7cd3;--semantic-success: #2d8a5e;--semantic-warning: #c4870a;--semantic-danger: #c4392a;--semantic-purple: #7c5cbf;--accent-teal: #0e9a87;--font-mono: "IBM Plex Mono", monospace;--font-body: "DM Sans", sans-serif;--text-xs: .6875rem;--leading-xs: 1rem;--text-sm: .8125rem;--leading-sm: 1.25rem;--text-base: .9375rem;--leading-base: 1.5rem;--text-lg: 1.125rem;--leading-lg: 1.5rem;--text-xl: 1.375rem;--leading-xl: 1.75rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--transition-fast: .12s ease;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-base);color:var(--text-primary);background-color:var(--surface-0)}h1,h2,h3,h4{font-family:var(--font-body);font-weight:600;color:var(--text-primary)}h1{font-size:var(--text-xl);line-height:var(--leading-xl)}h2{font-size:var(--text-lg);line-height:var(--leading-lg)}h3{font-size:var(--text-base);line-height:var(--leading-base);font-weight:600}a{color:var(--semantic-info);text-decoration:none}a:hover{text-decoration:underline}input:not([type=checkbox]):not([type=radio]),textarea,select{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);outline:none;transition:border-color var(--transition-fast);width:100%}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #4a90d91f}input::placeholder,textarea::placeholder{color:var(--text-muted)}button{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast),opacity var(--transition-fast)}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-teal);color:#fff}.btn-primary:hover:not(:disabled){background:#0b876f}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--surface-3)}.btn-danger{background:var(--semantic-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#a82e21}.btn-sm{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.mono{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.02em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-0)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}