@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(./archivo-black-latin-ext-400-normal-DQAASfvW.woff2)format("woff2"),url(./archivo-black-latin-ext-400-normal--j5WRK12.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(./archivo-black-latin-400-normal-BTVu2TQR.woff2)format("woff2"),url(./archivo-black-latin-400-normal-HW9MwEcM.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(./archivo-vietnamese-400-normal-BF4g3tCF.woff2)format("woff2"),url(./archivo-vietnamese-400-normal-FGOLYM1a.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(./archivo-latin-ext-400-normal-B5tPZzqW.woff2)format("woff2"),url(./archivo-latin-ext-400-normal-DrmqtLj6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(./archivo-latin-400-normal-C81ewxNO.woff2)format("woff2"),url(./archivo-latin-400-normal-Bl602Mgc.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(./archivo-vietnamese-600-normal-anCjMumA.woff2)format("woff2"),url(./archivo-vietnamese-600-normal-C8xBVdfP.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(./archivo-latin-ext-600-normal-Dm61iqcg.woff2)format("woff2"),url(./archivo-latin-ext-600-normal-D7uErJuz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(./archivo-latin-600-normal-3BBy0ZsW.woff2)format("woff2"),url(./archivo-latin-600-normal-DwYieO8P.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#111;--paper:#ffe14d;--card:#fff;--blue:#6c8cff;--pink:#ff7aa8;--green:#4ade9a;--done-bg:#e3fbe9;--muted:#4a4a4a;--border:3px solid var(--ink);--shadow:6px 6px 0 var(--ink);--shadow-sm:4px 4px 0 var(--ink);--display:"Archivo Black", "Arial Black", Impact, system-ui, sans-serif;--body:"Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--paper);min-height:100vh;color:var(--ink);font:17px/1.45 var(--body);background-image:radial-gradient(#11111129 1.2px,#0000 1.6px);background-size:20px 20px;margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{max-width:560px;padding-inline:16px;padding-block:calc(28px + env(safe-area-inset-top,0px)) calc(48px + env(safe-area-inset-bottom,0px));gap:18px;margin-inline:auto;display:grid}.masthead{padding-block:8px 4px;position:relative}h1{font:400 clamp(2.9rem, 15vw, 4.6rem)/.92 var(--display);text-transform:uppercase;letter-spacing:-.02em;margin:0}.h-line{width:fit-content;display:block}.h-mark{background:var(--card);border:var(--border);box-shadow:var(--shadow);transform-origin:0 100%;margin-top:6px;padding:2px 12px 6px;transform:rotate(-2deg)}.sticker{background:var(--pink);border:var(--border);box-shadow:var(--shadow-sm);font:400 .85rem/1 var(--display);text-transform:uppercase;letter-spacing:.04em;margin:0;padding:6px 12px;position:absolute;top:6px;right:0;transform:rotate(6deg)}.btn{appearance:none;border:var(--border);background:var(--card);min-height:48px;color:var(--ink);box-shadow:var(--shadow-sm);font:400 1rem/1 var(--display);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:0;padding:10px 18px;transition:transform 80ms,box-shadow 80ms}.btn:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.btn:disabled{cursor:not-allowed;color:var(--muted);box-shadow:none;background:#f0f0f0;border-style:dashed;transform:none}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.btn:focus-visible{outline:3px dashed var(--ink);outline-offset:4px}.add{gap:10px;display:flex}.add input{border:var(--border);background:var(--card);min-width:0;min-height:56px;color:var(--ink);box-shadow:var(--shadow);font:600 1.05rem/1.2 var(--body);border-radius:0;flex:auto;padding:12px 14px}.add input::placeholder{color:#7a7a7a;font-weight:400}.add input:focus{box-shadow:var(--shadow), inset 0 -5px 0 var(--blue);background:#fffbe6;outline:none}.btn-add{background:var(--blue);min-height:56px;box-shadow:var(--shadow);padding-inline:22px;font-size:1.1rem}.error{background:var(--card);border:var(--border);border-left-width:10px;border-left-color:var(--pink);width:fit-content;max-width:100%;margin:-4px 0 0;padding:8px 12px;font-weight:600}.filters{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.btn-filter{padding-inline:8px}.btn-filter[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.board{background:var(--card);border:var(--border);box-shadow:var(--shadow);min-height:120px;padding:14px}.list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.item{border:var(--border);background:var(--card);box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 10px 10px 12px;animation:.16s ease-out pop;display:grid}.item.is-done{background:var(--done-bg)}.check{appearance:none;border:var(--border);background:var(--card) center / 20px no-repeat;cursor:pointer;width:30px;height:30px;margin:0}.check:checked{background-color:var(--green);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12.5l6 6L21 6' fill='none' stroke='%23111' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E")}.title{overflow-wrap:anywhere;cursor:pointer;min-width:0;padding-block:6px;font-size:1.05rem;font-weight:600}.is-done .title{color:var(--muted);text-decoration:line-through;text-decoration-thickness:3px}.btn-del{background:var(--pink);width:44px;min-height:44px;box-shadow:3px 3px 0 var(--ink);padding:0;font-size:1.1rem}.empty{text-align:center;font:400 1.05rem/1.3 var(--display);text-transform:uppercase;border:3px dashed var(--ink);margin:0;padding:26px 12px}.bar{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-sm);border:var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 16px;display:flex}.count{font:400 1.1rem/1 var(--display);text-transform:uppercase;font-variant-numeric:tabular-nums}.btn-clear{background:var(--paper);min-height:44px;font-size:.9rem}.bar .btn-clear:disabled{color:#9a9a9a;background:#2a2a2a;border-color:#9a9a9a}.build{color:var(--muted);text-align:right;margin:0;font-size:.8rem}.build code{font-family:ui-monospace,SF Mono,Menlo,monospace}@keyframes pop{0%{transform:translate(-3px,-3px)scale(.98)}to{transform:none}}@media (prefers-reduced-motion:reduce){.item{animation:none}.btn{transition:none}}.bar .btn-clear{box-shadow:4px 4px 0 var(--pink)}.bar .btn-clear:hover{box-shadow:5px 5px 0 var(--pink)}.bar .btn-clear:active{box-shadow:0 0 0 var(--pink)}
