:root{--bg-primary: #0f1117;--bg-secondary: #1a1d27;--bg-tertiary: #242736;--accent-green: #00c853;--accent-blue: #2979ff;--accent-red: #ff5252;--accent-yellow: #ffd600;--accent-purple: #7c4dff;--text-primary: #e8eaed;--text-secondary: #9aa0a6;--text-muted: #5f6368;--border: #2e3241;--font-display: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-code: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--radius-card: 8px;--radius-input: 6px;--radius-badge: 4px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .45);--sidebar-width: 300px;--topbar-height: 60px;--transition-fast: .12s ease;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.25;color:var(--text-primary)}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}img,svg{display:block;max-width:100%}code,pre{font-family:var(--font-code)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:6px}*::-webkit-scrollbar-track{background:transparent}pre[class*=language-],code[class*=language-]{font-family:var(--font-code);font-size:13.5px;line-height:1.6;color:var(--text-primary);direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:2;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{margin:0;padding:var(--space-4);overflow:auto;background:#0b0d13}:not(pre)>code[class*=language-]{padding:2px 6px;border-radius:var(--radius-badge);background:var(--bg-tertiary)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#5f6368;font-style:italic}.token.punctuation{color:#9aa0a6}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#ff8a80}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#69f0ae}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#ffd600}.token.atrule,.token.attr-value,.token.keyword{color:#82b1ff}.token.function,.token.class-name{color:#b388ff}.token.regex,.token.important,.token.variable{color:#ffd180}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-5)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
