:root{--bg:#f6f5f1;--card:#fff;--ink:#1d1d1b;--muted:#6b6a64;--line:#e4e2da;--accent:#2f6f5e;--accent-soft:#e3f0ec;--done:#2f8f5b;--min:#c98a12;--miss:#c4493d;--tap:44px}@media (prefers-color-scheme:dark){:root{--bg:#151614;--card:#1e201d;--ink:#ecebe5;--muted:#9a998f;--line:#2d2f2a;--accent:#6fc2a8;--accent-soft:#1f2f2a;--done:#58c283;--min:#e0a93a;--miss:#e8776c}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}.wrap{max-width:760px;padding:calc(16px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) calc(72px + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px));margin:0 auto}h1{margin:4px 0 2px;font-size:1.25rem}h2{margin:0 0 8px;font-size:1.02rem}.sub{color:var(--muted);margin:0 0 14px;font-size:.9rem}.hint{color:var(--muted);font-size:.84rem}.empty{color:var(--muted);text-align:center;padding:18px 0}.header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:14px}.card.motto{border-left:5px solid var(--accent)}.tabs{gap:6px;margin:12px 0;display:flex}.tab{min-height:var(--tap);border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:10px;flex:1;padding:10px;font-size:.95rem}.tab.on{background:var(--accent);color:var(--card);border-color:var(--accent)}.datebar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.datebar button{min-width:var(--tap);min-height:var(--tap);border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:8px;font-size:1.2rem}.datebar .d{text-align:center;flex:1;font-weight:600}.datebar .d small{color:var(--muted);font-weight:400;display:block}.prog{background:var(--line);border-radius:6px;height:8px;margin:6px 0 2px;overflow:hidden}.prog>div{background:var(--done);height:100%;transition:width .25s}.spread{justify-content:space-between;gap:8px;display:flex}.task{border:1px solid var(--line);background:var(--card);border-radius:12px;margin-bottom:10px;padding:12px}.task.r-done{border-left:5px solid var(--done)}.task.r-min{border-left:5px solid var(--min)}.task.r-miss{border-left:5px solid var(--miss)}.task .top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.task .name{overflow-wrap:anywhere;flex:1;padding-top:10px;font-size:1rem;font-weight:600}.meta{color:var(--muted);flex-wrap:wrap;gap:6px;margin:6px 0;font-size:.82rem;display:flex}.pill{background:var(--accent-soft);color:var(--accent);border-radius:99px;padding:2px 9px}.pill.none{background:var(--line);color:var(--muted)}.res{gap:6px;margin-top:8px;display:flex}.res button{min-height:var(--tap);border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:9px;flex:1;padding:9px 4px;font-size:.88rem}.res button.on.done{background:var(--done);color:var(--card);border-color:var(--done)}.res button.on.min{background:var(--min);color:var(--card);border-color:var(--min)}.res button.on.miss{background:var(--miss);color:var(--card);border-color:var(--miss)}.x{min-width:var(--tap);min-height:var(--tap);color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.1rem}input,textarea,select{width:100%;min-height:var(--tap);font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:16px}textarea{resize:vertical;min-height:60px}label{color:var(--muted);margin:8px 0 3px;font-size:.8rem;display:block}label.check{min-height:var(--tap);color:var(--ink);align-items:center;gap:8px;margin-top:6px;font-size:.9rem;display:flex}label.check input{width:22px;height:22px;min-height:22px}.row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn{min-height:var(--tap);border:1px solid var(--accent);background:var(--accent);color:var(--card);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:.95rem}.header .btn{white-space:nowrap;flex-shrink:0}.btn.ghost{color:var(--accent);background:0 0}.btn:disabled{opacity:.6;cursor:default}.actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tpl-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.tpl-row span{overflow-wrap:anywhere;flex:1}.tpl-row select{width:auto;max-width:40%}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{border-bottom:1px solid var(--line);text-align:left;padding:7px 8px}td.n,th.n{text-align:right;width:3.2em}th{color:var(--muted);font-weight:500}.auth{max-width:420px;margin:10vh auto 0}.auth .error{color:var(--miss);margin:8px 0 0;font-size:.9rem}.status{right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 24px);color:var(--muted);background:var(--card);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:99px;padding:5px 12px;font-size:.78rem;position:fixed;overflow:hidden}.status.saved{color:var(--done)}.status.offline{color:var(--min)}.status.error{color:var(--card);background:var(--miss);border-color:var(--miss);white-space:normal}#errbar{left:calc(8px + env(safe-area-inset-left,0px));right:calc(8px + env(safe-area-inset-right,0px));top:calc(8px + env(safe-area-inset-top,0px));z-index:99;color:#fff;cursor:pointer;background:#c4493d;border-radius:10px;padding:12px;font-size:.88rem;position:fixed}#errbar[hidden]{display:none}.stat-label{color:var(--muted);margin:0;font-size:.85rem}.stat-value{margin:2px 0;font-size:2.4rem;font-weight:650;line-height:1.1}.delta{color:var(--muted);margin:0 0 4px;font-size:.9rem}.delta.good{color:var(--done)}.delta.bad{color:var(--miss)}.pill.streak{background:color-mix(in srgb, var(--min) 20%, var(--card));color:var(--ink)}.pill.streak.none{background:var(--line);color:var(--muted)}.readout{color:var(--ink);min-height:1.3em;margin:6px 0 0;font-size:.88rem}.week-bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:6px;height:80px;margin-top:10px;display:flex}.bar-slot{cursor:pointer;outline-offset:2px;flex:1;align-items:flex-end;height:100%;display:flex}.bar{background:color-mix(in srgb, var(--muted) 45%, var(--card));border-radius:4px 4px 0 0;width:100%}.bar.now{background:var(--done)}.bar-slot:hover .bar,.bar-slot:focus-visible .bar{filter:brightness(1.12)}.axis-labels{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:.75rem;display:flex}.heatmap{touch-action:manipulation;grid-template-columns:auto repeat(12,1fr);gap:3px;display:grid}.heat-days,.heat-col{grid-template-rows:repeat(7,1fr);gap:3px;display:grid}.heat-days span{color:var(--muted);align-items:center;padding-right:2px;font-size:.65rem;display:flex}.heat-cell{aspect-ratio:1;cursor:pointer;border-radius:3px}.heat-cell.l-none{box-shadow:inset 0 0 0 1px var(--line)}.heat-cell.l-future{visibility:hidden;cursor:default}.heat-cell.l-0{background:color-mix(in srgb, var(--done) 12%, var(--card))}.heat-cell.l-1{background:color-mix(in srgb, var(--done) 35%, var(--card))}.heat-cell.l-2{background:color-mix(in srgb, var(--done) 58%, var(--card))}.heat-cell.l-3{background:color-mix(in srgb, var(--done) 80%, var(--card))}.heat-cell.l-4{background:var(--done)}.heat-cell.today{outline:2px solid var(--ink);outline-offset:1px}.heat-cell.selected{outline:2px solid var(--accent);outline-offset:1px}.heat-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px;font-size:.75rem;display:flex}.heat-cell.legend{cursor:default;width:12px;height:12px;display:inline-block}.heat-legend .heat-cell.l-none{margin-left:10px}.heat-readout{min-height:var(--tap);justify-content:space-between;align-items:center;gap:8px;display:flex}.trend{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.trend:last-child{border-bottom:none}.trend-value{margin:0;font-size:1.3rem;font-weight:650}.to-go{margin:0}.spark{flex-shrink:0;overflow:visible}.spark-line{fill:none;stroke:var(--muted);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.spark-dot{fill:var(--muted)}.spark-now{fill:var(--done);stroke:var(--card);stroke-width:2px}details.goals summary{min-height:var(--tap);cursor:pointer;justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}details.goals summary::-webkit-details-marker{display:none}details.goals summary:after{content:"▾";color:var(--muted)}details.goals[open] summary:after{content:"▴"}