*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;margin:0;background:#0b1220;color:#e7eefc}
.container{max-width:900px;margin:0 auto;padding:24px}
.header{margin-bottom:16px}
.muted{color:#a7b3cc}
.card{background:#111a2e;border:1px solid #223051;border-radius:12px;padding:16px;margin:16px 0}
.row{display:flex;gap:10px;align-items:center}
.between{justify-content:space-between}
input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid #2a3a60;background:#0b1220;color:#e7eefc}
button{padding:10px 12px;border-radius:10px;border:1px solid #2a3a60;background:#1d2b4d;color:#e7eefc;cursor:pointer}
button:hover{background:#26365f}
.list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.item{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:start;padding:12px;border:1px solid #223051;border-radius:12px;background:#0b1220}
.item.done{opacity:.7}
.title{font-weight:700}
.notes{color:#a7b3cc;font-size:.92rem;margin-top:2px;white-space:pre-wrap}
.actions{display:flex;gap:8px}