html,body,#app{height:100%}body{margin:0;background:#2e2d2d;color:#fff;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{min-height:50dvh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;padding:16px 16px 20svh}.reset-btn{position:fixed;top:12px;left:12px;padding:10px 14px;border:1px solid #00ffea;background:#fff;border-radius:10px;font-weight:600}.search{display:flex;gap:8px;margin:8px 0 12px;justify-content:center}.search input{width:100px;height:40px;padding:0 10px;border:1px solid #00ffea;border-radius:10px;background:#fff}.search button{height:40px;padding:0 12px;border:1px solid #00ffea;background:#fff;border-radius:10px;font-weight:600}.list{width:100%;max-width:680px;margin:12px 0 0}.row{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0;transition:background .3s}.row.done .name{text-decoration:line-through;opacity:.6}.row.highlight{background:#fef08a;border-radius:8px}.chk{width:40px;height:40px}.name{width:140px;text-align:right;padding-right:8px}.btn{width:44px;height:44px;border:1px solid #00ffea;background:#fff;border-radius:10px;font-size:20px;line-height:1}.count{width:48px;height:44px;display:grid;place-items:center;border-radius:10px;border:1px solid #00ffea;background:#222;font-weight:600}.scroll-top{position:fixed;bottom:16px;left:16px;width:44px;height:44px;border:1px solid #00ffea;background:#fff;border-radius:50%;font-size:20px;font-weight:600;box-shadow:0 1px 4px #0003}.scroll-top:active{transform:scale(.95)}.btn:disabled{opacity:.4;pointer-events:none}.divider{border:0;border-top:2px solid #9ca3af;margin:12px auto;width:80%;opacity:.6}@media(max-width:400px){.name{width:120px}}.cat{height:40px;border:1px solid #d1d5db;background:#fff;border-radius:10px;padding:0 10px}.hide-toggle{display:inline-flex;align-items:center;gap:.4rem;margin:.5rem;color:#fff;font-size:0,9rem}