:root{--bg-base:#0a0d12;--bg-surface:#11151c;--bg-elevated:#181d26;--bg-overlay:#0a0d12b8;--bg-inset:#06080b;--border:#2a313c;--border-muted:#1c222b;--border-subtle:#141a22;--fg-primary:#f0f6fc;--fg-secondary:#c9d1d9;--fg-muted:#8b949e;--fg-subtle:#6e7681;--fg-faint:#484f58;--accent:#58a6ff;--accent-hover:#79b8ff;--accent-soft:#58a6ff1f;--theme-render:#f85149;--theme-driving:#d29922;--theme-ai:#3fb950;--theme-av:#a371f7;--highlight-bg:#58a6ff1a;--highlight-bar:var(--accent);--shadow-sm:0 1px 2px #01040966;--shadow-md:0 4px 12px #01040959;--shadow-lg:0 12px 28px #01040980;--shadow-focus:0 0 0 3px #58a6ff40;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", "Consolas", 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;--space-20:80px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:18px;--radius-pill:999px;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur:.18s;--dur-slow:.28s;--max-width:1440px;--nav-height:52px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--fg-secondary);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65;overflow-x:hidden}a{color:var(--accent);transition:color var(--dur-fast) var(--ease);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}code{font-family:var(--font-mono);background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--fg-secondary);border:1px solid var(--border-subtle);padding:.12em .4em;font-size:.85em}pre{font-family:var(--font-mono)}button{font-family:inherit}.container{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.navbar{z-index:100;height:var(--nav-height);background:var(--bg-overlay);-webkit-backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--border-subtle);align-items:center;display:flex;position:sticky;top:0}.navbar__inner{width:100%;max-width:var(--max-width);padding:0 var(--space-6);align-items:center;gap:var(--space-6);margin:0 auto;display:flex}.navbar__logo{color:var(--fg-primary);white-space:nowrap;letter-spacing:-.01em;font-size:.98rem;font-weight:600}.navbar__spacer{flex:1}.navbar__link{color:var(--fg-muted);transition:color var(--dur-fast) var(--ease);font-size:.86rem}.navbar__link:hover{color:var(--fg-primary)}.navbar__icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--fg-muted);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);justify-content:center;align-items:center;display:flex}.navbar__icon-btn:hover{background:var(--bg-surface);color:var(--fg-primary)}.theme-badge{border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:0;align-items:center;gap:4px;padding:2px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.theme-badge--render{color:var(--theme-render);background:#f851491a}.theme-badge--driving{color:var(--theme-driving);background:#d299221a}.theme-badge--ai{color:var(--theme-ai);background:#3fb9501a}.theme-badge--av{color:var(--theme-av);background:#a371f71a}[data-theme=render]{--theme-color:var(--theme-render)}[data-theme=driving]{--theme-color:var(--theme-driving)}[data-theme=ai]{--theme-color:var(--theme-ai)}[data-theme=av]{--theme-color:var(--theme-av)}.katex{font-size:1.02em}.katex-display{margin:1.2em 0;padding:2px 0;overflow:auto hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-pill);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--fg-subtle);background-clip:content-box;border:3px solid #0000}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::selection{background:#58a6ff47}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}