.account-chip{min-height:36px;padding:5px 10px 5px 6px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel-2) 90%,transparent);color:var(--muted);display:inline-flex;align-items:center;gap:7px;font-size:13px}.account-chip:hover{border-color:color-mix(in srgb,var(--accent-2) 42%,var(--line));color:var(--text)}.account-chip[hidden]{display:none}.account-chip-avatar{width:24px;height:24px;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-2) 38%,var(--line));border-radius:50%;background:color-mix(in srgb,var(--accent-2) 10%,var(--panel));color:var(--accent-2);font:760 13px/1 var(--font-mono)}.account-chip-avatar img{width:100%;height:100%;object-fit:cover}.account-chip-label{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .account-summary-card{position:relative;overflow:hidden;padding:18px;border:1px solid color-mix(in srgb,var(--accent-2) 28%,var(--line));border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent-2) 7%,var(--panel)),var(--panel))}.account-summary-card:after{content:"";position:absolute;right:-38px;top:-58px;width:140px;height:140px;border:1px solid color-mix(in srgb,var(--accent-2) 18%,transparent);border-radius:50%;pointer-events:none}.account-summary-head{position:relative;z-index:1;display:flex;align-items:center;gap:11px}.account-summary-avatar{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-2) 40%,var(--line));border-radius:50%;background:var(--panel-2);color:var(--accent-2);font:780 15px/1 var(--font-mono)}.account-summary-avatar img{width:100%;height:100%;object-fit:cover}.account-summary-head b,.account-summary-head small{display:block}.account-summary-head b{font-size:16px}.account-summary-head small{margin-top:4px;color:var(--muted);font-size:13px}.account-summary-status{position:relative;z-index:1;margin:14px 0 0;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel-2) 82%,transparent);color:var(--muted);font-size:13px;line-height:1.55}.account-summary-status strong{color:var(--text)}.account-summary-actions{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.account-provider-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.account-provider-row span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:13px}.account-conflict-note{margin-top:12px;padding:12px;border-left:2px solid var(--warn);border-radius:3px 11px 11px 3px;background:color-mix(in srgb,var(--warn) 7%,var(--panel-2));color:var(--muted);font-size:13px;line-height:1.6}
.top-actions #accountButton{display:inline-flex;flex:0 0 auto;min-width:36px;min-height:36px;border:1px solid var(--line);background:var(--panel);color:var(--text)}
@media(max-width:760px){.top-actions #accountButton{width:36px;height:36px;padding:4px;justify-content:center}.top-actions #accountButton .account-chip-label{display:none}.top-actions #accountButton .account-chip-avatar{flex:0 0 26px}}
.mobile-utility-btn{z-index:1;pointer-events:auto;touch-action:manipulation}.mobile-utility-btn>*{pointer-events:none}
@media(max-width:760px){.top-actions #refreshAppBtn{display:none!important}.top-actions #accountButton{width:44px;height:44px;min-width:44px}.top-actions #globalTimerBtn{flex:1 1 0;width:auto;min-width:0;overflow:hidden}.top-actions #globalTimerBtn>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:360px){.topbar .appearance-switch select{width:80px;min-width:80px}.top-actions{gap:3px}.top-actions #globalTimerBtn{padding-inline:4px}}
@media(max-width:760px){body[data-style] .app .topbar{flex-wrap:nowrap}body[data-style] .app .topbar .top-actions{flex:1 1 0;min-width:0}body[data-style] .app .topbar .top-actions #globalTimerBtn{min-width:0;flex:1 1 0;width:auto}}
@media(max-width:360px){body[data-style] .app .topbar{gap:6px;padding-inline:12px}body[data-style] .app .topbar .appearance-control select{width:80px;min-width:80px}body[data-style] .app .topbar .top-actions #globalTimerBtn{padding-inline:4px}}