:root{--bg:#0d1117;--bg-surface:#161b22;--bg-elevated:#21262d;--border:#30363d;--text:#e6edf3;--text-muted:#8b949e;--accent:#58a6ff;--accent-hover:#79b8ff;--accent-green:#3fb950;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code","Consolas",monospace;--radius-sm:4px;--radius:6px;--radius-lg:12px;--max-width:920px;--header-height:60px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-hover)}#app{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1;padding-top:var(--header-height)}.content-wrapper{max-width:var(--max-width);margin:0 auto;padding:2.5rem 1.5rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-surface);border-bottom:1px solid var(--border);backdrop-filter:blur(8px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.logo{font-family:var(--font-mono);font-size:1.05rem;font-weight:500;letter-spacing:-.02em}.logo,.logo:hover{color:var(--text)}.logo-bracket{color:var(--accent)}.desktop-nav{display:flex;align-items:center;gap:.25rem}.desktop-nav a{font-size:.875rem;font-weight:500;color:var(--text-muted);padding:.375rem .75rem;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.desktop-nav a:hover{color:var(--text);background:var(--bg-elevated)}.desktop-nav a.router-link-active{color:var(--text)}.desktop-nav a.router-link-exact-active{color:var(--accent);background:rgba(88,166,255,.08)}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:background .15s}.menu-toggle:hover{background:var(--bg-elevated)}.bar{display:block;width:22px;height:2px;background:var(--text-muted);border-radius:2px;transition:transform .2s ease,opacity .2s ease,background .15s}.bar.open:first-child{transform:translateY(7px) rotate(45deg);background:var(--text)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:var(--text)}.mobile-nav{display:none;flex-direction:column;border-top:1px solid var(--border);padding:.5rem 1.5rem 1rem}.mobile-nav.open{display:flex}.mobile-nav a{font-size:.95rem;font-weight:500;color:var(--text-muted);padding:.6rem 0;border-bottom:1px solid var(--border);transition:color .15s}.mobile-nav a:last-child{border-bottom:none}.mobile-nav a.router-link-active,.mobile-nav a:hover{color:var(--text)}.mobile-nav a.router-link-exact-active{color:var(--accent)}.site-footer{border-top:1px solid var(--border);background:var(--bg-surface);padding:1.25rem 1.5rem}.footer-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;max-width:var(--max-width);margin:0 auto;font-size:.8rem}.footer-inner,.footer-inner a{color:var(--text-muted)}.footer-inner a:hover{color:var(--accent)}.sep{color:var(--border)}@media (max-width:700px){.desktop-nav{display:none}.menu-toggle{display:flex}}