#main{min-height:100vh;display:block}.app-header{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--line);display:flex}.brand-mark{flex:none;width:1.75rem;height:1.75rem}.brand-mark .mark-frame{stroke:var(--accent)}.brand-mark .mark-flame{fill:var(--accent-strong)}.brand-mark .mark-core{fill:var(--text)}.brand-mark .mark-cap{stroke:var(--accent-strong)}.brand{font-family:var(--font-display);font-size:var(--text-lg)}.screen{padding:var(--space-5) var(--space-4);padding-bottom:calc(var(--space-8) + var(--space-6));outline:none}.screen>.stack{width:min(100%,36rem);margin-inline:auto}.tabbar{inset-inline:0;background:var(--surface-2);border-top:1px solid var(--border);z-index:var(--z-sticky);display:flex;position:fixed;bottom:0}.tab{min-height:3.25rem;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;flex:1}.tab[aria-current=page]{color:var(--text);background:var(--accent-ghost);box-shadow:inset 0 2px 0 var(--accent)}.offline-banner{justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-4);display:flex}.checkin-form .slider{width:100%}.metric-head{flex-wrap:nowrap}.metric-label{align-items:baseline;gap:var(--space-2);display:inline-flex}.slider-value{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.skip-toggle{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.skip-toggle input{accent-color:var(--accent)}.skip-toggle:has(input:checked){border-color:var(--accent);color:var(--text);background:var(--accent-ghost)}.form-error{color:var(--danger);font-size:var(--text-sm)}.stat-row{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.history-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.history-row{justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);display:flex}.history-main{gap:var(--space-1);display:grid}.history-row .icon-btn{min-height:2.75rem;font-size:var(--text-lg);color:var(--text-muted)}.history-date{font-weight:600}.history-values{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:var(--text-sm)}@media (width>=768px){.screen{padding-inline:var(--space-6)}.stat-row{grid-template-columns:repeat(4,minmax(0,1fr))}}