:root{--color-bg: #09090b;--color-surface: #18181b;--color-surface-hover: #1f1f23;--color-border: #27272a;--color-border-subtle: #1c1c1f;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-accent-dim: rgba(99, 102, 241, .15);--color-text-primary: #fafafa;--color-text-secondary: #d4d4d8;--color-text-muted: #71717a;--color-success: #22c55e;--color-tag-bg: rgba(99, 102, 241, .1);--color-tag-border: rgba(99, 102, 241, .25);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card: 0 4px 24px rgba(0, 0, 0, .5);--shadow-card-hover: 0 8px 40px rgba(0, 0, 0, .6);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .35s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,html.theme-dark{color-scheme:dark}html.theme-light{color-scheme:light;--color-bg: #fafafa;--color-surface: #f4f4f5;--color-surface-hover: #e4e4e7;--color-border: #d4d4d8;--color-border-subtle: #e4e4e7;--color-text-primary: #09090b;--color-text-secondary: #3f3f46;--color-text-muted: #71717a;--color-tag-bg: rgba(99, 102, 241, .08);--color-tag-border: rgba(99, 102, 241, .3)}html.theme-system{color-scheme:light dark}@media(prefers-color-scheme:light){html.theme-system{--color-bg: #fafafa;--color-surface: #f4f4f5;--color-surface-hover: #e4e4e7;--color-border: #d4d4d8;--color-border-subtle: #e4e4e7;--color-text-primary: #09090b;--color-text-secondary: #3f3f46;--color-text-muted: #71717a;--color-tag-bg: rgba(99, 102, 241, .08);--color-tag-border: rgba(99, 102, 241, .3)}}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);color:var(--color-text-muted);background:#ffffff0f;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.icon-btn:hover{background:#ffffff1f;color:var(--color-text-primary)}.icon-btn:disabled{opacity:.3;cursor:default;pointer-events:none}html.theme-light .icon-btn{background:#0000000f}html.theme-light .icon-btn:hover{background:#0000001a}@media(prefers-color-scheme:light){html.theme-system .icon-btn{background:#0000000f}html.theme-system .icon-btn:hover{background:#0000001a}html.theme-system .icon-btn.active{background:#6366f133;color:var(--color-accent)}}html .icon-btn.active{background:#6366f133;color:var(--color-accent)}#theme-switch{position:relative;display:inline-flex;align-items:center;height:34px;background:#ffffff0f;border-radius:var(--radius-sm);flex-shrink:0}html.theme-light #theme-switch{background:#0000000f}@media(prefers-color-scheme:light){html.theme-system #theme-switch{background:#0000000f}}#theme-thumb{position:absolute;top:0;left:0;width:34px;height:34px;border-radius:var(--radius-sm);background:#6366f140;transform:translate(calc(var(--theme-index, 2) * 34px));transition:transform var(--transition-base);pointer-events:none}.theme-opt{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.theme-opt:hover{background:#ffffff1a;color:var(--color-text-primary)}.theme-opt.active{color:var(--color-accent)}html.theme-light .theme-opt:hover{background:#00000014}@media(prefers-color-scheme:light){html.theme-system .theme-opt:hover{background:#00000014}}#kbd-hint{display:flex;flex-direction:column;gap:.3rem;background:#09090bd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.75rem;color:var(--color-text-muted);transition:opacity .5s ease;pointer-events:none}#kbd-hint.hidden{opacity:0}html.theme-light #kbd-hint{background:#fafafae6}@media(prefers-color-scheme:light){html.theme-system #kbd-hint{background:#fafafae6}}.kbd-row{display:flex;align-items:center;gap:.5rem}kbd{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .4rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-secondary);min-width:1.5rem}