:root{--paper:#f6f2ee;--ink:#3c333f;--muted:#8b8190;--accent:#4a3d55;--line:#e5ddd6;--card:#fffdfb}@media (prefers-color-scheme:dark){:root{--paper:#201b24;--ink:#eae4ee;--muted:#9b8fa3;--accent:#c9b8d8;--line:#383040;--card:#2a2430}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.5 -apple-system,Segoe UI,Roboto,sans-serif}.page{max-width:640px;margin:0 auto;padding:16px 16px 64px}.muted{color:var(--muted)}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:20px;padding:12px 0 20px;display:flex}.topbar .brand{margin-right:auto;font-weight:600}.topbar nav{gap:4px;display:flex}.topbar nav a{color:var(--muted);border-radius:8px;align-items:center;min-height:44px;padding:10px 12px;text-decoration:none;display:inline-flex}.topbar nav a[aria-current=page]{color:var(--ink);background:var(--card);font-weight:600}.topbar .whoami{color:var(--muted);flex-basis:100%;font-size:.9em}.link-button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:none;min-height:44px;padding:0;text-decoration:underline}.add-box{flex-direction:column;gap:8px;margin-bottom:28px;display:flex}.add-box textarea{border:1px solid var(--line);background:var(--card);min-height:60px;color:var(--ink);font:inherit;resize:vertical;border-radius:10px;padding:12px}button{font:inherit}.add-box button,.item-edit button,.agenda-list button,.history-list button,.login-page button{border:1px solid var(--accent);background:var(--accent);min-height:44px;color:var(--paper);cursor:pointer;border-radius:10px;align-self:flex-start;padding:10px 18px}section>h2,.page h1{margin:0 0 12px;font-size:1.1em;font-weight:600}.item-list{margin:0 0 8px;padding:0;list-style:none}.item-row{border-bottom:1px solid var(--line);align-items:stretch;gap:12px;min-height:44px;padding:0 4px;display:flex}.check-hit{cursor:pointer;flex:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.check-hit input[type=checkbox]{width:22px;height:22px;margin:0}.drag-handle{color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:none;min-width:44px;min-height:44px;font-size:1.2em}.item-body{cursor:text;flex:1;align-items:center;padding:4px 0;display:flex}.item-edit{flex-direction:column;flex:1;gap:8px;display:flex}.item-edit textarea{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;border-radius:8px;padding:8px}.item-edit>span{gap:8px;display:flex}.item-delete{color:var(--muted);cursor:pointer;background:0 0;border:none;min-width:44px;min-height:44px;font-size:1.2em}.other-list{margin-top:8px}.other-list summary{cursor:pointer;color:var(--muted);align-items:center;min-height:44px;padding:12px 4px;display:flex}.agenda-list,.history-list{counter-reset:agenda;margin:0;padding:0;list-style:none}.agenda-list li,.history-list li{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:44px;padding:12px 4px;display:flex}.agenda-list li:before{counter-increment:agenda;content:counter(agenda) ".";color:var(--muted);flex:none}.agenda-list li.done .agenda-body{color:var(--muted);text-decoration:line-through}.agenda-author{color:var(--muted);flex:none;font-size:.9em}.agenda-body,.history-body{flex:1}.history-author,.history-date{color:var(--muted);flex:none;font-size:.9em}.login-page{max-width:360px;padding-top:15vh}.login-page form{flex-direction:column;gap:16px;display:flex}.login-page label{flex-direction:column;gap:6px;display:flex}.login-page input{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font:inherit;border-radius:10px;padding:10px 12px}.login-error{color:#b3455a;margin-top:12px}@media (prefers-color-scheme:dark){.login-error{color:#f0a6b6}}