*{box-sizing:border-box}body{margin:0;font-family:"Plus Jakarta Sans","Segoe UI",sans-serif;background:radial-gradient(circle at top,#f0fffb 0,#dff7f2 45%,#fff 100%);color:#0f172a}.app{min-height:100vh;display:grid;place-items:center;padding:48px 20px}.card{width:min(760px,100%);background:#fff;border-radius:24px;padding:32px;box-shadow:0 20px 40px rgba(15,23,42,.12);display:flex;flex-direction:column;grid-gap:24px;gap:24px}.header{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#0f766e;margin:0 0 6px}h1{margin:0 0 8px;font-size:clamp(1.8rem,3vw,2.4rem)}.subtitle{margin:0;color:#64748b}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:12px;gap:12px;background:#f1f5f9;border-radius:16px;padding:16px}.stats span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#0f766e}.stats strong{display:block;font-size:1.4rem}.todo-form{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px}.todo-form input{padding:12px 14px;border-radius:14px;border:1px solid #94d3cf;font-size:1rem}.todo-form button{padding:12px 18px;border-radius:14px;border:none;background:linear-gradient(135deg,#0f766e,#22d3ee);color:#fff;font-weight:600;cursor:pointer}.footer{display:flex;justify-content:flex-end}.footer .ghost{border:1px solid #94d3cf;background:transparent;padding:10px 16px;border-radius:12px;cursor:pointer;color:#0f766e}@media (max-width:640px){.todo-form{grid-template-columns:1fr}.footer{justify-content:center}}.list-wrap{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.list-item{display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;align-items:center;background:#f8fafc;border-radius:16px;padding:12px 14px}.list-item input{border:none;background:transparent;font-size:1rem;color:#0f172a}.list-item input:focus{outline:none}.list-item input.done{text-decoration:line-through;color:#94a3b8}.list-item button{border:none;background:transparent;color:#ef4444;font-weight:600;cursor:pointer}.empty{color:#94a3b8;text-align:center}.check,.check input{display:grid;place-items:center}.check input{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:6px;border:2px solid #94d3cf;cursor:pointer;background:#fff}.check input:checked{background:#0f766e;border-color:#0f766e}.check input:checked:after{content:"";width:8px;height:8px;border-radius:2px;background:#fff}.check span{display:none}
/*# sourceMappingURL=main.23d56548.chunk.css.map */