.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{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}}