:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#222129;--surface:#fff;--surface-strong:#eef0f4;--surface-muted:#f5f4f8;--text-primary:#15161a;--text-secondary:#5b5d67;--border:#d9d8df;--accent:#f08a33;--accent-soft:#f9e3d0;--success:#42b883;--shadow:0 20px 50px #22212914;background:#f7f6f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text-primary);background:radial-gradient(circle at top,#f08a331f,#0000 32%),linear-gradient(#f7f6f9 0%,#f0eff4 100%);margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.app-card{background:var(--surface);border:1px solid var(--border);width:min(100%,520px);box-shadow:var(--shadow);border-radius:18px;padding:2rem}.app-header{gap:.75rem;margin-bottom:1.75rem;display:grid}.app-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,3vw,2.4rem)}.app-subtitle{color:var(--text-secondary);margin:0;line-height:1.6}.todo-form{gap:1rem;margin-bottom:1.5rem;display:grid}.todo-form label{color:var(--text-secondary);font-size:.95rem}.input-row{grid-template-columns:1fr auto;gap:.75rem;display:grid}.todo-input,.todo-edit-input{border:1px solid var(--border);background:var(--surface-muted);width:100%;min-height:3.4rem;color:var(--text-primary);border-radius:15px;padding:.95rem 1rem;transition:border-color .2s,box-shadow .2s}.todo-input:focus,.todo-edit-input:focus{border-color:#f08a33b3;outline:none;box-shadow:0 0 0 4px #f08a331f}.todo-button{color:#fff;letter-spacing:.01em;background:linear-gradient(135deg,#f08a33,#ff9f4a);border:none;border-radius:15px;min-width:6.5rem;font-weight:600;transition:transform .2s,box-shadow .2s}.todo-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #f08a3329}.todo-list-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:18px;padding:1rem}.todo-list-section{margin-bottom:1.5rem}.todo-list-section:last-child{margin-bottom:0}.todo-list-section h2{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 1rem;font-size:1.05rem}.empty-state{color:var(--text-secondary);text-align:center;background:#f08a3314;border-radius:15px;padding:1.5rem}.todo-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.todo-item{background:var(--surface);border:1px solid var(--border);border-radius:15px;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid}.todo-item.drag-over{background:#f08a3314;border-color:#f08a3359}.todo-item-form{display:contents}.todo-text{color:var(--text-primary);word-break:break-word;font-size:1rem}.todo-text.done{color:var(--text-secondary);text-decoration:line-through}.todo-actions{flex-wrap:wrap;gap:.5rem;display:flex}.icon-button{background:var(--surface-muted);color:#5b5d67;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.icon-button:hover{color:#f08a33;background:#f08a3314;border-color:#f08a3359}.icon-button:focus-visible{outline-offset:2px;outline:2px solid #f08a3359}@media (width<=620px){.app-shell{padding:1.5rem .75rem}.app-card{padding:1.75rem}.app-header h1{font-size:2.1rem}.todo-form{gap:.85rem}.input-row{grid-template-columns:1fr}.todo-button{width:100%}}@media (width<=520px){.app-card{border-radius:16px;padding:1.25rem}.app-header{gap:.65rem}.todo-input,.todo-edit-input{min-height:3rem;padding:.85rem .95rem}.todo-item{grid-template-columns:1fr;padding:.95rem}.todo-actions{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;margin-top:.75rem}.icon-button{width:2.5rem;height:2.5rem}}@media (width<=380px){.app-shell{padding:1rem .75rem}.app-card{width:100%;padding:1rem}.app-header h1{font-size:1.85rem}.todo-form label,.todo-text{font-size:.95rem}.todo-button{min-width:auto;padding:.95rem 1rem}}