:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:canvas;justify-content:center;margin:0;display:flex}main{width:min(560px,100% - 32px);padding:48px 0}h1{margin:0 0 24px}form{gap:8px;display:flex}form input{border:1px solid #8886;border-radius:8px;flex:1;padding:10px 12px;font-size:16px}button{color:#fff;cursor:pointer;background:#1d63ed;border:0;border-radius:8px;padding:10px 16px;font-size:15px}ul{margin:24px 0;padding:0;list-style:none}li{border-bottom:1px solid #8884;justify-content:space-between;align-items:center;padding:10px 4px;display:flex}li label{align-items:center;gap:10px;display:flex}li button{color:inherit;opacity:.5;background:0 0;padding:4px 8px}li.done label{opacity:.5;text-decoration:line-through}.error{color:#d33}footer{opacity:.7;font-size:13px}