:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);-webkit-text-size-adjust:100%}*{box-sizing:border-box}[hidden]{display:none!important}button,input,select,textarea{font:inherit;-webkit-tap-highlight-color:transparent}:root{--paper:#f4f5f2;--sheet:#fff;--ink:#1e2420;--muted:#5f6a63;--line:#d8ddd8;--accent:#2d5b9a;--accent-soft:#e2eaf6;--warn:#b5562b;--warn-soft:#f6e6dd;--shadow:#1e24201f;--f-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--f-mono:ui-monospace,Menlo,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#121614;--sheet:#1a201d;--ink:#e6ebe8;--muted:#9aa6a0;--line:#2b3430;--accent:#8fb3ec;--accent-soft:#1f2b40;--warn:#ec9a72;--warn-soft:#3a2720;--shadow:#00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#121614;--sheet:#1a201d;--ink:#e6ebe8;--muted:#9aa6a0;--line:#2b3430;--accent:#8fb3ec;--accent-soft:#1f2b40;--warn:#ec9a72;--warn-soft:#3a2720;--shadow:#00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.5}.wrap{max-width:760px;padding:12px max(16px,env(safe-area-inset-left,0px)) 48px max(16px,env(safe-area-inset-right,0px));margin:0 auto}header.top{z-index:5;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0}header.top .wrap{align-items:center;gap:12px;padding-block-start:10px;padding-block-end:10px;display:flex}.brand{font-size:20px;font-weight:700}nav.tabs{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}nav.tabs a{color:var(--muted);border-radius:8px;padding:6px 10px;text-decoration:none}nav.tabs a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.card{background:var(--sheet);border:1px solid var(--line);box-shadow:0 1px 2px var(--shadow);border-radius:12px;margin:10px 0;padding:14px 16px}.muted{color:var(--muted)}.btn{background:var(--accent);color:var(--sheet);cursor:pointer;border:0;border-radius:10px;padding:10px 16px}.btn.ghost{color:var(--accent);border:1px solid var(--line);background:0 0}.due{color:var(--warn)}.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
