#main{display:block;min-height:100vh}.app-header{display:flex;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:-.02em;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{position:fixed;inset-inline:0;bottom:0;display:flex;background:var(--surface-2);border-top:1px solid var(--border);z-index:var(--z-sticky)}.tab{flex:1;min-height:3.25rem;border:0;background:transparent;color:var(--text-muted);font:inherit;cursor:pointer}.tab[aria-current=page]{color:var(--text);background:var(--accent-ghost);box-shadow:inset 0 2px 0 var(--accent)}.offline-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-4)}.checkin-form .slider{width:100%}.metric-head{flex-wrap:nowrap}.metric-label{display:inline-flex;align-items:baseline;gap:var(--space-2)}.slider-value{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.skip-toggle{display:inline-flex;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}.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{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.history-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.history-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg)}.history-main{display:grid;gap:var(--space-1)}.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)}.setup{min-height:70vh;display:grid;place-items:center;padding:var(--space-5)}.setup .card{width:min(100%,28rem)}@media (min-width: 768px){.screen{padding-inline:var(--space-6)}.stat-row{grid-template-columns:repeat(4,minmax(0,1fr))}}