app-bar{display:flex;align-items:center;gap:var(--space-2xs);flex:none;block-size:var(--topbar-height);padding:env(safe-area-inset-top) max(var(--space-xs),env(safe-area-inset-right)) 0 max(var(--space-xs),env(safe-area-inset-left));box-sizing:content-box;background:var(--canvas)}app-bar bar-brand{display:flex;align-items:center;gap:var(--space-xs);flex:none;padding-inline:var(--space-xs) var(--space-sm);font-weight:680;font-size:1.0625rem;letter-spacing:-.01em}app-bar bar-brand m-symbol{display:grid;place-items:center;inline-size:1.75rem;block-size:1.75rem;border-radius:var(--shape-xs);background:var(--ink);color:var(--paper);font-size:18px;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 20}@media (max-width: 899px){app-bar[has-control=true] bar-brand{display:none}}app-bar bar-title{display:flex;flex-direction:column;flex:1;min-inline-size:0}app-bar bar-main,app-bar bar-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-bar bar-main{font-weight:600;line-height:1.25}app-bar bar-sub{font-family:var(--voice-data);font-size:var(--type-label);color:var(--ink-faint);line-height:1.2}app-bar bar-actions{display:flex;align-items:center;flex:none;margin-inline-start:auto}app-bar icon-button[badge]{position:relative}app-bar icon-button[badge]:after{content:attr(badge);position:absolute;inset-block-start:.15rem;inset-inline-end:.1rem;min-inline-size:1.1rem;padding:0 .25rem;border-radius:var(--shape-full);background:var(--accent);color:var(--accent-on);font-family:var(--voice-data);font-size:.625rem;line-height:1.1rem;text-align:center}