:root{--bg:#f6f8fb;--card:#fff;--muted:#6b7280;--accent:#2563eb}*{box-sizing:border-box}#__next,body,html{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(180deg,#f6f8fb,#f0f4f8);color:#0f172a;-webkit-font-smoothing:antialiased}.container{max-width:920px;margin:40px auto;padding:20px}.card{background:var(--card);border-radius:12px;padding:20px;box-shadow:0 6px 18px rgba(15,23,42,.06);border:1px solid rgba(15,23,42,.03)}h1{margin:0 0 8px;font-size:30px}.lead{color:var(--muted)}.form,.lead{margin-bottom:16px}.form{display:flex;gap:8px}.form input:not([type]),.form input[type=search],.form input[type=text]{flex:1 1;padding:10px 12px;border:1px solid #e6edf3;border-radius:10px;outline:none;background:#fbfdff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6)}.form input:focus{border-color:var(--accent);box-shadow:0 4px 18px rgba(37,99,235,.08)}.add-btn{padding:10px 14px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-weight:600}.add-btn:hover{filter:brightness(.95)}ul{list-style:none;padding:0;margin:0}li{margin:10px 0;padding:10px;border-radius:10px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid rgba(2,6,23,.03)}li,li label{display:flex;align-items:center}li label{flex:1 1;gap:12px}.task-checkbox{width:18px;height:18px}.task-title{font-size:15px}.completed{text-decoration:line-through;color:var(--muted)}.delete-button{margin-left:12px;background:#ef4444;border:none;color:#fff;padding:8px 10px;border-radius:8px;cursor:pointer}.delete-button:hover{opacity:.95}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted);font-size:13px}@media (max-width:600px){.container{margin:20px;padding:16px}.form{flex-direction:column}.add-btn{width:100%}}