.topbar{gap:var(--s3);padding:var(--s3) var(--s4) 0;background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.topbar__row{justify-content:space-between;align-items:center;gap:var(--s3);min-width:0;display:flex}.topbar__brand{align-items:center;gap:var(--s3);min-width:0;display:flex}.topbar__mark{flex:none;width:auto;height:30px}.topbar__name{font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1.1;overflow:hidden}.topbar__date{padding:2px var(--s3);border-radius:var(--radius-pill);background:var(--surface-sunken);font-size:var(--text-xs);color:var(--ink-3);white-space:nowrap;display:none}.topbar__account{align-items:center;gap:var(--s2);flex:none;display:flex}.topbar__user{font-size:var(--text-sm);color:var(--ink-3);white-space:nowrap;display:none}.topbar__logout{min-height:40px;padding:0 var(--s3);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--ink-2);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);background:0 0}.topbar__logout:hover{background:var(--surface-sunken);border-color:var(--border-strong)}.topbar__tabs{gap:var(--s1);margin-inline:calc(var(--s4) * -1);padding:0 var(--s4) var(--s2);scrollbar-width:none;display:flex;overflow-x:auto}.topbar__tabs::-webkit-scrollbar{display:none}.topbar__tab{min-height:42px;padding:0 var(--s4);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--ink-2);white-space:nowrap;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);flex:none;align-items:center;font-weight:500;display:inline-flex}.topbar__tab:hover{background:var(--surface-sunken);color:var(--ink)}.topbar__tab--active,.topbar__tab--active:hover{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}@media (width>=600px){.topbar{padding-inline:var(--s5)}.topbar__tabs{margin-inline:calc(var(--s5) * -1);padding-inline:var(--s5)}.topbar__date,.topbar__user{display:block}}