:root{--bg-canvas: #f8f6f1;--bg-surface: #ffffff;--bg-surface-elevated: #fdfcf9;--bg-surface-muted: #f0ede5;--bg-code: #f3f0e8;--text-primary: #1a1917;--text-secondary: #524f49;--text-muted: #847f75;--text-inverse: #f8f6f1;--border-subtle: #e4dfd5;--border-strong: #cdc6b8;--border-focus: #8c7a5b;--accent-primary: #2c2a26;--accent-primary-hover: #141311;--accent-metallic: #8c7a5b;--accent-metallic-muted: rgba(140, 122, 91, .12);--status-success: #2f6b47;--status-success-bg: rgba(47, 107, 71, .1);--status-warning: #8f631d;--status-warning-bg: rgba(143, 99, 29, .1);--status-error: #993232;--status-error-bg: rgba(153, 50, 50, .1);--font-serif: "Newsreader", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", ui-monospace, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 8px;--sidebar-width: 240px;--topbar-height: 56px;--max-content-width: 1120px;--transition-fast: .12s cubic-bezier(.2, 0, 0, 1)}[data-theme=dark]{--bg-canvas: #121210;--bg-surface: #191815;--bg-surface-elevated: #201f1b;--bg-surface-muted: #262420;--bg-code: #151412;--text-primary: #ece9e1;--text-secondary: #a8a296;--text-muted: #706b61;--text-inverse: #121210;--border-subtle: #2a2824;--border-strong: #3d3a34;--border-focus: #b09b76;--accent-primary: #ece9e1;--accent-primary-hover: #ffffff;--accent-metallic: #b09b76;--accent-metallic-muted: rgba(176, 155, 118, .14);--status-success: #5ea378;--status-success-bg: rgba(94, 163, 120, .14);--status-warning: #d49b3d;--status-warning-bg: rgba(212, 155, 61, .14);--status-error: #d46666;--status-error-bg: rgba(212, 102, 102, .14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,.font-editorial{font-family:var(--font-serif);font-weight:500;letter-spacing:-.015em;color:var(--text-primary)}code,pre,.font-mono{font-family:var(--font-mono)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:13.5px;transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-focus)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.45rem .9rem;font-size:13px;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.btn-primary{background-color:var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover{background-color:var(--accent-primary-hover)}.btn-secondary{background-color:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-surface-muted);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--bg-surface-muted);color:var(--text-primary)}.btn-danger{color:var(--status-error);border-color:var(--border-subtle);background-color:var(--bg-surface)}.btn-danger:hover{background-color:var(--status-error-bg);border-color:var(--status-error)}.panel{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:11px;font-family:var(--font-mono);border-radius:var(--radius-sm);background-color:var(--bg-surface-muted);color:var(--text-secondary);border:1px solid var(--border-subtle)}.badge-metallic{background-color:var(--accent-metallic-muted);color:var(--accent-metallic);border-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}