:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ink:#1a1c1b;--muted:#6b716e;--line:#e3e6e4;--accent:#0f7a52;--bg:#fbfcfb;font:15px/1.5 system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#e8ebe9;--muted:#9aa19d;--line:#2a2e2c;--bg:#131413}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}.page{max-width:640px;margin:0 auto;padding:48px 16px}.center{text-align:center;padding-top:20vh}h1{margin:0 0 8px;font-size:24px;font-weight:600}.muted{color:var(--muted)}.bar{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.add{gap:8px;margin-bottom:16px;display:flex}.add input{border:1px solid var(--line);color:inherit;font:inherit;background:0 0;border-radius:8px;flex:1;padding:10px 12px}.button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-weight:500;text-decoration:none;display:inline-block}.button:disabled{opacity:.5;cursor:default}.link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0}.notes{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.notes li{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.notes time{color:var(--muted);white-space:nowrap;font-size:13px}.error{color:#c0392b}