:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#142c4b;background:#f3f6fa;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:auto;padding:20px 16px 50px}h1{font-size:25px}h2{font-size:20px}p{line-height:1.65}label{display:block;font-weight:600;margin:16px 0}input,select,button{font:inherit;min-height:48px;border-radius:8px;width:100%;padding:12px;border:1px solid #91a9c6;margin-top:7px}button{background:#1556b8;color:white;font-weight:700;cursor:pointer}.secondary{background:#fff;color:#174077}.toolbar{display:flex;gap:10px}.toolbar button{flex:1}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #65a5ff;outline-offset:2px}button:disabled{opacity:.6;cursor:wait}#status-message{border-radius:8px;padding:12px;background:#e8f1fc}#status-message:empty{display:none}#status-message.error{background:#fff0f0;color:#991b1b;border:2px solid #b91c1c}#counts{display:flex;flex-wrap:wrap;gap:8px}#counts span{border:1px solid #b8cce5;background:#fff;border-radius:8px;padding:10px}.document{padding:16px;margin:14px 0;background:#fff;border:1px solid #bfd0e5;border-radius:10px;overflow-wrap:anywhere}.document h2{font-size:18px;line-height:1.6;margin:8px 0}.state{display:inline-block;font-weight:700;border-radius:6px;background:#e8f1ff;padding:6px 10px}.state.urgent{background:#fee2e2;color:#991b1b}.state.done{background:#dcfce7;color:#166534}[hidden]{display:none!important}@media(max-width:420px){h1{font-size:22px}.toolbar button{font-size:14px;padding:8px}}

.display-options{border:1px solid #91a9c6;border-radius:8px;background:#eff6ff;padding:10px;margin:14px 0}.display-options summary{cursor:pointer;min-height:44px;padding:10px;font-weight:600}.counter{width:auto;margin:0;background:#fff;color:#174077;border:1px solid #91a9c6;font-size:14px;min-height:44px;padding:8px}.counter[aria-pressed="true"]{background:#174077;color:#fff}

input:user-invalid{border:2px solid #b91c1c;background:#fff1f2}