:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-main:"Archivo", "Segoe UI", system-ui, sans-serif;--panel:#e7eae5;--surface:#f7f8f6;--surface-sunken:#dfe3dd;--ink:#14181a;--muted:#6e7671;--rule:#cdd3cb;--ok:#2f6f5e;--soon:#b4791b;--over:#b3301f;--track-bg:#cbd2c8}body.dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#14181a;--surface:#1b2124;--surface-sunken:#101416;--ink:#eef1ee;--muted:#8d9793;--rule:#2b3336;--ok:#5cbfa3;--soon:#e0a53c;--over:#f0705c;--track-bg:#2b3336}html,body{font-family:var(--font-main);background:var(--panel);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}*,:before,:after{box-sizing:border-box;font-family:inherit}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.app{background:var(--panel);min-height:100vh;padding:2.5rem 1.25rem 4rem}.shell{max-width:720px;margin:0 auto}.bar{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem;display:flex}.title-heading{min-width:0;margin:0}.title{color:inherit;text-align:left;letter-spacing:-.02em;cursor:text;-webkit-text-decoration:underline dashed var(--rule);text-decoration:underline dashed var(--rule);text-underline-offset:.3em;background:0 0;border:none;margin:0;padding:0;font-size:1.375rem;font-weight:600;text-decoration-thickness:1px}.title:hover,.title:focus-visible{-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.title--placeholder{color:var(--muted)}.title-input{letter-spacing:-.02em;border:none;border-bottom:1px solid var(--ink);background:0 0;outline:none;width:100%;padding:0;font-size:1.375rem;font-weight:600}.bar-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.btn{border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:3px;padding:.4rem .9rem;font-size:.875rem;font-weight:500;transition:background .15s,color .15s}.btn:hover{background:var(--ink);color:var(--panel)}.btn--quiet{border-color:var(--rule)}.icon-btn{width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:3px;place-items:center;padding:0;transition:color .15s,background .15s;display:grid}.icon-btn:hover{color:var(--ink);background:var(--surface-sunken)}.summary{color:var(--muted);flex-wrap:wrap;gap:1.25rem;padding-bottom:.875rem;font-size:.8125rem;display:flex}.summary__item{align-items:center;gap:.4rem;display:flex}.summary__item b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.dot{background:var(--state,var(--muted));border-radius:50%;width:7px;height:7px}.list{border-top:1px solid var(--rule)}.row{--state:var(--ok);border-bottom:1px solid var(--rule);grid-template-columns:4.75rem 1fr;padding:.9rem 0;display:grid}.row--soon{--state:var(--soon)}.row--over{--state:var(--over)}.gauge{text-align:right;border-right:1px solid var(--rule);padding:.05rem 1.15rem 0 0}.gauge__num{letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--state);font-size:2.5rem;font-weight:600;line-height:.9;display:block}.gauge__num--md{font-size:2.1rem}.gauge__num--sm{font-size:1.6rem}.gauge__unit{margin-top:.25rem;font-size:.75rem;line-height:1.25;display:block}.gauge__unit strong{color:var(--ink);white-space:nowrap;font-weight:600;display:block}.gauge__unit span{color:var(--muted);font-size:.6875rem;display:block}.row__body{min-width:0;padding-left:1.15rem}.row__head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.row__name{letter-spacing:-.01em;overflow-wrap:anywhere;min-width:0;font-size:1.0625rem;font-weight:600}.row__cat{color:var(--muted);flex-shrink:0;font-size:.8125rem}.row__desc{color:var(--muted);margin-top:.15rem;font-size:.8125rem}.track{background:var(--track-bg);border-radius:3px;height:6px;margin:.55rem 0 .5rem;position:relative;overflow:hidden}.track__fill{height:100%;width:var(--pct,0%);background:var(--state);border-radius:3px;animation:.6s cubic-bezier(.22,.61,.36,1) both fill}@keyframes fill{0%{width:0%}}.row__foot{justify-content:space-between;align-items:center;gap:1rem;display:flex}.row__dates{color:var(--muted);font-variant-numeric:tabular-nums;gap:1.25rem;font-size:.8125rem;display:flex}.row__actions{flex-shrink:0;gap:.125rem;display:flex}.empty{text-align:center;color:var(--muted);padding:3.5rem 0;font-size:.9375rem}.addform{background:var(--surface);border:1px solid var(--rule);border-radius:4px;margin-bottom:1.25rem;padding:1rem}.addform form{margin:0}.addform__row{flex-wrap:wrap;gap:.5rem;display:flex}.field{background:var(--panel);height:2.25rem;color:var(--ink);border:1px solid var(--rule);border-radius:3px;outline:none;padding:0 .6rem}.field:focus{border-color:var(--ink)}.field--name{min-width:0}.addform__row .field--name{flex:12rem}.field--num{font-variant-numeric:tabular-nums;width:4.5rem}.field--select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=\"%236e7671\" height=\"18\" viewBox=\"0 0 24 24\" width=\"18\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/></svg>");background-position:right .4rem center;background-repeat:no-repeat;flex:0 8rem;padding-right:1.6rem}.addform .btn{height:2.25rem}.edit{flex-direction:column;gap:.625rem;display:flex}.edit__inline{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.edit__meta{flex-wrap:wrap;align-items:center;gap:.5rem .85rem;display:flex}.edit__field{color:var(--muted);align-items:center;gap:.4rem;font-size:.8125rem;display:flex}.field--unit{flex:none;width:6.75rem}.field--date{width:9.5rem}.edit__status{color:var(--state);font-size:.8125rem;font-weight:500}.edit__status--hint{color:var(--muted);font-weight:400}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{color:var(--ink);background:0 0}.edit__actions{gap:.5rem;display:flex}.modal-overlay{z-index:1000;background:#14181a66;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-width:24rem;color:var(--ink);border:1px solid var(--rule);border-radius:4px;padding:1.5rem}.modal__title{margin:0 0 .75rem;font-size:1.0625rem;font-weight:600}.modal__text{color:var(--muted);margin:0 0 1.5rem;font-size:.875rem}.modal__actions{justify-content:flex-end;gap:.5rem;display:flex}.setting{border-top:1px solid var(--rule);padding:.875rem 0}.setting__label{margin-bottom:.5rem;font-size:.875rem;font-weight:500}.setting__choices{color:var(--muted);flex-direction:column;gap:.4rem;font-size:.875rem;display:flex}.legend{color:var(--muted);flex-wrap:wrap;gap:1rem;margin-bottom:.85rem;font-size:.8125rem;display:flex}.legend__item{align-items:center;gap:.4rem;display:flex}.rule{flex-direction:column;gap:.5rem;display:flex}.rule__line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.875rem;display:flex}.rule__line .field{width:4rem;height:2rem;color:var(--ink)}.setting__note{color:var(--muted);margin:.7rem 0 0;font-size:.75rem;line-height:1.45}.setting__choices label{cursor:pointer;align-items:center;gap:.5rem;display:flex}@media (width<=560px){.app{padding:1.75rem 1rem 3rem}.row{grid-template-columns:4.25rem 1fr}.gauge{padding-right:.8rem}.row__body{padding-left:.8rem}.gauge__num{font-size:1.875rem}.gauge__unit{font-size:.6875rem}.row__head{gap:.5rem}.row__foot{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}