.tb{height:var(--topbar-h);background:var(--surface);z-index:40;flex-shrink:0;align-items:center;gap:12px;padding:0 12px;display:flex;position:sticky;top:0}.tb-left{flex:0 auto;align-items:center;gap:6px;min-width:0;max-width:320px;display:flex}.tb-left .ws-trigger{background:var(--surface-2)}.tb-left .ws-trigger:hover,.tb-left .ws-trigger[aria-expanded=true]{background:var(--row-active)}.tb-search{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);width:min(440px,42vw);height:30px;color:var(--muted);font:inherit;font-size:var(--text-ui);cursor:pointer;text-align:left;align-items:center;gap:8px;margin:0 auto;padding:0 10px;transition:background .12s,border-color .12s;display:flex}.tb-search:hover{background:var(--surface);border-color:var(--border-strong)}.tb-kbd{background:var(--surface-2);border-color:#0000}.tb-search:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.tb-search-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tb-kbd{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--muted);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;flex-shrink:0;padding:1px 5px;font-weight:600;line-height:1.5}.tb-right{flex-shrink:0;align-items:center;gap:2px;display:flex}.tb-icon-btn{width:30px;height:30px;color:var(--fg-2);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;place-items:center;transition:background .12s,color .12s;display:grid}.tb-icon-btn:hover{background:var(--surface-2);color:var(--fg)}.tb-icon-btn:focus-visible{outline:2px solid var(--primary);outline-offset:-1px}.tb-sep{background:var(--border);flex-shrink:0;width:1px;height:18px;margin:0 6px}.tb-user{flex-shrink:0;position:relative}.tb-user-trigger{border-radius:var(--r-pill);cursor:pointer;color:var(--muted);background:0 0;border:none;align-items:center;gap:4px;padding:2px;transition:box-shadow .12s;display:flex}.tb-user-trigger:hover,.tb-user-trigger[aria-expanded=true]{box-shadow:0 0 0 2px var(--border-strong)}.tb-user-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.tb-user-menu{z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:260px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-md);color:var(--fg);padding:6px;position:absolute;top:calc(100% + 8px);right:0}.tb-user-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-width:0;margin-bottom:6px;padding:8px 10px 10px;display:flex}.tb-user-id{flex-direction:column;min-width:0;display:flex}.tb-user-name{font-size:var(--text-ui);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.3;overflow:hidden}.tb-user-mail{font-size:var(--text-xs);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.tb-menu-item{width:100%;min-width:0;height:var(--row-lg);border-radius:var(--r-md);cursor:pointer;font:inherit;font-size:var(--text-ui);color:var(--fg);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:0 10px;transition:background .12s;display:flex}.tb-menu-item:hover{background:var(--surface-2)}.tb-menu-item:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.tb-menu-item svg{color:var(--muted);flex-shrink:0}.tb-menu-item-danger,.tb-menu-item-danger svg{color:var(--danger)}.tb-menu-sep{background:var(--border);height:1px;margin:6px 4px}.tb-appearance{padding:6px 10px 8px}.tb-appearance-label{font-size:var(--text-xs);color:var(--label);padding-bottom:6px}.tb-seg{background:var(--surface-2);border-radius:var(--r-md);grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;display:grid}.tb-seg button{border-radius:var(--r-sm);cursor:pointer;min-width:0;height:26px;font:inherit;font-size:var(--text-xs);color:var(--fg-2);background:0 0;border:none;justify-content:center;align-items:center;gap:5px;font-weight:500;transition:background .12s,color .12s;display:flex}.tb-seg button:hover{color:var(--fg)}.tb-seg button[data-active=true]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm);font-weight:600}.tb-seg button:focus-visible{outline:2px solid var(--primary);outline-offset:-1px}.tb-seg button svg{flex-shrink:0}.tb-seg-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=900px){.tb-search{justify-content:center;width:auto;padding:0 9px}.tb-search-label,.tb-kbd{display:none}}@media (width<=767px){.tb{display:none}}