.tb-host,.tb-slot{display:contents}.topbar{display:flex;align-items:center;gap:18px;height:54px;padding:0 20px;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:55}.topbar.dense{gap:12px}.topbar .spacer{flex:1}.appswitch{position:relative}.appswitch-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;color:var(--ink);font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.18em;white-space:nowrap;padding:6px 8px;border-radius:var(--r-m)}button.appswitch-btn:hover{background:var(--raised)}span.appswitch-btn{cursor:default}.appswitch-btn .glyph-brand{font-size:16px;letter-spacing:0}.appswitch-btn .brandicon{width:18px;height:18px}.appswitch-btn .caret{font-size:9px;color:var(--ink-3);letter-spacing:0}.brand-short{display:none}.env-badge{display:inline-block;padding:2px 7px;border-radius:4px;background:var(--bmo);color:#14100a;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.14em;vertical-align:1px}.appswitch-menu{position:absolute;top:42px;left:0;min-width:250px;max-height:calc(100dvh - 64px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:0 16px 48px #00000059;padding:6px;z-index:100;display:none}.appswitch-menu.open{display:block}.appswitch-menu a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--r-m);color:var(--ink);font-size:13.5px;text-decoration:none}.appswitch-menu a:hover{background:var(--raised);text-decoration:none}.appswitch-menu a.current{background:var(--raised)}.appswitch-menu a.soon{opacity:.4;pointer-events:none}.appswitch-menu .glyph{width:26px;height:26px;border-radius:7px;flex:none;display:grid;place-items:center;font-family:var(--mono);font-size:13px;font-weight:700;background:var(--raised);border:1px solid var(--line-soft)}.appswitch-menu img.glyph{padding:4px;object-fit:contain}.appswitch-menu .sub{font-size:11px;color:var(--ink-3);display:block}.appswitch-menu .sep{border-top:1px solid var(--line-soft);margin:6px 4px}.appswitch-menu.tb-float{position:fixed;top:auto;left:auto;right:auto;z-index:1000}.nav.topnav{display:flex;gap:4px;flex:0 0 auto}.nav.topnav[hidden]{display:none}.nav.topnav a{font-size:13.5px;font-weight:500;color:var(--ink-2);padding:6px 12px;border-radius:var(--r-m);cursor:pointer;position:relative;text-decoration:none}.nav.topnav a:hover,.nav.topnav a.active{color:var(--ink);background:var(--raised);text-decoration:none}.nav a .n{position:absolute;top:2px;right:4px;background:var(--danger);color:#fff;font-family:var(--mono);font-size:8.5px;font-weight:700;border-radius:99px;padding:0 4px;line-height:13px}nav.nav.tabbar{display:none}.icon-btn{background:none;border:1px solid var(--line);color:var(--ink-2);border-radius:var(--r-m);width:30px;height:30px;padding:0;cursor:pointer;font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.icon-btn:hover{color:var(--ink);background:var(--raised)}.icon-btn:disabled{opacity:.5;cursor:default}.feed-chip,.sync-chip{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;color:var(--ink-2);padding:5px 10px;border:1px solid var(--line);border-radius:99px;white-space:nowrap}.feed-chip .dot,.sync-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}.feed-chip.stale .dot,.feed-chip.warn .dot,.feed-chip .dot.warn{background:var(--warn)}.feed-chip.off .dot,.feed-chip .dot.bad{background:var(--danger)}.feed-chip.sim .dot{background:var(--bmo)}.feed-chip.sim{color:var(--bmo-text)}.feed-chip .dps{color:var(--ink-3)}.tb-acct{position:relative}.avatar{width:28px;height:28px;border-radius:50%;padding:0;background:var(--overlay);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--mono);font-size:10px;color:var(--ink-2)}.tb-acct .avatar{cursor:pointer}.tb-acct .avatar:hover{filter:brightness(1.1)}.avatar.signin{display:flex;align-items:center;justify-content:center;text-decoration:none}.appswitch-menu.acctmenu{left:auto;right:0;min-width:220px}.acct-head{padding:9px 12px;font-size:13.5px}.acct-head .sub{font-size:11px;color:var(--ink-3);display:block}.acct-signout{display:block;width:100%;text-align:left;background:none;border:none;color:var(--dn);font-family:var(--sans);font-size:13px;padding:9px 12px;border-radius:var(--r-m);cursor:pointer}.acct-signout:hover{background:var(--raised)}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:5px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--ink-3)}*::-webkit-scrollbar-corner{background:transparent}@media(max-width:700px){.topbar{gap:10px;padding:0 12px}.topbar .nav.topnav,.topbar .feed-chip,.topbar .sync-chip,.topbar.has-short .brand-long{display:none}.topbar.has-short .brand-short{display:inline}nav.nav.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--panel);border-top:1px solid var(--line);padding:5px 10px max(5px,calc(env(safe-area-inset-bottom) - 12px));gap:4px;transform:translateZ(0)}nav.nav.tabbar a{font-weight:500;flex:1;text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--ink-2);padding:7px 2px 8px;border-radius:var(--r-m);position:relative;text-decoration:none;background:none}nav.nav.tabbar a:before{content:none}nav.nav.tabbar a .g{display:block;font-size:15px;line-height:1.3;font-family:var(--sans)}nav.nav.tabbar a.active{color:var(--tab-active, var(--ink));background:var(--tab-active-bg, var(--raised))}nav.nav.tabbar a .n{right:18%}}:root{--tab-active: var(--qh);--tab-active-bg: var(--qh-soft)}