:root{--color-cream:#fff3dc;--color-amber:#ffb337;--color-pink:#f6bcc2;--color-blue:#b9e1e3;--color-purple:#d9c9e9;--color-ink:#181714;--font-text:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-title:ui-rounded, "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html{background:var(--color-cream)}body{background:var(--color-cream);min-width:320px;min-height:100dvh;color:var(--color-ink);font-family:var(--font-text);margin:0}button,a,input,select,textarea{min-width:44px;min-height:44px;font:inherit}a{color:inherit}h1,h2,h3{font-family:var(--font-title)}.app-shell{min-height:100dvh;padding:var(--safe-area-top) var(--safe-area-right) 0 var(--safe-area-left)}.app-shell main{padding:24px 20px calc(112px + var(--safe-area-bottom))}.skip-link{z-index:2;top:calc(var(--safe-area-top) + 8px);left:calc(var(--safe-area-left) + 8px);background:var(--color-ink);color:var(--color-cream);border-radius:12px;place-items:center;padding:0 12px;text-decoration:none;display:grid;position:fixed;transform:translateY(-150%)}.skip-link:focus-visible{transform:translateY(0)}.app-shell nav{right:var(--safe-area-right);bottom:0;left:var(--safe-area-left);min-height:calc(64px + var(--safe-area-bottom));padding:8px 8px calc(8px + var(--safe-area-bottom));border-top:1px solid color-mix(in srgb, var(--color-ink) 15%, transparent);background:color-mix(in srgb, var(--color-cream) 94%, white);grid-template-columns:repeat(5,minmax(44px,1fr));align-items:end;gap:4px;display:grid;position:fixed}.app-shell nav a{text-align:center;border-radius:16px;place-items:center;min-height:44px;padding:4px;font-size:.8125rem;font-weight:700;line-height:1.1;text-decoration:none;display:grid}.app-shell nav a[aria-current=page]{outline:2px solid var(--color-ink);outline-offset:-2px;text-underline-offset:3px;text-decoration:underline}.app-shell nav a:focus-visible{outline:3px solid var(--color-amber);outline-offset:2px}.app-shell nav .quick-record-link{background:var(--color-amber);box-shadow:0 3px 0 var(--color-ink);transform:translateY(-12px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}