.topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:var(--s-3);min-height:var(--bar-h);padding:var(--s-2) clamp(var(--s-3),3vw,var(--s-6));padding-top:max(var(--s-2),env(safe-area-inset-top));background:var(--glass-heavy);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.brandmark{display:inline-flex;align-items:center;gap:var(--s-2);text-decoration:none;color:var(--ink)}.brandmark__word{font-family:var(--brand-display);font-size:1.05rem;letter-spacing:-.012em;font-weight:600;white-space:nowrap}.brandmark__img{height:1.85rem;width:auto;display:block}.brandmark__img--dark{display:none}:root[data-theme=dark] .brandmark__img--light{display:none}:root[data-theme=dark] .brandmark__img--dark{display:block}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .brandmark__img--light{display:none}:root:not([data-theme=light]) .brandmark__img--dark{display:block}}.topbar__title{min-width:0;padding-left:var(--s-2);border-left:1px solid var(--line)}.topbar__title h1{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__sub{color:var(--ink-3);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flag{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:var(--r-pill);background:var(--accent-soft-strong);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);white-space:nowrap}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);max-width:42vw;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg__item{padding:.38rem .8rem;border-radius:var(--r-pill);font-size:.8125rem;font-weight:600;color:var(--ink-2);text-decoration:none;white-space:nowrap;transition:background-color .16s ease,color .16s ease}.seg__item:hover{color:var(--ink)}.seg__item.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-chip)}.iconbtn{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--r-pill);border:1px solid transparent;background:transparent;color:var(--ink-2);cursor:pointer;transition:background-color .14s ease,color .14s ease,transform .11s cubic-bezier(.2,0,0,1)}.iconbtn:hover{background:var(--surface-2);color:var(--ink)}.iconbtn:active{transform:scale(.93)}.footer{display:grid;gap:var(--s-1);padding:var(--s-5) clamp(var(--s-3),3vw,var(--s-6));padding-bottom:max(var(--s-5),env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--ink-2);background:var(--paper-edge)}.footer a{color:var(--ink-2)}.footer__legal{max-width:70ch}.fatal{padding:var(--s-7) var(--s-4);text-align:center;color:var(--ink-2)}@media (max-width: 560px){.topbar__title{border-left:0;padding-left:0}.brandmark__word{font-size:.95rem}}@media (prefers-reduced-motion: reduce){.iconbtn:active{transform:none}}