:root{color:#1f2933;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{align-items:center;background:radial-gradient(circle at 10% 10%,rgba(242,201,76,.16),transparent 28rem),radial-gradient(circle at 90% 0%,rgba(74,144,226,.12),transparent 24rem),#f5f7fb;display:flex;justify-content:center;min-height:100vh;padding:32px 16px}.todo-panel{background:#ffffffeb;border:1px solid rgba(31,41,51,.1);border-radius:8px;box-shadow:0 24px 80px #1f29331f;max-width:720px;padding:28px;width:min(100%,720px)}.app-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.mark{align-items:center;background:#0f766e;border-radius:8px;color:#fff;display:inline-flex;height:52px;justify-content:center;width:52px}.eyebrow{color:#697586;font-size:.78rem;font-weight:700;letter-spacing:0;margin:0 0 3px;text-transform:uppercase}h1{font-size:clamp(2rem,4vw,3rem);line-height:1;margin:0}.add-form{display:grid;gap:10px;grid-template-columns:1fr 48px;margin-bottom:16px}.add-form input,.edit-input{background:#fff;border:1px solid #d0d7de;border-radius:8px;color:#1f2933;min-height:48px;outline:none;padding:0 14px;width:100%}.add-form input:focus,.edit-input:focus{border-color:#0f766e;box-shadow:0 0 0 4px #0f766e21}.add-form button,.item-actions button,.check-button{align-items:center;border:0;border-radius:8px;display:inline-flex;justify-content:center}.add-form button{background:#0f766e;color:#fff;min-height:48px}.alert{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;color:#be123c;margin:0 0 16px;padding:12px 14px}.stats-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:18px 0}.stat{background:#f8fafc;border:1px solid #e3e8ef;border-radius:8px;min-height:76px;padding:12px}.stat span{color:#697586;display:block;font-size:.82rem}.stat strong{display:block;font-size:1.75rem;line-height:1.1;margin-top:8px}.filters{background:#eef2f6;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);margin-bottom:18px;padding:4px}.filters button{background:transparent;border:0;border-radius:6px;color:#4b5565;min-height:38px;text-transform:capitalize}.filters button.selected{background:#fff;box-shadow:0 1px 3px #1f29331f;color:#1f2933;font-weight:700}.todo-list{display:grid;gap:10px;min-height:112px}.todo-item{align-items:center;background:#fff;border:1px solid #e3e8ef;border-radius:8px;display:grid;gap:12px;grid-template-columns:40px 1fr auto;min-height:66px;padding:10px 12px}.todo-item p{line-height:1.4;margin:0;overflow-wrap:anywhere}.todo-item p.completed{color:#697586;text-decoration:line-through}.check-button{background:#ecfdf5;color:#0f766e;height:40px;width:40px}.check-button.checked{background:#0f766e;color:#fff}.item-actions{display:flex;gap:6px}.item-actions button{background:#f8fafc;color:#4b5565;height:36px;width:36px}.item-actions button:hover{background:#eef2f6;color:#1f2933}.empty-state{align-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:#697586;display:flex;gap:10px;justify-content:center;min-height:112px;padding:24px;text-align:center}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:560px){.app-shell{align-items:stretch;padding:0}.todo-panel{border:0;border-radius:0;min-height:100vh;padding:22px 16px}.stats-grid{grid-template-columns:1fr}.todo-item{grid-template-columns:40px 1fr}.item-actions{grid-column:2;justify-content:flex-end}}