/* © 2026 Val · ALTRU.dev (https://altru.dev). All rights reserved. See LICENSE. Generated by tools/compact-css.mjs from app.css. Do not edit by hand. */
html.compact .shell { grid-template-columns: 1fr; align-content: start; }
html.compact .sidebar { display: none; }
html.compact .tabbar { display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; bottom: 0; left: 0; right: 0; background: var(--surface); border-top: 1px solid var(--line); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); z-index: 20; }
html.compact .tabbar a { display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: .7rem; color: var(--ink-3); text-decoration: none; padding: 4px; position: relative; }
html.compact .tabbar a[aria-current="page"] { color: var(--brand); }
html.compact .tabbar svg { width: 22px; height: 22px; }
html.compact .tabbar .badge { position: absolute; top: 0; right: 22%; }
html.compact main { padding-top: 16px; }
html.compact .span-4 { grid-column: span 6; }
html.compact .span-8 { grid-column: span 12; }
html.compact .dash > * { grid-column: span 12 !important; }
html.compact .row, html.compact .row-3 { grid-template-columns: 1fr; }
html.compact .cal .day { min-height: 58px; }
html.compact .cal .ev { font-size: 0; height: 6px; padding: 0; }
html.compact .cal .more { display: none; }
html.compact .toasts { bottom: 84px; }
html.compact .fab { bottom: 84px; }
html.compact .welcome-points { grid-template-columns: 1fr; }
html.compact .welcome-hero { padding: 26px 22px 22px; }
html.compact .welcome-card { padding: 22px; }
html.compact .mobile-brand { display: flex; align-items: center; justify-content: space-between; background: var(--navy); padding: 10px 16px; position: sticky; top: 0; z-index: 25; }
html.compact .mobile-brand .mgv-lockup img { width: 46px; }
html.compact .mobile-brand .mgv-word { font-size: .95rem; }
html.compact .mobile-brand .mgv-sub { font-size: .44rem; letter-spacing: .16em; }
html.compact .mobile-brand .app-tag { font: 600 .72rem var(--font); color: var(--gold-light); text-align: right; line-height: 1.2; }
html.compact .shell { min-height: 0; align-content: start; }
html.compact .flow, html.compact .setup { min-height: 0; }
html.compact body.welcome-mode .tabbar, html.compact body.welcome-mode .mobile-brand,
html.compact body.flow-mode .tabbar, html.compact body.flow-mode .mobile-brand { display: none; }
html.compact body.flow-mode main { padding-top: 0; }
html.compact body.flow-mode .flow, html.compact body.flow-mode .picture { border-radius: 0; box-shadow: none; }