@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-primary:var(--color-primary-600);--color-primary-hover:var(--color-primary-700);--color-secondary:#3b82f6;--color-accent:#f97316;--color-success:#22c55e;--color-success-bg:#f0fdf4;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-info:#06b6d4;--color-info-bg:#ecfeff;--color-status-visible:#22c55e;--color-status-hidden:#f59e0b;--color-status-disabled:#94a3b8;--color-background:#f8fafc;--color-surface:#fff;--color-surface-raised:#fff;--color-foreground:#1e293b;--color-foreground-secondary:#64748b;--color-foreground-muted:#94a3b8;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-divider:#f1f5f9;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:1.75;--letter-spacing-tight:-.025em;--letter-spacing-normal:0em;--letter-spacing-wide:.025em;--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;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-card:0 2px 8px -2px #00000014, 0 4px 16px -4px #0000000f;--shadow-elevated:0 8px 32px -4px #0000001f, 0 4px 16px -4px #00000014;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--container-max:1280px;--content-max-width:800px;--sidebar-width:260px;--header-height:64px;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:400;--z-modal:500;--z-toast:600}[data-theme=dark]{--color-primary:var(--color-primary-400);--color-primary-hover:var(--color-primary-300);--color-secondary:#60a5fa;--color-success-bg:#14532d;--color-warning-bg:#451a03;--color-danger-bg:#450a0a;--color-info-bg:#164e63;--color-background:#0f172a;--color-surface:#1e293b;--color-surface-raised:#334155;--color-foreground:#f1f5f9;--color-foreground-secondary:#94a3b8;--color-foreground-muted:#64748b;--color-border:#334155;--color-border-strong:#475569;--color-divider:#1e293b;--shadow-card:0 2px 8px -2px #0000004d, 0 4px 16px -4px #0003;--shadow-elevated:0 8px 32px -4px #0006, 0 4px 16px -4px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;max-width:100vw;font-size:16px;overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-foreground);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;min-height:100vh;min-height:-webkit-fill-available;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow-x:hidden}#app{max-width:100vw;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-foreground-muted)}a{color:var(--color-primary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-foreground);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}code,pre{font-family:var(--font-family-mono);font-size:.9em}code{background:var(--color-divider);color:var(--color-primary-700);border-radius:var(--radius-sm);padding:.15em .4em}pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);overflow-x:auto}pre code{font-size:var(--font-size-sm);color:var(--color-foreground);background:0 0;padding:0}::selection{background:var(--color-primary-100);color:var(--color-primary-900)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.markdown-body{line-height:var(--line-height-relaxed);color:var(--color-foreground)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:var(--space-6);margin-bottom:var(--space-4)}.markdown-body h1{font-size:var(--font-size-2xl)}.markdown-body h2{font-size:var(--font-size-xl)}.markdown-body h3{font-size:var(--font-size-lg)}.markdown-body p{margin-bottom:var(--space-4)}.markdown-body ul,.markdown-body ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.markdown-body ul{list-style-type:disc}.markdown-body ol{list-style-type:decimal}.markdown-body li{margin-bottom:var(--space-2)}.markdown-body blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-4);margin:var(--space-4) 0;color:var(--color-foreground-secondary);font-style:italic}.markdown-body pre{margin-bottom:var(--space-4)}.markdown-body table{border-collapse:collapse;width:100%;margin-bottom:var(--space-4)}.markdown-body table th,.markdown-body table td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left}.markdown-body table th{background:var(--color-divider);font-weight:var(--font-weight-semibold)}.markdown-body img{border-radius:var(--radius-md);max-width:100%}.markdown-body a{text-underline-offset:2px;text-decoration:underline}.hljs{background:var(--color-surface)!important;color:var(--color-foreground)!important}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-normal) var(--ease-out)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--duration-normal) var(--ease-out)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(10px)}@media (width<=768px){.container{padding:0 var(--space-4)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@media (width<=480px){html{font-size:14px}}@media (width<=768px){body{-webkit-overflow-scrolling:touch}.container{max-width:100%;overflow-x:hidden}}@supports (padding:env(safe-area-inset-top)){.user-header{padding-top:env(safe-area-inset-top)}}
