:root{--paper:#faf8f4;--surface:#fff;--ink:#1f1d1a;--ink-2:#5c5852;--ink-3:#8f8a82;--rule:#e6e1d8;--accent:#3b5bcc;--accent-soft:#e6ebfa;--danger:#b63c2f;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#15171b;--surface:#1d2025;--ink:#e8e6e1;--ink-2:#aaa59d;--ink-3:#7b776f;--rule:#2d3138;--accent:#8ba4f5;--accent-soft:#232c45;--danger:#ef8a7d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit;color:inherit}.btn{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);min-height:36px;color:var(--ink-2);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.btn:hover{color:var(--ink);border-color:var(--ink-3)}.btn:focus-visible,.title:focus-visible,.handle:focus-visible,.check:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.icon{width:36px;padding:0;font-size:20px;line-height:1}.btn.small{min-height:28px;padding:0 9px;font-size:13px}.btn.small.icon{width:28px;font-size:17px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}.btn.primary:disabled{opacity:.45;cursor:default}.btn.danger:hover{color:var(--danger);border-color:var(--danger)}.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.day{max-width:640px;margin:0 auto;padding:40px 16px 64px}.daynav{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.daynav h1{letter-spacing:-.01em;margin:0;font-size:2rem;font-weight:650;line-height:1.15}.rel{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin:0 0 2px;font-size:13px;font-weight:600}.rel-today{color:var(--accent)}.longdate{color:var(--ink-2);margin:2px 0 0}.daynav-controls{align-items:center;gap:6px;display:flex}.datepick{width:auto;padding:0 8px}.tasks{margin:0;padding:0;list-style:none}.task{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);align-items:center;gap:8px;margin-bottom:6px;padding:6px 8px;display:flex}.task.dragging{z-index:1;position:relative;box-shadow:0 6px 20px #0000001f}.handle{color:var(--ink-3);cursor:grab;letter-spacing:-3px;touch-action:none;background:0 0;border:0;padding:4px 2px}.task.dragging .handle{cursor:grabbing}.check{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex:none;margin:0 4px}.title{text-align:left;cursor:text;overflow-wrap:anywhere;background:0 0;border:0;flex:1;min-width:0;padding:6px 4px}.task.done .title{color:var(--ink-3);text-decoration:line-through}.title-edit{border:1px solid var(--accent);background:var(--paper);border-radius:6px;outline:none;flex:1;min-width:0;padding:5px 6px}.actions{flex:none;gap:4px;display:flex}@media (hover:hover){.actions{opacity:0;transition:opacity .12s}.task:hover .actions,.task:focus-within .actions{opacity:1}}.picker-wrap{display:inline-flex;position:relative}.picker{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.picker::-webkit-calendar-picker-indicator{cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.picker-wrap:hover .btn{color:var(--ink);border-color:var(--ink-3)}.picker-wrap:has(.picker:focus-visible) .btn{outline:2px solid var(--accent);outline-offset:2px}.empty{color:var(--ink-3);margin:8px 2px 20px}.add{gap:8px;margin-top:14px;display:flex}.add input{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);flex:1;min-width:0;min-height:44px;padding:0 14px}.add input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.add .btn{min-height:44px;padding:0 18px}.day-footer{color:var(--ink-3);justify-content:space-between;align-items:center;margin:18px 2px 0;font-size:13px;display:flex}.link{color:var(--ink-3);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px 0;text-decoration:underline}.link:hover{color:var(--ink)}.login{max-width:360px;margin:0 auto;padding:18vh 16px 64px}.login h1{margin:0 0 24px;font-size:1.8rem;font-weight:650}.login form{gap:14px;display:grid}.login label{color:var(--ink-2);gap:6px;font-size:14px;display:grid}.login input{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);min-height:44px;padding:0 14px}.login input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.login .btn{min-height:44px;margin-top:6px}.login-error{color:var(--danger);margin:0;font-size:14px}@media (max-width:520px){.day{padding-top:24px}.daynav h1{font-size:1.6rem}.task{flex-wrap:wrap}.actions{justify-content:flex-end;width:100%}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}