@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--color-primary:#2abfa4;--color-primary-hover:#24a88f;--color-primary-light:#e6f9f5;--color-primary-dark:#1e8c77;--color-bg:#f8f9fa;--color-surface:#fff;--color-surface-hover:#f0f1f3;--color-border:#e2e4e8;--color-border-light:#f0f1f3;--color-text:#1a1a2e;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-chord:#2abfa4;--color-danger:#ef4444;--color-warning:#f59e0b;--color-success:#10b981;--color-info:#3b82f6;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--sidebar-width:280px;--header-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}[data-theme=dark]{--color-primary:#10b981;--color-primary-hover:#059669;--color-primary-light:#10b9811a;--color-primary-dark:#34d399;--color-bg:#0a0a0a;--color-surface:#171717;--color-surface-hover:#262626;--color-border:#262626;--color-border-light:#171717;--color-text:#fafafa;--color-text-secondary:#a3a3a3;--color-text-muted:#525252;--color-chord:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-success:#10b981;--color-info:#0ea5e9;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #0009;--shadow-lg:0 8px 24px #000c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{min-height:100%;font-family:var(--font-ui);color:var(--color-text);background:var(--color-bg);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:600;line-height:1.3}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}