:root{--ground:#d6f1ed;--sun:#8fddd2;--moon:#62cbbe;--ink:#0a5a52;--text:#05302b;--ink-mid:#0a5a5280;--hatch:#0a5a5259;--faint:#0a5a521a;--accent:#22b8a6;--on-accent:#05302b;--display:Unbounded, system-ui, sans-serif;--body:Figtree, system-ui, sans-serif;--surface:#ffffffdb;--surface-soft:#ffffffa8;--edge:1px solid var(--faint);--lift:0 1px 2px #0000000d, 0 10px 28px #00000017;--hatched:repeating-linear-gradient(135deg, var(--hatch) 0 2px, #ffffffb3 2px 6px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--body);color:var(--text);background:var(--ground);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{background:var(--ground);min-height:100%;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.bg{z-index:0;pointer-events:none;background:var(--sun);opacity:.4;position:fixed;inset:0;-webkit-mask:url(/saddle.svg) top/cover no-repeat;mask:url(/saddle.svg) top/cover no-repeat}.screen{z-index:1;max-width:480px;min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 20px calc(32px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex;position:relative}.display{font-family:var(--display);letter-spacing:-.03em;font-weight:600}.card{background:var(--surface);border:var(--edge);-webkit-backdrop-filter:blur(28px)saturate(1.4);backdrop-filter:blur(28px)saturate(1.4);box-shadow:var(--lift);border-radius:28px}.flat{background:var(--surface-soft);border:var(--edge);-webkit-backdrop-filter:blur(28px)saturate(1.4);backdrop-filter:blur(28px)saturate(1.4);border-radius:28px}.control{border:var(--edge);background:var(--surface-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.control.round{width:44px;padding:0}.btn{white-space:nowrap;border:none;border-radius:22px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.btn.ink{background:var(--ink);color:#fff}.btn.accent{background:var(--accent);color:var(--on-accent)}.btn.outline{background:var(--surface);border:1px solid var(--hatch);font-weight:600}.btn.small{border-radius:20px;min-height:40px;padding:0 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.link{text-underline-offset:3px;background:0 0;border:none;align-items:center;gap:4px;min-height:40px;padding:0;font-size:13px;font-weight:700;text-decoration:underline;display:inline-flex}.muted{font-size:13px}.label{font-size:13px;font-weight:600}.pill{background:var(--accent);color:var(--on-accent);white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700}.hatch-box{border:1.5px solid var(--ink);background:var(--hatched);border-radius:6px;flex:none;width:20px;height:20px}.todo-check{border:1.5px solid var(--ink);background:var(--surface);border-radius:8px;flex:none;width:24px;height:24px;padding:0}.todo-check:active{background:var(--accent)}.field{border:1px solid var(--hatch);background:var(--surface);border-radius:26px;width:100%;min-width:0;min-height:52px;padding:0 18px;font-size:16px}.field[type=date],.field[type=time]{appearance:none;font:inherit;text-align:center;font-size:16px;line-height:50px;display:block}.field::-webkit-date-and-time-value{text-align:center;margin:0}.segment-pill{background:var(--ink);border-radius:22px;transition:transform .26s cubic-bezier(.3,.7,.2,1);position:absolute;top:4px;bottom:4px;left:4px}@media (prefers-reduced-motion:reduce){.segment-pill{transition:none}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}