:root{--ink:oklch(22% .018 190);--muted:oklch(47% .015 190);--canvas:oklch(97% .006 90);--surface:oklch(100% .004 90);--line:oklch(88% .01 90);--accent:oklch(34% .06 185);--rain:oklch(48% .07 240);--warning:oklch(64% .12 75);color:var(--ink);background:var(--canvas);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid oklch(65% .11 185/.55)}.app-shell{max-width:720px;min-height:100dvh;padding:max(22px, env(safe-area-inset-top)) 20px calc(88px + env(safe-area-inset-bottom));margin:auto}.app-header p,.eyebrow{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:700}.app-header h1{letter-spacing:-.04em;margin:0;font-size:27px}.day-selector{grid-template-columns:repeat(5,1fr);gap:7px;margin:26px 0;display:grid}.day-selector button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:12px;padding:9px 2px}.day-selector b,.day-selector span{display:block}.day-selector b{font-size:18px}.day-selector span{font-size:11px;font-weight:700}.day-selector .selected{border-color:var(--accent);background:var(--accent);color:oklch(98% .004 90)}.day-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.day-heading p{color:var(--muted);text-transform:capitalize;margin:0 0 2px;font-size:13px}.day-heading h2{letter-spacing:-.03em;margin:0;font-size:21px}.quiet-action{border:1px solid color-mix(in oklab,var(--rain),var(--line));color:var(--rain);background:0 0;border-radius:10px;align-items:center;gap:6px;padding:9px 10px;font-size:12px;font-weight:700;display:inline-flex}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:12px;bottom:12px;left:59px}.timeline-item{grid-template-columns:46px 27px minmax(0,1fr);min-height:88px;display:grid;position:relative}.timeline-item time{color:var(--muted);padding-top:10px;font-size:12px;font-weight:700}.timeline-dot{z-index:1;border:2px solid var(--surface);background:var(--accent);width:11px;height:11px;box-shadow:0 0 0 1px var(--accent);border-radius:50%;margin:12px 0 0 7px;position:relative}.timeline-content{text-align:left;width:100%;color:inherit;background:0 0;border:0;padding:9px 34px 17px 0;display:block;position:relative}.timeline-title{font-size:15px;font-weight:700;line-height:1.35;display:block}.timeline-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:5px;font-size:12px;display:flex}.timeline-meta svg{color:var(--muted)}.item-more{color:var(--muted);position:absolute;top:9px;right:0}.past .timeline-content,.past time{color:color-mix(in oklab,var(--muted) 72%,var(--canvas))}.past .timeline-dot{background:var(--muted);box-shadow:0 0 0 1px var(--muted)}.current .timeline-content{border:1px solid color-mix(in oklab,var(--accent),var(--line));background:var(--surface);border-radius:13px;margin:-3px 0 10px -10px;padding:13px 40px 16px 10px;box-shadow:0 8px 18px oklch(25% .02 190/.08)}.now-line{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;left:66px;right:0}.now-line:after{content:"";background:var(--accent);flex:1;height:1px}.status-label{color:var(--muted);align-items:center;gap:4px;margin-top:7px;font-size:11px;font-weight:700;display:inline-flex}.bottom-nav{z-index:5;padding:8px max(18px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));border-top:1px solid var(--line);background:color-mix(in oklab,var(--surface) 94%,transparent);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{min-height:48px;color:var(--muted);background:0 0;border:0;place-items:center;gap:4px;font-size:11px;font-weight:700;display:grid}.bottom-nav .active{color:var(--accent)}.sheet-backdrop{z-index:10;background:oklch(20% .02 190/.25);align-items:end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-height:min(78dvh,680px);padding:18px 20px calc(20px + env(safe-area-inset-bottom));background:var(--surface);border-radius:20px 20px 0 0;overflow:auto;box-shadow:0 -12px 35px oklch(20% .02 190/.18)}.sheet header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.sheet h2{letter-spacing:-.025em;margin:0;font-size:18px}.icon-button{background:var(--canvas);width:40px;height:40px;color:var(--ink);border:0;border-radius:50%;place-items:center;display:grid}.sheet-details{color:var(--muted);gap:10px;padding-bottom:14px;font-size:14px;display:grid}.sheet-details p{gap:8px;margin:0;display:flex}.sheet-actions{gap:8px;display:grid}.sheet-actions button,.danger-button{border:1px solid var(--line);background:var(--surface);min-height:48px;color:var(--ink);border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:700;display:flex}.choice-list{gap:2px;display:grid}.choice-row{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:0 0;grid-template-columns:36px 1fr;gap:10px;padding:13px 0;display:grid}.choice-icon{width:34px;height:34px;color:var(--accent);background:oklch(93% .024 185);border-radius:10px;place-items:center;display:grid}.choice-row b,.choice-row small{display:block}.choice-row b{font-size:14px}.choice-row small{color:var(--muted);align-items:center;gap:4px;margin-top:3px;font-size:11px;display:flex}.toast{z-index:20;bottom:calc(84px + env(safe-area-inset-bottom));background:var(--ink);color:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px;font-size:13px;font-weight:700;display:flex;position:fixed;left:20px;right:20px;box-shadow:0 10px 24px oklch(20% .02 190/.22)}.toast button{color:oklch(80% .08 185);background:0 0;border:0;font-weight:700}.simple-screen{padding-top:42px}.simple-screen h2{letter-spacing:-.04em;margin:0 0 22px;font-size:26px}.simple-screen ul{margin:0;padding:0;list-style:none}.simple-screen li{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:15px 0;font-size:14px;display:flex}.simple-screen li b{color:var(--muted);font-size:12px}.simple-screen label{color:var(--muted);gap:7px;margin:16px 0;font-size:13px;font-weight:700;display:grid}.simple-screen input{border:1px solid var(--line);background:var(--surface);min-height:46px;color:var(--ink);border-radius:10px;padding:8px 10px}.danger-button{color:oklch(48% .14 30);border-color:oklch(65% .12 30/.45);width:100%;margin-top:28px}.loading{min-height:100dvh;color:var(--muted);place-items:center;display:grid}@media (width>=700px){.app-shell{padding-inline:30px}.bottom-nav{border-inline:1px solid var(--line);border-radius:18px 18px 0 0;max-width:720px;left:50%;transform:translate(-50%)}}.pwa-update{z-index:30;right:16px;bottom:calc(82px + env(safe-area-inset-bottom));border:1px solid color-mix(in oklab,var(--accent),var(--line));background:var(--surface);color:var(--ink);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 10px 12px 14px;font-size:13px;font-weight:700;display:flex;position:fixed;left:16px;box-shadow:0 12px 30px oklch(20% .02 190/.18)}.pwa-update>div{flex:none;align-items:center;gap:4px;display:flex}.pwa-update-action,.pwa-update-dismiss{min-height:38px;font:inherit;border:0;border-radius:9px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.pwa-update-action{background:var(--accent);color:var(--surface);gap:6px;padding:0 10px}.pwa-update-dismiss{width:38px;color:var(--muted);background:0 0}.pwa-update button:disabled{opacity:.65}.is-spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=390px){.pwa-update{align-items:flex-start}.pwa-update>div{margin-top:-2px}}@media (width>=700px){.pwa-update{max-width:680px;left:50%;transform:translate(-50%)}}