:root{--bg:#f3f6fb;--card:#ffffff;--line:#d8e0ea;--text:#1a2a3a;--muted:#5f7285;--accent:#0d8b6f}*{box-sizing:border-box}body{margin:0;font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif;background:linear-gradient(150deg,#e9f6ff 0,var(--bg) 45%,#eef9f2 100%);color:var(--text)}.container{max-width:720px;margin:64px auto;padding:0 16px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(20,39,58,.06)}h1{margin:0 0 8px}.muted{color:var(--muted);margin:0 0 20px}form{display:flex;gap:8px;margin-bottom:16px}input[type=text]{flex:1 1;padding:12px;border-radius:10px;border:1px solid var(--line);font-size:14px}button{border:none;border-radius:10px;padding:0 14px;height:42px;font-weight:600;cursor:pointer}.btn-primary{background:var(--accent);color:#fff}ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px}li,ul{gap:10px}li{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px}li span{flex:1 1}li.completed span{text-decoration:line-through;color:var(--muted)}.btn-delete{background:#e8eff8;color:#2a4561}.status{margin-top:12px;color:var(--muted);font-size:13px}