.topbar-menu{margin-left:-2px;position:relative}.topbar-menu-trigger{border-radius:var(--radius-sm);color:var(--ink-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:4px;transition:color .12s;display:inline-flex}.topbar-menu-icon{width:20px;height:20px;display:inline-block;position:relative}.topbar-menu-icon-bar{background:currentColor;border-radius:999px;height:1.8px;transition:transform .18s,opacity .12s;position:absolute;top:50%;left:2px;right:2px}.topbar-menu-icon-bar:first-child{transform:translateY(calc(-50% - 4.5px))}.topbar-menu-icon-bar:nth-child(2){transform:translateY(-50%)}.topbar-menu-icon-bar:nth-child(3){transform:translateY(calc(4.5px - 50%))}.topbar-menu-icon.is-open .topbar-menu-icon-bar:first-child{transform:translateY(-50%)rotate(45deg)}.topbar-menu-icon.is-open .topbar-menu-icon-bar:nth-child(2){opacity:0}.topbar-menu-icon.is-open .topbar-menu-icon-bar:nth-child(3){transform:translateY(-50%)rotate(-45deg)}.topbar-menu-trigger:hover{color:var(--ink)}.topbar-menu-trigger:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.topbar-menu-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);z-index:10;flex-direction:column;min-width:160px;padding:4px;animation:.14s both topbar-menu-fade;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 12px #16140f0f,0 14px 36px #16140f1f}@keyframes topbar-menu-fade{0%{opacity:0}to{opacity:1}}.topbar-menu-item{text-align:left;border-radius:var(--radius-sm);font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:8px 10px;font-size:13px;text-decoration:none;display:block}.topbar-menu-item:hover{background:var(--card-tint)}
.topbar-nav{background:var(--paper-warm);border:1px solid var(--line);border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px;display:inline-flex}.topbar-nav-link{border-radius:var(--radius-pill);letter-spacing:.01em;color:var(--ink-muted);align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:color .12s,background .12s,box-shadow .12s;display:inline-flex;position:relative}.topbar-nav-link:hover{color:var(--ink);background:#0000000a}.topbar-nav-link-active,.topbar-nav-link-active:hover{color:var(--ink);background:var(--card);box-shadow:0 1px 3px #00000014, 0 0 0 1px var(--line)}.topbar-nav-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.topbar-nav-badge{background:var(--ochre);color:#fff;border-radius:var(--radius-pill);letter-spacing:0;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--paper-warm);justify-content:center;align-items:center;padding:0 5px;font-size:10.5px;font-weight:700;display:inline-flex}.topbar-nav-link-active .topbar-nav-badge{box-shadow:0 0 0 2px var(--card)}@media (max-width:960px){.topbar-nav{order:3;justify-content:center;width:100%}}@media (max-width:560px){.topbar-nav-link{flex:1;justify-content:center;padding:7px 10px;font-size:12px}}
.topbar{background:var(--card);border-bottom:1px solid var(--line);z-index:2;grid-area:topbar;justify-content:space-between;align-items:center;gap:24px;margin-bottom:1rem;padding:18px 24px;display:flex;position:relative}.topbar-brand{min-width:0;color:inherit;border-radius:var(--radius-sm);align-items:center;gap:16px;text-decoration:none;transition:opacity .12s;display:flex}.topbar-brand:hover{opacity:.75}.topbar-brand:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.topbar-logo{flex:none;width:auto;height:20px;display:block}.topbar-brand-rule{background:var(--line);flex:none;width:1px;height:28px}.topbar-titles{flex-direction:column;gap:5px;min-width:0;display:flex}.topbar-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:18px;font-weight:500;line-height:1}.topbar-subtitle{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);font-size:10px;line-height:1}.topbar-meta{align-items:center;gap:14px;display:inline-flex}.topbar-meta-divider{background:var(--line);width:1px;height:18px}.topbar-meta-clock{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:16px;font-weight:500;line-height:1}@media (max-width:960px){.topbar{flex-wrap:wrap;gap:16px;padding:14px 18px}}