.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:40;padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--bg) 90%, transparent);backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{max-width:var(--content);height:var(--topbar-h);grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin:0 auto;padding:0 1.25rem;display:grid}.brand{color:var(--text);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:.6rem;font-size:1.12rem;font-weight:850;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--brand-1), var(--brand-2) 55%, var(--brand-3));width:2rem;height:2rem;color:var(--brand-ink);box-shadow:0 4px 12px color-mix(in srgb, var(--brand-2) 35%, transparent);border-radius:9px;place-items:center;display:inline-grid}.brand-mark.lg{border-radius:15px;width:3.1rem;height:3.1rem}.brand-mark.cycling{position:relative;overflow:hidden}.brand-mark.cycling .brand-glyph{opacity:0;animation:glyph-cycle calc(var(--n) * 2.6s) infinite both;animation-delay:calc(var(--i) * 2.6s);place-items:center;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.brand-mark.cycling .brand-glyph{animation:none}.brand-mark.cycling .brand-glyph:first-child{opacity:1}}.topnav{grid-column:2;gap:.15rem;display:flex}.topnav .nav-item{height:2.35rem;color:var(--muted);transition:background .15s, color .15s, scale var(--motion-fast) var(--ease-out);border-radius:999px;align-items:center;gap:.5rem;padding:0 .85rem;font-size:.94rem;font-weight:750;display:inline-flex}.topnav .nav-item:active{scale:.96}.topnav .nav-item:hover{background:var(--surface-2);color:var(--text)}.topnav .nav-item.active{background:var(--accent-soft);color:var(--accent-text)}.nav-icon{display:inline-flex;position:relative}.badge{background:var(--danger);min-width:1.15rem;height:1.15rem;color:var(--on-accent);text-align:center;border-radius:999px;padding:0 .3rem;font-size:.66rem;font-weight:850;line-height:1.15rem}.badge.dot{width:.55rem;min-width:0;height:.55rem;padding:0}.topbar-actions{grid-column:3;justify-self:end;align-items:center;gap:.25rem;display:flex}.container{width:100%;max-width:var(--content);flex:1 0 auto;margin:0 auto;padding:1.75rem 1.25rem 3rem}.footer{width:100%;max-width:var(--content);padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);gap:1.25rem;margin:0 auto;font-size:.88rem;display:flex}.footer a{color:var(--muted)}.footer a:hover{color:var(--text)}.footer>span{margin-right:auto;font-weight:800}.app.focus .footer{display:none}.tabbar{-webkit-touch-callout:none;display:none}.offline-banner{background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-2);text-align:center;justify-content:center;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.88rem;animation:.3s ease-out banner-in;display:flex;overflow:hidden}@keyframes banner-in{0%{opacity:0;max-height:0;padding-block:0}to{opacity:1;max-height:5rem}}.brand-menu summary{width:auto;height:auto;color:var(--text);border-radius:12px;margin-left:-.4rem;padding:.3rem .55rem .3rem .4rem;display:inline-flex}.brand-caret{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:.45rem;height:.45rem;margin:-.2rem 0 0 -.15rem;transform:rotate(45deg)}.language-menu{min-width:15rem;left:0;right:auto}.dropdown-content.language-menu li>button{align-items:center;gap:.75rem;display:flex}.language-menu .language-glyph{width:2.1rem;height:2.1rem;box-shadow:none;border-radius:10px}.language-menu .language-names{flex:1}.language-menu .language-native{font-size:.85rem;font-weight:500}.language-check{color:var(--accent);display:grid}.home-brand{display:none}.menu-note{color:var(--muted);margin:.2rem .7rem .4rem;font-size:.82rem;font-weight:650}.coming-soon{background:color-mix(in srgb, var(--muted) 16%, transparent);color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;justify-self:start;padding:.1rem .5rem;font-size:.72rem;font-weight:700}.soon .language-glyph{opacity:.45;filter:grayscale()}.soon .language-name{color:var(--muted)}.dropdown-content li>button.soon:disabled{opacity:1}.language-option.soon:hover,.language-card.soon:hover{border-color:var(--border);box-shadow:none;transform:none}.language-card.soon{cursor:default}.language-option:disabled,.language-card:disabled{cursor:not-allowed}.brand-mark:not(.cycling) .glyph,.hero-mark{animation:.45s both glyph-in}@keyframes glyph-in{0%{opacity:0;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.brand-mark:not(.cycling) .glyph,.hero-mark{animation:none}}.brand-menu.switching .brand{animation:.7s ease-in-out infinite alternate switching}@keyframes switching{to{opacity:.45}}@media (width<=47.99rem){.topbar-inner{padding:0 1rem}.app.signed-in{--topbar-h:0rem;padding-top:env(safe-area-inset-top)}.app.signed-in .topbar{display:none}.home-brand{justify-content:space-between;align-items:center;margin:0 0 .75rem;display:flex}.topnav,.topbar-actions a.icon-btn{display:none}.tabbar{z-index:40;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar .nav-item{height:var(--tabbar-h);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.2rem;font-size:.68rem;font-weight:800;display:flex}.tabbar .nav-item.active{color:var(--accent-text)}.tabbar .nav-item svg{transition:scale var(--motion-fast) var(--ease-out)}.tabbar .nav-item:active svg{scale:.86}.tabbar .nav-item{position:relative}.tabbar .badge{box-shadow:0 0 0 2px var(--surface);position:absolute;top:.4rem;left:calc(50% + .3rem)}.app:has(.tabbar) .container{padding-bottom:calc(var(--tabbar-h) + 2rem + env(safe-area-inset-bottom))}.app:has(.tabbar) .footer{display:none}html.keyboard-open{--tabbar-h:0rem}html.keyboard-open .tabbar{display:none}.container{padding:1.25rem 1rem 2.5rem}}.page-head{margin:.25rem 0 1.4rem}.page-head h1{margin:.2rem 0 .4rem}.page-head p{margin:0}.title-row{align-items:flex-start;gap:.4rem;margin:.2rem 0 .4rem;display:flex}.title-row h1{min-width:0;margin:0}.title-row>.icon-btn,.title-actions{flex:none}.title-actions{margin-left:auto}.eyebrow{color:var(--accent-text);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:850}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:2.1rem 0 .9rem;display:flex}.section-actions{flex-wrap:wrap;gap:.45rem;display:flex}.section-head h2+p{margin:.2rem 0 0;font-size:.92rem}.back-link{color:var(--accent-text);margin-bottom:.5rem;font-weight:750;text-decoration:none;display:inline-block}