:root{--paper: #F4F6F3;--card: #FDFDFC;--ink: #16241F;--soft: #5A6B65;--hair: #D2D9D4;--moss: #3F6B57;--deep: #2C4C3E;--amber: #B8862F;--alert: #A32D2D;--radius: 10px;--tap: 56px;--morning: #C08A2E;--afternoon: #3F6B57;--evening: #4A5D78}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}.screen{min-height:100%;display:flex;flex-direction:column;padding:max(20px,env(safe-area-inset-top)) 18px 0;max-width:620px;margin:0 auto}.body{flex:1;padding-bottom:24px}.actions{position:sticky;bottom:0;padding:12px 0 max(16px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--paper) 72%,transparent);display:grid;gap:10px}h1{font-size:25px;font-weight:600;letter-spacing:-.02em;margin:0 0 2px}h2{font-size:19px;font-weight:600;margin:0 0 8px}p{margin:0 0 10px}.muted{color:var(--soft);font-size:15px}.small{font-size:13.5px;color:var(--soft)}button{font:inherit;font-weight:500;min-height:var(--tap);border-radius:var(--radius);border:1.5px solid var(--moss);background:transparent;color:var(--deep);padding:0 18px;cursor:pointer}button.primary{background:var(--deep);border-color:var(--deep);color:#fff}button.quiet{border-color:var(--hair);color:var(--soft)}button:active{transform:scale(.99)}button:disabled{opacity:.45}button:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.row{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--hair);width:100%;text-align:left;min-height:var(--tap);border-radius:0;border-left:0;border-right:0;border-top:0;background:none;color:inherit;font-weight:400}.row .grow{flex:1}.done{color:var(--soft)}.dial{display:block;margin:8px auto 0;width:min(280px,74vw)}.count{font-size:15vw;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;text-align:center;letter-spacing:-.03em}@media (min-width: 480px){.count{font-size:68px}}.note{border-left:3px solid var(--moss);padding:2px 0 2px 12px;margin:14px 0;font-size:15px;color:var(--soft)}.warn{background:#fbeeee;color:var(--alert);border-radius:var(--radius);padding:12px 14px;margin:14px 0;font-size:15px}.bar{height:7px;background:var(--hair);border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--moss)}.offline{background:var(--amber);color:#2b1d02;text-align:center;padding:7px;font-size:14px}@media (prefers-reduced-motion: reduce){*{transition:none!important}}