.site-header{position:fixed;top:0;left:0;width:100%;z-index:50;transition:background .3s,border-color .3s}.site-header.scrolled{background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.65rem;font:700 .72rem var(--mono);letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--accent);color:var(--accent)}.brand-word b{font-weight:400;color:var(--muted)}.desktop-nav{display:flex;gap:1.2rem;align-items:center}.desktop-nav a{font:600 .65rem var(--mono);color:var(--muted);text-transform:uppercase;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink)}.header-tools{display:flex;gap:.5rem;align-items:center}.theme-toggle,.command-hint,.menu-toggle{background:transparent;border:1px solid var(--line);color:var(--muted);height:34px}.theme-toggle{width:34px}.command-hint{padding:0 .55rem;display:flex;gap:.25rem;align-items:center;font:600 .65rem var(--mono)}.command-hint kbd{border:0;font:inherit}.menu-toggle{display:none;width:38px}.menu-toggle i{display:block;width:17px;height:1px;background:currentColor;margin:5px auto}.scroll-line{height:2px;background:transparent}.scroll-line span{display:block;width:0;height:100%;background:var(--accent)}.mobile-nav{display:none}
/* FINAL MOBILE NAV — full viewport command sheet. */
@media(max-width:900px){
  .site-header{z-index:200!important}
  .header-inner{height:68px!important;gap:10px!important}
  .desktop-nav{display:none!important}
  .menu-toggle{display:block!important;flex:0 0 38px!important;position:relative!important;z-index:202!important}
  .header-tools{margin-left:auto!important}
  .mobile-nav,
  .mobile-nav[hidden]{display:none!important}
  .mobile-nav:not([hidden]){position:fixed!important;display:grid!important;grid-template-rows:repeat(auto-fit,minmax(56px,1fr))!important;align-content:start!important;gap:0!important;top:68px!important;left:0!important;width:100vw!important;height:calc(100svh - 68px)!important;overflow:auto!important;padding:18px 20px 34px!important;background:color-mix(in srgb,var(--bg) 96%,transparent)!important;backdrop-filter:blur(24px) saturate(130%)!important;border-top:1px solid var(--line)!important;z-index:201!important}
  .mobile-nav a{display:flex!important;align-items:center!important;min-height:58px!important;padding:15px 4px!important;border-bottom:1px solid var(--line)!important;color:var(--ink)!important;font:700 10px var(--mono)!important;letter-spacing:.11em!important;text-transform:uppercase!important;text-decoration:none!important}
  .mobile-nav a:first-child{border-top:1px solid var(--line)!important}
  .mobile-nav a:hover,.mobile-nav a:focus-visible{color:var(--accent)!important}
  body.mobile-menu-open{overflow:hidden!important}
}
@media(max-width:560px){
  .header-inner{padding-inline:0!important}
  .brand-word{font-size:10px!important}
  .command-hint{display:none!important}
  .mobile-nav:not([hidden]){padding-inline:16px!important}
}