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(--paper-raised);border-block-end:1px solid var(--rule)}app-bar bar-title{display:flex;flex-direction:column;flex:1;min-inline-size:0;padding-inline:var(--space-xs)}app-bar bar-main,app-bar bar-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-bar bar-main{font-family:var(--voice-machine);font-size:var(--type-prose);font-weight:600;line-height:1.25}app-bar bar-sub{font-family:var(--voice-machine);font-size:var(--type-label);color:var(--ink-faint);line-height:1.2}app-bar bar-actions{display:flex;flex:none}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-machine);font-size:.625rem;line-height:1.1rem;text-align:center}