@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#e9ebef;--card:#fff;--ink:#14161a;--ink2:#4b5058;--line:#eef0f3;--edge:#dde0e6;--track:#e4e6eb;--sunk:#f2f3f6;--faint:#c3c7cf;--r:20px;--pad:18px;--gap:12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif}button{font:inherit;cursor:pointer}p{line-height:1.5}a{color:var(--ink)}a:hover{color:var(--ink2)}.page{gap:var(--gap);flex-direction:column;max-width:390px;margin:0 auto;padding:24px 16px 28px;display:flex}@media (min-width:900px){.page{grid-template-columns:1fr 1fr;align-items:start;max-width:1080px;display:grid}.span{grid-column:1/-1}}.head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.h1{letter-spacing:-.025em;margin:0;font-size:28px;font-weight:600;line-height:1.1}.date{color:var(--ink2);font-size:13px}.round{background:var(--card);border:1px solid var(--edge);width:44px;height:44px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;display:flex}.round[disabled]{opacity:.4;cursor:default}.round svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.week{gap:4px;display:flex}.wd{color:var(--ink);background:0 0;border:0;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:9px 0;text-decoration:none;display:flex}.wd small{letter-spacing:.07em;color:var(--ink2);font-size:10px;font-weight:600}.wd b{font-size:15px;font-weight:600}.wd.on{background:var(--ink)}.wd.on small,.wd.on b{color:#fff}.wd.off{opacity:.34;pointer-events:none}.card{background:var(--card);border-radius:var(--r);padding:var(--pad);flex-direction:column;gap:12px;display:flex}.lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);font-size:11px;font-weight:600}.sub{color:var(--ink2);font-size:13px;line-height:1.45}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.big{letter-spacing:-.03em;font-size:32px;font-weight:600;line-height:1}.unit{color:var(--ink2);font-size:16px;font-weight:500}.track{background:var(--track);border-radius:999px;height:10px;overflow:hidden}.fill{background:var(--ink);border-radius:999px;height:100%}.fill.over{background:repeating-linear-gradient(45deg,var(--ink),var(--ink) 4px,var(--faint) 4px,var(--faint) 8px)}.chip{background:var(--sunk);color:var(--ink2);border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-flex}.chip.on{background:var(--ink);color:#fff}.pill{background:var(--ink);color:#fff;border:0;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:600}.pill.ghost{background:var(--sunk);color:var(--ink)}.brk{flex-direction:column;gap:8px;font-size:14px;display:flex}.brk div{justify-content:space-between;display:flex}.brk .tot{border-top:1px solid var(--line);padding-top:8px;font-weight:600}.list{flex-direction:column;display:flex}.item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:10px;padding:10px 0;font-size:14px;display:flex}.item:last-child{border-bottom:0}.item .t{color:var(--ink2);font-variant-numeric:tabular-nums;margin-right:8px;font-size:11px}.zone{background:var(--faint);border-radius:999px;width:7px;height:7px;margin-right:7px;display:inline-block}.zone.g{background:var(--ink)}.zone.y{background:var(--ink2)}.zone.r{background:var(--faint);box-shadow:inset 0 0 0 1.5px var(--ink)}.empty{color:var(--ink2);padding:6px 0;font-size:13px}.pick{color:var(--ink2);border:1px solid var(--edge);background:#fff}.pick:has(input:checked){background:var(--track);color:var(--ink);border-color:var(--track)}.pick:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}