:root{--u:.5rem;--dot-gap-now:calc(var(--u) * 6);--dot-gap-today:calc(var(--u) * 4);--dot-gap-week:calc(var(--u) * 3);--dot-gap-month:calc(var(--u) * 2);--dot-d-now:.22rem;--dot-d-today:.16rem;--dot-d-week:.125rem;--dot-d-month:.095rem;--dot-a-now:.5;--dot-a-today:.45;--dot-a-week:.4;--dot-a-month:.32;--dot-ripple-r:2;--dot-ripple-a:1.8;--dot-inked-r:1.4;--dot-inked-a:1;--dot-accent-r:1.7;--dot-ambient-amp:.08;--dot-ambient-period:6s;--dur-exit:.2s;--dot-morph-dur:.52s;--dot-stagger-max:.24s;--dur-enter:.42s;--enter-stagger:60ms;--enter-delay:.52s;--ripple-dur:.35s;--ease-field:cubic-bezier(.22, 1, .36, 1);--ease-enter:cubic-bezier(.34, 1.3, .64, 1);--ease-exit:cubic-bezier(.45, .05, .7, .4);--ease-press:cubic-bezier(.34, 1.56, .64, 1);--ease-pop:cubic-bezier(.34, 1.8, .64, 1);--r-hero:22px;--r-card:16px;--r-sm:12px;--r-xs:10px;--r-pill:999px;--z-sky:0;--z-grain:1;--z-field:2;--z-shell:10;--z-nav:100;--z-fly:300;--z-gate:400;--z-toast:500;--face-display:var(--font-display), system-ui, sans-serif;--face-body:var(--font-body), system-ui, sans-serif;--fs-display:clamp(26px, 3.4vw, 36px);--lh-display:1.08;--fs-title-hero:26px;--fs-title:22px;--lh-title:1.05;--fs-heading:21px;--fs-task:21px;--fs-timer:clamp(48px, 6vw, 64px);--fs-clock:22px;--fs-body:15.5px;--lh-body:1.62;--fs-small:13px;--fs-micro:11px;--hit-min:44px;--hit-kid:48px;font-size:16px}@media (min-width:768px){:root{font-size:18px}}[data-skin=paper]{--sky:#d4eaf0;--sky-well:#c4dfe7;--hair:#bcd7de;--ink:#1c333c;--ink-soft:#4a6570;--ink-faint:#7e96a0;--card:#fff;--card-warm:#fdfcf8;--dot-rgb:28 51 60;--sun:#ffc800;--sun-soft:#ffd34d;--sun-deep:#e0a800;--sun-ink:#5c4a00;--tape:#ffd34deb;--tape-pink:#eeb7c3e6;--tape-mint:#8cc9a6e6;--tomato:#df7856;--sage:#94b189;--pink:#eeb7c3;--c-read:#e8896a;--c-play:#7fbf8b;--c-school:#6e9bd1;--c-meal:#f2a96e;--c-home:#b394d6;--c-fam:#f4c95d;--c-sleep:#8b9fc9;--c-ready:#6fb8b4;--c-sport:#e27d9a;--shadow:0 2px 4px #1c333c0f, 0 14px 34px -12px #1c333c38;--shadow-lift:0 4px 8px #1c333c12, 0 22px 44px -14px #1c333c47;--ramp-0630-sky:#e3e0ec;--ramp-0630-ink:#332e42;--ramp-0900-sky:#d4eaf0;--ramp-0900-ink:#1c333c;--ramp-1230-sky:#e9f2ec;--ramp-1230-ink:#26362d;--ramp-1500-sky:#e9f2ec;--ramp-1500-ink:#26362d;--ramp-1535-sky:#fae7d0;--ramp-1535-ink:#3f3524;--ramp-1600-sky:#f8e3c6;--ramp-1600-ink:#403522;--ramp-1930-sky:#d6d1e4;--ramp-1930-ink:#2e2940;--grain-blend:multiply;--grain-opacity:.1}[data-skin=paper][data-theme=dark]{--sky:#142832;--sky-well:#0f202a;--hair:#2c4653;--ink:#e9f2f5;--ink-soft:#9fb6bf;--ink-faint:#6e8791;--card:#1d3540;--card-warm:#22343c;--dot-rgb:233 242 245;--sun:#ffc800;--sun-soft:#ffd34d;--sun-deep:#d99e0b;--sun-ink:#3d2e00;--shadow:0 2px 4px #00000040, 0 14px 34px -12px #00000080;--shadow-lift:0 4px 8px #0000004d, 0 22px 44px -14px #0000008c;--grain-blend:screen;--grain-opacity:.06}
*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--sky);color:var(--ink);font-family:var(--face-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3,h4{font-family:var(--face-display);margin:0}button{font-family:inherit}:focus-visible{outline:2px solid var(--sun-deep);outline-offset:2px;box-shadow:0 0 0 4px var(--ink)}.dot-field{z-index:var(--z-field);touch-action:none;display:block;position:fixed;inset:0}.stage{z-index:var(--z-shell);min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 24px calc(120px + env(safe-area-inset-bottom));pointer-events:none;position:relative}.page-shell{pointer-events:auto;transition:opacity var(--dur-enter) var(--ease-enter), transform var(--dur-enter) var(--ease-enter)}.page-shell.is-hidden,.page-shell.is-entering{opacity:0;transform:translateY(18px)scale(.985)}.page-shell.is-entered{opacity:1;transform:none}.page-shell.is-exiting{transition:opacity var(--dur-exit) var(--ease-exit), transform var(--dur-exit) var(--ease-exit);opacity:0;transform:translateY(-12px)scale(.99)}.page-shell.is-fading-out{transition:opacity var(--dur-exit) linear;opacity:0}[data-rise]{transition:opacity var(--dur-enter) var(--ease-enter), transform var(--dur-enter) var(--ease-enter)}.is-entering [data-rise]{opacity:0;transform:translateY(22px)}.is-entered [data-rise]{opacity:1;transform:none}.nav{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:var(--z-nav);border-radius:var(--r-pill);background:var(--card);box-shadow:var(--shadow);gap:10px;padding:8px;display:flex;position:fixed;transform:translate(-50%)}.nav-pill{letter-spacing:.04em;padding:12px 22px;font-size:15px}.dial-sunbob{transform-origin:50%;transform-box:fill-box;animation:3.4s ease-in-out infinite dialSunBob}@keyframes dialSunBob{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.page-shell,[data-rise]{transition:opacity var(--dur-exit) linear!important;transform:none!important}}