:root{--bg: #f5f5f7;--surface: #ffffff;--text: #1c1c1e;--muted: #8a8a8e;--border: #e3e3e8;--accent: #4f46e5;--accent-soft: #eef0ff;--danger: #d93b3b;--danger-soft: #fdecec;--radius: 12px}@media(prefers-color-scheme:dark){:root{--bg: #16161a;--surface: #1f1f24;--text: #f2f2f5;--muted: #9a9aa2;--border: #303038;--accent: #8b85ff;--accent-soft: #2a2a3d;--danger: #ff6b6b;--danger-soft: #3a2222}}*{box-sizing:border-box}body{margin:0;padding:32px 16px 64px;min-height:100vh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.app{max-width:640px;margin:0 auto}.app__header h1{margin:0;font-size:1.9rem;letter-spacing:-.02em}.app__subtitle{margin:4px 0 24px;color:var(--muted);font-size:.9rem}.form{display:flex;gap:8px;margin-bottom:20px}.form__input{flex:1;min-width:0;padding:12px 14px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.form__input:focus{outline:2px solid var(--accent);outline-offset:1px}.form__button{padding:12px 18px;font:inherit;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:var(--radius);cursor:pointer}.form__button:hover{filter:brightness(1.08)}.banner{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:10px 14px;font-size:.9rem;color:var(--danger);background:var(--danger-soft);border-radius:var(--radius)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.item--dragging{opacity:.45;border-color:var(--accent)}.item__handle{cursor:grab;padding:4px 2px;color:var(--muted);font-size:1.1rem;line-height:1;-webkit-user-select:none;user-select:none;touch-action:none}.item__handle:active{cursor:grabbing}.item__checkbox{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.item__text{flex:1;min-width:0;padding:2px 4px;font:inherit;text-align:left;color:inherit;background:none;border:none;border-radius:6px;cursor:text;word-break:break-word}.item__input{flex:1;min-width:0;padding:2px 4px;font:inherit;color:var(--text);background:transparent;border:none;border-bottom:1px solid var(--accent);outline:none}.item--done .item__text{color:var(--muted);text-decoration:line-through}.item__actions{display:flex;gap:2px;flex-shrink:0}.icon-button{width:28px;height:28px;display:grid;place-items:center;font:inherit;font-size:.85rem;color:var(--muted);background:transparent;border:none;border-radius:6px;cursor:pointer}.icon-button:hover:not(:disabled){background:var(--accent-soft);color:var(--text)}.icon-button:disabled{opacity:.25;cursor:default}.icon-button--danger:hover:not(:disabled){color:var(--danger)}.empty{margin:24px 0;text-align:center;color:var(--muted);font-size:.9rem}.app__footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:.85rem;color:var(--muted)}.app__hint{margin:32px 0 0;font-size:.8rem;line-height:1.4;text-align:center;color:var(--muted)}.link-button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}.link-button--danger:hover{color:var(--danger)}