:root{--bg:#0f1512;--card:#17201c;--card-hover:#1c2722;--border:#26332d;--text:#e8f0eb;--muted:#8ba396;--accent:#3fbf87;--accent-dim:#2a7d59;--danger:#d9584f}@media (prefers-color-scheme:light){:root{--bg:#f4f7f5;--card:#ffffff;--card-hover:#f0f5f2;--border:#dce5e0;--text:#14201a;--muted:#6b7f75;--accent:#1f9c66;--accent-dim:#157a4e;--danger:#c0392b}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,SF Arabic,Geeza Pro,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent}.wrap{max-width:640px;margin:0 auto;padding:24px 16px 96px}header.top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}h1{font-size:26px;margin:0;letter-spacing:-.5px}.sub{color:var(--muted);font-size:13px}form.add{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}input[type=number],textarea{width:100%;background:transparent;border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);font:inherit;font-size:16px;resize:vertical}textarea{min-height:62px}input:focus,textarea:focus{outline:2px solid var(--accent-dim);outline-offset:1px}.row{display:flex;gap:10px;align-items:center}.row label{font-size:13px;color:var(--muted);white-space:nowrap}.row input[type=number]{width:110px}button{font:inherit;cursor:pointer;border-radius:10px;border:1px solid transparent;transition:background .12s,transform .06s}button:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#04140d;font-weight:700;padding:10px 18px;border:none}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border);padding:6px 12px;font-size:13px}.btn-ghost:hover{background:var(--card-hover);color:var(--text)}.btn-danger{color:var(--danger);border-color:transparent;background:transparent;padding:6px 8px;font-size:13px}.btn-danger:hover{background:var(--card-hover)}ul.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}li.item{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;position:relative;overflow:hidden}li.item.done{border-color:var(--accent-dim)}.progress{position:absolute;inset:0 auto 0 0;background:var(--accent);opacity:.09;transition:width .18s ease;pointer-events:none}.item-body{position:relative}.text{font-size:18px;line-height:1.7;white-space:pre-wrap;word-break:break-word;margin:0 0 10px}.meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:15px;color:var(--muted)}.count b{color:var(--text);font-size:19px}.actions{display:flex;gap:6px;align-items:center}.btn-count{background:var(--accent);color:#04140d;font-weight:800;font-size:17px;padding:10px 22px;border:none;min-width:92px}.btn-count:disabled{background:var(--accent-dim);opacity:.55;cursor:default}.badge{font-size:12px;color:var(--accent);border:1px solid var(--accent-dim);border-radius:999px;padding:2px 10px}.empty{color:var(--muted);text-align:center;padding:40px 0;font-size:15px}.footer-bar{margin-top:22px;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px}.footer-bar,.head-actions{display:flex;align-items:center}.head-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.install-wrap{position:relative}.ios-hint{position:absolute;top:calc(100% + 6px);inset-inline-end:0;width:240px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.6;color:var(--muted);z-index:5;margin:0}.save-state{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.save-state.err{color:var(--danger)}.footer-bar{flex-wrap:wrap}.confirm-del{display:inline-flex;align-items:center;gap:6px}.confirm-q{font-size:13px;color:var(--danger)}.btn-confirm-del{background:var(--danger);color:#fff;font-weight:700;font-size:13px;padding:6px 14px;border:none}