:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#eef2ff 0%,#f9fafb 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}#root{min-height:100vh}.app-shell{box-sizing:border-box;place-items:center;min-height:100vh;padding:24px;display:grid}.todo-card{background:#fff;border-radius:20px;width:min(100%,560px);padding:24px;box-shadow:0 20px 45px #0f172a1f}.todo-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#6366f1;margin:0 0 4px;font-size:.76rem}h1{color:#111827;margin:0;font-size:2rem}.badge{color:#4338ca;background:#eef2ff;border-radius:999px;padding:8px 12px;font-weight:600}.todo-form{gap:10px;margin-bottom:16px;display:flex}.todo-form input{border:1px solid #d1d5db;border-radius:10px;flex:1;padding:10px 12px;font-size:1rem}.todo-form button,.todo-footer button{cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:600}.todo-form button{color:#fff;background:#4f46e5}.todo-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.todo-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px}.todo-item label{cursor:pointer;align-items:center;gap:10px;display:flex}.todo-item.done span{color:#6b7280;text-decoration:line-through}.todo-footer{color:#4b5563;justify-content:space-between;align-items:center;margin-top:16px;display:flex}.todo-footer button{color:#374151;background:#f3f4f6}.todo-footer button:disabled{opacity:.6;cursor:not-allowed}