:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brand:#2f7d4f;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}main{padding:1rem}header{justify-content:space-between;align-items:center;gap:1rem;display:flex}h1{color:var(--brand);margin:0}button{font:inherit;border:1px solid var(--brand);color:inherit;background:0 0;border-radius:.5rem;padding:.5rem .75rem}.status:before{content:"";border-radius:50%;width:.6rem;height:.6rem;margin-right:.4rem;display:inline-block}.online:before{background:var(--brand)}.offline:before{background:#b3261e}.quick-add{margin:1rem 0}.quick-add form{gap:.5rem;display:flex}.offers{flex-wrap:wrap;gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.chip{border-radius:999px;padding:.35rem .7rem;font-size:.9em}input{font:inherit;border:1px solid color-mix(in srgb, currentColor 30%, transparent);color:inherit;background:0 0;border-radius:.5rem;min-width:0;padding:.6rem .75rem;font-size:max(1rem,16px)}.quick-add input{flex:1}.quick-add button[type=submit]{background:var(--brand);color:#fff}.items{margin:0;padding:0;list-style:none}.item{border-bottom:1px solid color-mix(in srgb, currentColor 12%, transparent);align-items:stretch;display:flex}.item .tick{text-align:left;border:none;border-radius:0;flex-direction:column;flex:1;align-items:flex-start;gap:.15rem;padding:.85rem .25rem;display:flex}.item .tick:before{content:"";display:none}.item .edit{opacity:.6;border:none;padding:0 .9rem}.item .note{opacity:.7;font-size:.85em}.item.done .label{opacity:.5;text-decoration:line-through}.item.editing form{flex-direction:column;gap:.5rem;width:100%;padding:.75rem 0;display:flex}.item.editing .actions{gap:.5rem;display:flex}.item.editing .delete{color:#b3261e;border-color:#b3261e;margin-left:auto}.clear{width:100%;margin-top:1rem}.empty{opacity:.7}footer{opacity:.8;margin-top:2rem;font-size:.85em}
