:root{
  --bg:#0f172a;--card:#111827;--text:#e5e7eb;
  --muted:#9ca3af;--accent:#38bdf8;
}
*{box-sizing:border-box;font-family:system-ui}
body{
  margin:0;background:var(--bg);color:var(--text);
  padding:20px
}
.container{max-width:900px;margin:auto;display:grid;gap:20px}
.card{
  background:var(--card);padding:16px;border-radius:14px
}
h1,h2{margin:0 0 10px}
input,textarea,button{
  width:100%;padding:10px;border-radius:8px;
  border:1px solid #1e293b;background:#020617;color:var(--text)
}
button{
  background:var(--accent);color:#020617;
  border:none;font-weight:700;cursor:pointer
}
ul{list-style:none;padding:0;margin:0}
li{
  background:#020617;margin-top:8px;
  padding:10px;border-radius:8px
}
.done{text-decoration:line-through;opacity:.5}
.top{
  display:flex;justify-content:space-between;align-items:center
}
small{color:var(--muted)}