: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;--paper:#fff;--sheet:#fffffff0;--fade:#ffffffe6;--hatch-gap:#ffffffb3;--on-ink:#fff;--scrim:#00000040;--edge:1px solid var(--faint);--lift:0 1px 2px #0000000d, 0 10px 28px #00000017;--hatched:repeating-linear-gradient(135deg, var(--hatch) 0 2px, var(--hatch-gap) 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}.pinned{z-index:2;margin:calc(-16px - env(safe-area-inset-top)) -20px -6px;padding:calc(16px + env(safe-area-inset-top)) 20px 10px;background:color-mix(in srgb, var(--ground) 66%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.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:var(--on-ink)}.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)}}.loader-line{animation:.3s ease-out fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(4px)}}.lost-needle{transform-origin:14px 14px;animation:3.2s ease-in-out infinite hunt}@keyframes hunt{0%,to{transform:rotate(-38deg)}30%{transform:rotate(52deg)}55%{transform:rotate(18deg)}75%{transform:rotate(110deg)}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.sheet>*{flex-shrink:0}.trip-frame{z-index:1;flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative}.scrim{z-index:30;background:var(--scrim);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{border-radius:32px 32px 0 0}.grabber{background:var(--hatch);border-radius:3px;align-self:center;width:40px;height:5px}.wide{--panel-ground:color-mix(in srgb, var(--ground) 40%, var(--paper));gap:20px;max-width:1000px;height:100dvh;margin:0 auto;padding:20px;display:flex;position:relative}.side{z-index:1;background:color-mix(in srgb, var(--ground) 45%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:26px;flex-direction:column;flex:none;width:280px;padding:10px 8px;display:flex;position:relative;box-shadow:0 1px 2px #00000008,0 8px 24px #0000000d}.side-label{z-index:1;background:color-mix(in srgb, var(--ground) 94%, transparent);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--text) 68%, transparent);padding:12px 12px 4px;font-size:11px;font-weight:700;position:sticky;top:0}.side-row,.side-link{border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:6px 12px;display:flex}.side-sub{color:color-mix(in srgb, var(--text) 68%, transparent)}.side-row.next{min-height:60px}.side-row.past{opacity:.6;min-height:44px}.side-row.past:hover,.side-row.past.on{opacity:1}.side-link{min-height:44px;color:var(--ink);font-size:15px;font-weight:600}.side-row:hover,.side-link:hover{background:var(--surface-soft)}.side-row.on,.side-link.on{background:var(--paper);box-shadow:0 1px 2px #0000000d,0 4px 14px #0000000f}.side-gaps{border:1.5px dashed var(--ink-mid);text-align:center;min-width:24px;color:var(--ink);border-radius:9px;flex:none;padding:1px 7px;font-size:12px;font-weight:700}.side-count{background:var(--ink);min-width:20px;color:var(--on-ink);text-align:center;border-radius:9px;margin-left:auto;padding:1px 7px;font-size:12px;font-weight:700}.panel{--ground:var(--panel-ground);z-index:1;background:var(--ground);border:var(--edge);border-radius:26px;flex:1;min-width:0;max-width:640px;position:relative;overflow-y:auto;box-shadow:0 1px 2px #0000000d,0 18px 48px #0000001f}.panel .bg,.wide .back,.wide .home-head{display:none}.panel .screen{max-width:none;min-height:100%;padding:20px 28px 32px}.panel .pinned{margin:-20px -28px -6px;padding:20px 28px 10px}.panel .trip-frame{max-width:none;height:100%}@media (width>=900px){.scrim{align-items:center}.sheet{border-radius:28px;box-shadow:0 20px 60px #0003;max-height:86dvh!important;padding-bottom:24px!important}.grabber{display:none}}@property --ground{syntax:"<color>";inherits:true;initial-value:#0000}@property --sun{syntax:"<color>";inherits:true;initial-value:#0000}@property --moon{syntax:"<color>";inherits:true;initial-value:#0000}@property --ink{syntax:"<color>";inherits:true;initial-value:#0000}@property --text{syntax:"<color>";inherits:true;initial-value:#0000}@property --ink-mid{syntax:"<color>";inherits:true;initial-value:#0000}@property --hatch{syntax:"<color>";inherits:true;initial-value:#0000}@property --faint{syntax:"<color>";inherits:true;initial-value:#0000}@property --accent{syntax:"<color>";inherits:true;initial-value:#0000}@property --on-accent{syntax:"<color>";inherits:true;initial-value:#0000}@property --surface{syntax:"<color>";inherits:true;initial-value:#0000}@property --surface-soft{syntax:"<color>";inherits:true;initial-value:#0000}@property --paper{syntax:"<color>";inherits:true;initial-value:#0000}@property --sheet{syntax:"<color>";inherits:true;initial-value:#0000}@property --fade{syntax:"<color>";inherits:true;initial-value:#0000}@property --hatch-gap{syntax:"<color>";inherits:true;initial-value:#0000}@property --on-ink{syntax:"<color>";inherits:true;initial-value:#0000}@property --scrim{syntax:"<color>";inherits:true;initial-value:#0000}:root.theming{transition:--ground .45s,--sun .45s,--moon .45s,--ink .45s,--text .45s,--ink-mid .45s,--hatch .45s,--faint .45s,--accent .45s,--on-accent .45s,--surface .45s,--surface-soft .45s,--paper .45s,--sheet .45s,--fade .45s,--hatch-gap .45s,--on-ink .45s,--scrim .45s}@media (prefers-reduced-motion:reduce){:root.theming{transition:none}}