:root{color-scheme:light dark;--bg: #f5f5f4;--card: #ffffff;--text: #1c1c1c;--dim: #767676;--line: #e4e4e2;font:17px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #111111;--card: #1e1e1e;--text: #f2f2f2;--dim: #9a9a9a;--line: #2e2e2e}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}main{max-width:640px;min-height:100dvh;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}a{color:inherit;text-decoration:none}small,.dim{color:var(--dim)}h1{flex:1;margin:0;font-size:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button,select,input,textarea{font:inherit;color:inherit}button,select{min-height:44px;padding:0 12px;border:0;border-radius:10px;background:none;cursor:pointer}button:disabled{opacity:.4}button.primary{background:var(--text);color:var(--bg)}button[aria-pressed=true]{background:var(--line)}select{flex:1;min-width:0;background:var(--card)}input:not([type=checkbox]),textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card);resize:none}input[type=checkbox]{width:24px;height:24px;flex:none;accent-color:var(--text)}header,.bar{display:flex;align-items:center;gap:8px}.bar{justify-content:space-between}nav.bar a,.note>a{min-height:44px;padding:0 12px;display:flex;align-items:center}.dump{padding:8px;border-radius:16px;background:var(--card)}.dump textarea{border:0;background:none;outline:none}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.box{min-height:96px;padding:14px;border-radius:16px;background:var(--card);display:flex;flex-direction:column;justify-content:space-between}.box:first-child{grid-column:1 / -1;min-height:64px;flex-direction:row;align-items:center}ul{margin:0;padding:0;list-style:none;border-radius:16px;background:var(--card)}ul:empty{display:none}ul>p{margin:0;padding:14px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:0 8px 0 14px;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row>a{flex:1;min-width:0;min-height:52px;padding:8px 0;display:flex;flex-direction:column;justify-content:center}.row span,.row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row small:empty{display:none}.row.done span{color:var(--dim);text-decoration:line-through}.actions{flex-basis:100%;flex-wrap:wrap;justify-content:flex-start;padding-bottom:8px}.actions select{flex:none}.lock{justify-content:center}.lock form{display:flex;flex-direction:column;gap:12px}.note textarea{flex:1;min-height:50dvh}