.fields { display:flex; gap:16px; margin-bottom:20px; }
label { display:flex; flex-direction:column; gap:8px; font-size:.85rem; font-weight:650; }
.label-field { flex:1; min-width:0; }
input { font:inherit; color:var(--ink); background:var(--bg); border:1px solid var(--line); border-radius:9px; padding:12px; min-width:0; width:100%; }
.actions { display:flex; flex-wrap:wrap; gap:8px; }
#feedback:empty { display:none; }
.list-heading { display:flex; justify-content:space-between; align-items:baseline; margin-top:32px; }
ul { list-style:none; padding:0; margin:0; }
li { padding:20px 0; border-bottom:1px solid var(--line); }
.item-top { display:flex; justify-content:space-between; gap:16px; margin-bottom:12px; }
.item-label { font-weight:650; overflow-wrap:anywhere; }
.item-time { text-align:right; flex-shrink:0; font-size:.85rem; }
.done .item-label { text-decoration:line-through; color:var(--muted); }
.empty { text-align:center; padding:32px 0; border:1px dashed var(--line); border-radius:14px; }
.alarm { border:3px solid var(--accent); border-radius:16px; background:var(--soft); padding:24px; margin-bottom:24px; animation:pulse 1.5s ease-in-out infinite alternate; }
.alarm h2 { font-size:1.8rem; margin:8px 0; overflow-wrap:anywhere; }
@keyframes pulse { to { box-shadow:0 0 0 6px var(--line); } }
@media (prefers-reduced-motion:reduce) { .alarm { animation:none; } }
@media (max-width:480px) { .fields { flex-direction:column; } .item-top { flex-direction:column; gap:4px; } .item-time { text-align:left; } }