.page.svelte-1wfbvg{min-height:100vh;background:var(--md-surface-dim, #f8f9fa);padding-bottom:80px;max-width:480px;margin:0 auto}.demo-banner.svelte-1wfbvg{background:linear-gradient(135deg,#fbbc04,#ea4335);color:#fff;padding:8px 16px;display:flex;justify-content:space-between;font-size:14px;font-weight:500}.demo-banner.svelte-1wfbvg a:where(.svelte-1wfbvg){color:#fff;text-decoration:underline}.page-header.svelte-1wfbvg{padding:20px;text-align:center}.page-header.svelte-1wfbvg h1:where(.svelte-1wfbvg){font-size:24px;font-weight:700}.stats-grid.svelte-1wfbvg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px 16px}.stat-card.svelte-1wfbvg{background:var(--md-surface);border-radius:12px;padding:12px 8px;text-align:center;box-shadow:var(--md-elevation-1)}.stat-card.highlight.svelte-1wfbvg{background:linear-gradient(135deg,var(--md-primary),#34a853);color:#fff}.stat-icon.svelte-1wfbvg{font-size:20px;display:block;margin-bottom:4px}.stat-value.svelte-1wfbvg{display:block;font-size:20px;font-weight:700}.stat-label.svelte-1wfbvg{font-size:10px;opacity:.8}.content.svelte-1wfbvg{padding:0 16px}.content.svelte-1wfbvg h2:where(.svelte-1wfbvg){font-size:16px;font-weight:600;margin-bottom:12px}.checkin-list.svelte-1wfbvg{display:flex;flex-direction:column;gap:8px}.checkin-item.svelte-1wfbvg{background:var(--md-surface);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--md-elevation-1)}.checkin-icon.svelte-1wfbvg{font-size:20px}.checkin-info.svelte-1wfbvg{flex:1}.checkin-date.svelte-1wfbvg{display:block;font-weight:600;font-size:14px}.checkin-time.svelte-1wfbvg{font-size:12px;color:var(--md-on-surface-variant)}.checkin-badge.svelte-1wfbvg{background:var(--md-success-container, #e6f4ea);color:var(--md-success, #1e8e3e);padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600}.bottom-nav.svelte-1wfbvg{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--md-surface);display:flex;justify-content:space-around;padding:8px 16px calc(env(safe-area-inset-bottom) + 8px);border-top:1px solid var(--md-outline-variant);box-shadow:0 -4px 20px #00000014}.nav-item.svelte-1wfbvg{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--md-on-surface-variant);font-size:11px;font-weight:500;padding:6px 16px;position:relative}.nav-icon.svelte-1wfbvg{font-size:22px}