:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,sans-serif}body{color:#1b1b1b;background:#f5f3ee;margin:0}.box{background:#fff;border-radius:12px;max-width:420px;margin:8vh auto;padding:24px;box-shadow:0 4px 24px #00000014}h1{margin:0 0 16px;font-size:1.4rem}header{justify-content:space-between;align-items:baseline;display:flex}form{flex-direction:column;gap:10px;display:flex}.row{flex-direction:row}.row input{flex:1}input{border:1px solid #cfcac0;border-radius:8px;padding:10px 12px;font-size:1rem}button{color:#fff;cursor:pointer;background:#1f6f5f;border:0;border-radius:8px;padding:10px 14px;font-size:1rem}button.link{color:#1f6f5f;background:0 0;padding:0;text-decoration:underline}ul{margin:16px 0 0;padding:0;list-style:none}li{border-top:1px solid #eee;justify-content:space-between;align-items:center;padding:10px 0;display:flex}li label{align-items:center;gap:10px;display:flex}li.done label{color:#888;text-decoration:line-through}.error{color:#b3261e;margin:0}.empty{color:#777}.switch{color:#555;margin-top:16px}