@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-opsz-normal.D9N6E8K1.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-opsz-normal.IcJDqblK.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-opsz-normal.Cre6nC2_.woff2)format("woff2-variations");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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/atkinson-hyperlegible-latin-400-normal.BrHNak5F.woff2)format("woff2"),url(/_astro/atkinson-hyperlegible-latin-400-normal.BbWidj28.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/atkinson-hyperlegible-latin-700-normal.GZI4o3u0.woff2)format("woff2"),url(/_astro/atkinson-hyperlegible-latin-700-normal.BK6Glc0m.woff)format("woff")}:root{--bg:#071622;--paper:#0e2233;--ink:#e3f2fc;--ink-2:#8fb0c6;--line:#1d3b52;--panel:#2f95d4;--panel-ink:#04192a;--accent:#3aa6e8;--accent-text:#7fcbf7;--accent-soft:#12324a;--btn:#3aa6e8;--btn-ink:#04192a;--sun:#f7c23a;--sun-soft:#3a3010;--sun-ink:#2b1f00;--danger:#ff8a80;--accent-on-ink:#1677c9;--ring:#7fcbf7;--live:#2fbf71;--idle:#5e7a8e;--shadow:0 1px 0 #00000040, 0 12px 28px -16px #000c;--font-d:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-b:"Atkinson Hyperlegible", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}[x-cloak]{display:none!important}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px);background:var(--bg);-webkit-text-size-adjust:100%}body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font-b);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:17px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}button:disabled{cursor:default}input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:12px}.app{flex-direction:column;max-width:480px;min-height:100%;margin:0 auto;padding:0 18px;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.top{top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex;position:sticky}.brand{font-family:var(--font-d);letter-spacing:-.02em;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.brand-mark{background:var(--panel);width:36px;height:36px;color:var(--panel-ink);border-radius:11px;place-items:center;display:grid}.brand-mark svg{width:22px;height:22px}.top-actions{align-items:center;gap:14px;display:flex}.av-btn{border-radius:50%;display:grid}.live{color:var(--ink-2);align-items:center;gap:7px;font-size:13px;display:inline-flex}.live i{background:var(--idle);border-radius:50%;width:8px;height:8px}.live.is-on i{background:var(--live);animation:2.4s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #2fbf7173}70%{box-shadow:0 0 0 8px #2fbf7100}to{box-shadow:0 0 #2fbf7100}}.av{font-family:var(--font-d);border-radius:50%;flex:none;place-items:center;font-weight:800;line-height:1;display:inline-grid}.av-sky{background:var(--btn);color:var(--btn-ink)}.av-sun{background:var(--sun);color:var(--sun-ink)}.av.xs{width:20px;height:20px;font-size:11px}.av.md{width:38px;height:38px;font-size:17px}.av.xl{width:58px;height:58px;font-size:25px}.btn{border-radius:15px;justify-content:center;align-items:center;gap:8px;height:50px;padding:0 20px;font-weight:700;display:inline-flex}.btn.primary{background:var(--btn);color:var(--btn-ink)}.btn.primary:disabled{opacity:.6}.btn.ghost{border:1.5px solid var(--line);color:var(--ink)}.btn.wide{width:100%}.login{flex-direction:column;flex:1;justify-content:center;padding:40px 0 32px;display:flex}.login-mark{background:var(--panel);width:84px;height:84px;color:var(--panel-ink);border-radius:26px;place-items:center;margin-bottom:22px;display:grid}.login-mark svg{width:48px;height:48px}.login h1{font-family:var(--font-d);letter-spacing:-.045em;margin:0 0 12px;font-size:clamp(58px,18vw,78px);font-weight:800;line-height:.9}.login-sub{color:var(--ink-2);max-width:30ch;margin:0 0 28px;font-size:18px}.login .field input{background:var(--paper)}.login-error{color:var(--danger);margin:12px 0 0;font-size:15px;font-weight:700}.home{padding-bottom:130px}.hello{padding:6px 0 20px}.hello h1{font-family:var(--font-d);letter-spacing:-.03em;margin:0 0 6px;font-size:36px;font-weight:800;line-height:1.02}.hello p{color:var(--ink-2);margin:0}.group{font-family:var(--font-d);letter-spacing:-.01em;margin:0 0 10px;font-size:19px;font-weight:600}.rows{background:var(--paper);box-shadow:var(--shadow);border-radius:22px;margin:0;padding:0;list-style:none;overflow:hidden}.rows li+li .row{border-top:1px solid var(--line)}.row{text-align:left;width:100%;color:inherit;grid-template-columns:50px 1fr auto;align-items:center;gap:14px;padding:16px;text-decoration:none;display:grid}.row:active{background:var(--accent-soft)}.tile{flex-direction:column;align-items:center;line-height:1;display:flex}.tile-d{font-family:var(--font-d);letter-spacing:-.05em;color:var(--accent-text);font-size:36px;font-weight:800}.tile-w{color:var(--ink-2);margin-top:4px;font-size:13px}.row-main{flex-direction:column;gap:1px;min-width:0;display:flex}.row-title{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.row-sub{color:var(--ink-2);font-size:14px}.bar{background:var(--line);border-radius:4px;height:4px;margin-top:9px;display:block;overflow:hidden}.bar i{background:var(--accent);border-radius:inherit;height:100%;display:block}.row-end{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.row-status{white-space:nowrap;font-size:14px;font-weight:700}.row.is-done .row-status{color:var(--accent-text)}.stack{display:flex}.stack .av{box-shadow:0 0 0 2px var(--paper)}.stack .av+.av{margin-left:-6px}.past{margin-top:28px}.past-toggle{font-family:var(--font-d);align-items:center;gap:10px;min-height:44px;margin-bottom:10px;font-size:19px;font-weight:600;display:flex}.past-toggle:before{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transition:transform .2s;transform:rotate(-45deg)}.past-toggle[aria-expanded=true]:before{transform:rotate(45deg)}.past-toggle span{font-family:var(--font-b);color:var(--ink-2);font-size:15px;font-weight:400}.empty{border:2px dashed var(--line);text-align:center;color:var(--ink-2);border-radius:22px;padding:26px 20px}.empty p{margin:0}.fab-wrap{z-index:6;padding:0 18px calc(18px + env(safe-area-inset-bottom,0px));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.fab-in{justify-content:flex-end;max-width:444px;margin:0 auto;display:flex}.fab{pointer-events:auto;background:var(--btn);height:58px;color:var(--btn-ink);border-radius:999px;align-items:center;gap:8px;padding:0 24px 0 19px;font-weight:700;display:inline-flex;box-shadow:0 12px 26px -10px #1677c9b3}.fab svg{stroke-width:2.6px;width:22px;height:22px}.icon-btn{background:var(--paper);width:44px;height:44px;box-shadow:var(--shadow);border-radius:14px;place-items:center;display:grid}.icon-btn svg{width:22px;height:22px}.list{padding-bottom:220px}.panel{background:var(--panel);color:var(--panel-ink);border-radius:28px;margin:4px 0 22px;padding:22px}.panel-date{align-items:flex-end;gap:14px;display:flex}.panel-num{font-family:var(--font-d);letter-spacing:-.06em;font-variation-settings:"opsz" 96;margin-left:-6px;font-size:clamp(100px,32vw,136px);font-weight:800;line-height:.76}.panel-wd{font-family:var(--font-d);flex-direction:column;padding-bottom:2px;font-size:20px;font-weight:600;line-height:1.1;display:flex}.panel-wd em{font-style:normal;font-family:var(--font-b);background:var(--panel-ink);color:var(--panel);border-radius:999px;align-self:flex-start;margin-bottom:7px;padding:3px 10px;font-size:13px;font-weight:700}.panel-title{font-family:var(--font-d);letter-spacing:-.02em;overflow-wrap:anywhere;margin:20px 0 4px;font-size:27px;font-weight:800;line-height:1.1}.panel-sub{opacity:.85;margin:0;font-size:15px;font-weight:700}.panel-bar{background:#04192a2e;border-radius:6px;height:6px;margin-top:14px;overflow:hidden}.panel-bar i{background:var(--panel-ink);border-radius:inherit;width:0;height:100%;transition:width .4s;display:block}.items{background:var(--paper);box-shadow:var(--shadow);border-radius:22px;margin:0;padding:0;list-style:none;overflow:hidden}.item{align-items:center;scroll-margin-top:90px;scroll-margin-bottom:230px;display:flex}.item+.item{border-top:1px solid var(--line)}.item-toggle{text-align:left;flex:1;align-items:center;gap:14px;min-width:0;min-height:66px;padding:14px 6px 14px 16px;display:flex}.check{border:2.5px solid var(--accent);color:#0000;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;transition:background .2s,border-color .2s,color .2s,transform .2s;display:grid}.check svg{stroke-width:3.2px;width:17px;height:17px}.item.is-done .check,.item.is-checking .check{background:var(--accent);color:var(--paper)}.item.is-checking .check{transform:scale(1.14)}.item.is-unchecking .check{color:#0000;background:0 0}.item-text{flex-direction:column;gap:3px;min-width:0;display:flex}.item-name{overflow-wrap:anywhere;font-size:18px;font-weight:700}.qty{color:var(--accent-text);background:var(--accent-soft);vertical-align:2px;border-radius:999px;margin-left:3px;padding:1px 8px;font-size:14px;font-weight:700;display:inline-block}.item-meta{color:var(--ink-2);align-items:center;gap:6px;font-size:14px;display:flex}.item.is-done .item-name,.item.is-checking .item-name{color:var(--ink-2);font-weight:400;text-decoration:line-through 2px}.del{width:44px;height:44px;color:var(--ink-2);opacity:.55;border-radius:12px;flex:none;place-items:center;margin-right:8px;display:grid}.del:hover,.del:focus-visible{opacity:1;background:var(--accent-soft)}.del svg{width:18px;height:18px}.item.is-fresh{animation:1.5s fresh}@keyframes fresh{0%{background:var(--sun-soft);transform:scale(.98)}15%{transform:scale(1)}60%{background:var(--sun-soft)}to{background:0 0}}.item.is-flash{animation:.9s flash}@keyframes flash{0%,to{background:0 0}30%{background:var(--sun-soft)}}.cart-h{font-family:var(--font-d);color:var(--ink-2);align-items:baseline;gap:8px;margin:28px 4px 10px;font-size:17px;font-weight:600;display:flex}.cart-h span{font-family:var(--font-b);font-size:15px;font-weight:400}.items.is-cart{box-shadow:none;border:1.5px solid var(--line);background:0 0}.empty.in-list{margin-bottom:16px}.composer-wrap{z-index:6;padding:14px 0 calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom, transparent 0, var(--bg) 26px);position:fixed;bottom:0;left:0;right:0}.composer{max-width:480px;margin:0 auto;padding:0 18px}.chips{scrollbar-width:none;gap:8px;margin:0 -18px;padding:10px 18px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--paper);border:1.5px solid var(--line);border-radius:999px;flex:none;align-items:center;gap:5px;height:36px;padding:0 14px 0 10px;font-size:15px;font-weight:700;display:inline-flex}.chip svg{width:15px;height:15px;color:var(--accent-text);stroke-width:2.6px}.chip.is-on{background:var(--btn);border-color:var(--btn);color:var(--btn-ink)}.add{gap:10px;margin:0;display:flex}.add input{border:2px solid var(--line);background:var(--paper);min-width:0;height:56px;box-shadow:var(--shadow);border-radius:18px;outline:none;flex:1;padding:0 18px;font-size:17px}.add input:focus{border-color:var(--accent)}.add input::placeholder{color:var(--ink-2)}.add-btn{background:var(--btn);width:56px;height:56px;color:var(--btn-ink);border-radius:18px;flex:none;place-items:center;display:grid}.add-btn svg{stroke-width:2.6px;width:26px;height:26px}.btn.small{background:var(--btn);height:38px;color:var(--btn-ink);border-radius:11px;padding:0 16px;font-size:15px}.notif-card{background:var(--accent-soft);border-radius:20px;grid-template-columns:auto 1fr;align-items:start;gap:4px 14px;margin-bottom:26px;padding:16px;display:grid}.notif-card .btn{grid-column:2;justify-self:start;margin-top:10px}.notif-ico{background:var(--paper);width:40px;height:40px;color:var(--accent-text);border-radius:12px;place-items:center;display:grid}.notif-ico svg{width:22px;height:22px}.notif-card b{display:block}.notif-card p{color:var(--ink-2);margin:2px 0 0;font-size:15px}.setting{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px 0;display:flex}.setting b{display:block}.setting span{color:var(--ink-2);font-size:14px}.switch{background:var(--line);border-radius:999px;flex:none;width:52px;height:32px;transition:background .2s;position:relative}.switch i{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true]{background:var(--btn)}.switch[aria-checked=true] i{transform:translate(20px)}.switch:disabled{opacity:.5}.hint{color:var(--ink-2);margin:-8px 0 18px;font-size:14px}.offline{background:var(--accent-soft);color:var(--ink);border-radius:16px;margin:0 0 16px;padding:12px 16px;font-size:15px;font-weight:700}.fab:disabled,.chip:disabled,.add input:disabled,.add-btn:disabled,.item-toggle:disabled,.del:disabled,.field input:disabled,.btn:disabled{opacity:.5}.sheet .btn+.btn{margin-top:10px}.toast{left:0;right:0;bottom:calc(100px + env(safe-area-inset-bottom,0px));z-index:15;pointer-events:none;opacity:0;justify-content:center;padding:0 18px;transition:opacity .2s,transform .2s;display:flex;position:fixed;transform:translateY(10px)}body[data-page=list] .toast{bottom:calc(160px + env(safe-area-inset-bottom,0px))}.toast.is-on{opacity:1;transform:none}.toast-pill{background:var(--ink);max-width:444px;color:var(--bg);border-radius:16px;align-items:center;gap:14px;padding:12px 16px;font-size:15px;font-weight:700;display:flex;box-shadow:0 12px 30px -10px #00000073}.toast.is-on .toast-pill{pointer-events:auto}.toast-act{color:var(--accent-on-ink);text-underline-offset:3px;flex:none;padding:4px 2px;font-weight:700;text-decoration:underline}.backdrop{z-index:30;opacity:0;pointer-events:none;background:#04142073;transition:opacity .25s;position:fixed;inset:0}.backdrop.is-on{opacity:1;pointer-events:auto}.sheet{z-index:31;background:var(--paper);max-width:480px;max-height:88%;padding:10px 20px calc(24px + env(safe-area-inset-bottom,0px));visibility:hidden;border-radius:28px 28px 0 0;margin:0 auto;transition:transform .32s cubic-bezier(.2,.9,.3,1),visibility 0s linear .32s;position:fixed;bottom:0;left:0;right:0;overflow:auto;transform:translateY(105%)}.sheet.is-on{visibility:visible;transition:transform .32s cubic-bezier(.2,.9,.3,1),visibility;transform:none}.sheet:focus{outline:none}.grab{background:var(--line);border-radius:5px;width:40px;height:5px;margin:0 auto 16px}.sh-title{font-family:var(--font-d);letter-spacing:-.02em;margin:0 0 4px;font-size:27px;font-weight:800;line-height:1.1}.sh-sub{color:var(--ink-2);margin:0 0 18px}.sh-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.sh-head h2{font-family:var(--font-d);letter-spacing:-.02em;margin:0;font-size:25px;font-weight:800}.sh-head p{color:var(--ink-2);margin:0;font-size:15px}.field{color:var(--ink-2);flex-direction:column;gap:6px;min-width:0;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.field small{font-size:14px;font-weight:400}.field input{border:2px solid var(--line);background:var(--bg);width:100%;height:50px;color:var(--ink);border-radius:14px;outline:none;padding:0 14px;font-size:17px;font-weight:400}.field input:focus{border-color:var(--accent)}.quick{flex-wrap:wrap;gap:8px;margin:14px 0 16px;display:flex}.menu{flex-direction:column;gap:8px;display:flex}.menu-act{text-align:left;background:var(--bg);border-radius:16px;padding:16px;font-weight:700}.menu-act:disabled{opacity:.45}.menu-act.danger{color:var(--danger)}.menu-act.is-armed{background:var(--danger);color:var(--paper)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}