:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ink:#1c1b19;--ink-soft:#5b5852;--paper:#faf8f5;--edge:#e5e0d8;--accent:#3f6b5f;--accent-soft:#eaf0ed;--radius:12px;--gap:1rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#ece9e4;--ink-soft:#a5a09a;--paper:#16181a;--edge:#2b2f33;--accent:#7fb3a3;--accent-soft:#1e2724}}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);overscroll-behavior-y:contain;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.55}main{max-width:32rem;padding:2rem 1.25rem calc(6.5rem + env(safe-area-inset-bottom));margin:0 auto}.tabs{background:color-mix(in srgb, var(--paper) 94%, var(--ink) 3%);border-top:1px solid var(--edge);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;bottom:0;left:0;right:0}.tabs ul{max-width:32rem;margin:0 auto;padding:0;list-style:none;display:flex}.tabs li{flex:1}.tabs a{letter-spacing:.01em;min-height:56px;color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.5rem .25rem;font-size:.7rem;text-decoration:none;display:flex}.tabs a[aria-current=page]{color:var(--ink);font-weight:600}.tabs a[aria-current=page] svg{stroke-width:2px}@media (min-width:40rem){.tabs ul{border-radius:var(--radius) var(--radius) 0 0}.tabs a{font-size:.8rem}}h1{letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.5rem;font-weight:600}h2{margin:2rem 0 .5rem;font-size:1.05rem;font-weight:600}p{color:var(--ink-soft);margin:0 0 1rem}.card{border:1px solid var(--edge);border-radius:var(--radius);margin:0 0 var(--gap);background:color-mix(in srgb, var(--paper) 92%, var(--ink) 2%);padding:1.1rem}button{font:inherit;color:var(--paper);background:var(--accent);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;min-height:44px;padding:.7rem 1.1rem;font-weight:500}button:disabled{opacity:.5;cursor:default}button.secondary{color:var(--ink);border-color:var(--edge);background:0 0}label{margin-bottom:.4rem;font-size:.95rem;display:block}input{font:inherit;border:1px solid var(--edge);border-radius:var(--radius);background:var(--paper);width:100%;color:var(--ink);min-height:44px;padding:.7rem .8rem}.status{color:var(--ink-soft);background:var(--accent-soft);border-radius:999px;padding:.2rem .7rem;font-size:.85rem;display:inline-block}.muted{color:var(--ink-soft);font-size:.9rem}input+label{margin-top:var(--gap)}.preview-button{color:var(--ink-soft);border:1px solid var(--edge);border-radius:var(--radius);margin:0 .4rem .4rem 0;padding:.35rem .7rem;font-size:.85rem;display:inline-block}[role=note]{color:var(--ink-soft);border-left:3px solid var(--edge);margin-bottom:0;padding-left:.8rem;font-size:.9rem}.days{margin:0 0 var(--gap);padding:0;list-style:none}.days li{grid-template-columns:3.2rem 1fr auto;align-items:center;gap:.6rem;margin-bottom:.35rem;display:grid}.day-name,.day-total{color:var(--ink-soft);font-size:.85rem}.day-total{text-align:right;font-variant-numeric:tabular-nums}.day-bar{background:var(--accent-soft);border:1px solid var(--edge);border-radius:999px;min-width:2px;height:.6rem;display:block}.corrections{margin-bottom:var(--gap)}.corrections summary{color:var(--ink-soft);cursor:pointer;font-size:.85rem}.corrections ul{margin:.6rem 0 0;padding:0;list-style:none}.corrections li{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.4rem;font-size:.9rem;display:flex}.corrections button{min-height:44px;padding:.35rem .7rem;font-size:.8rem}.upcoming{margin:0 0 var(--gap);padding:0;list-style:none}.guess{color:var(--ink-soft);font-size:.85rem;font-style:italic}.tasks{margin:0 0 var(--gap);padding:0;list-style:none}.tasks li{border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem 0;display:flex}.tasks label{cursor:pointer;flex:1;align-items:center;gap:.7rem;min-height:44px;margin:0;display:flex}.tasks input[type=checkbox]{width:1.4rem;height:1.4rem;min-height:0;accent-color:var(--accent);flex:none}.task-when{color:var(--ink-soft);font-size:.85rem}.task-done{color:var(--ink-soft);text-decoration:line-through;text-decoration-thickness:1px}.tasks button{min-height:44px;padding:.35rem .7rem;font-size:.8rem}a.button{color:var(--paper);background:var(--accent);border-radius:var(--radius);border:1px solid #0000;min-height:44px;padding:.7rem 1.1rem;font-weight:500;line-height:1.6;text-decoration:none;display:inline-block}
