:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fs:1;--ff:system-ui, -apple-system, "Noto Sans Thai", sans-serif;--bg:#16181b;--t1:#f4f5f6;--t2:#d4d5d8;--t3:#c9cacd;--row:#24262a;--row-shadow:none;--cut:#ffffff14;--cut-t:inherit;--cut-ring:none;--chip:#121315b8;--chip-ring:inset 0 0 0 1px #ffffff42;--g-used:#ffffffc7;--g-left:#1213158c;--g-left-ring:inset 0 0 0 1.5px #fff6;--g-h:10px;--bar-line:#ffffff24;--ghost-bg:#ffffff14;--ghost-ring:inset 0 0 0 1px #fff6;--ghost-t:#fff;--renew-bg:#ffffff0f;--aa-bg:#ffffff14;--aa-ring:#fff6;--thumb:#e4e5e7;--scrim:#0009;--sheet-bg:#24262a;--sheet-t:#f4f5f6;--sheet-t2:#d4d5d8;--sheet-so:#ffffff0f;--sheet-ring:#fff6;--sheet-shadow:0 -14px 40px #00000080;--prev-bg:#ffffff12}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8e7d6;--t1:#17122b;--t2:#3f3a52;--t3:#3f3a52;--row:#fff9;--row-shadow:0 0 0 1px #17122b0a, 0 6px 16px -10px #4a342833, inset 0 1px 0 #fff;--cut:#fffcf7eb;--cut-t:#17122b;--cut-ring:inset 0 0 0 1px #17122b24;--chip:#fffcf7eb;--chip-ring:inset 0 0 0 1.5px #5b5675;--g-used:#17122b;--g-left:#ffffff8c;--g-left-ring:inset 0 0 0 1.5px #5b5675;--g-h:12px;--bar-line:#17122b29;--ghost-bg:#f6ede3;--ghost-ring:inset 0 0 0 1.5px #5b5675;--ghost-t:#17122b;--renew-bg:#fbf3ea;--aa-bg:#fff9;--aa-ring:#5b5675;--thumb:#dcecf5;--scrim:#11161b80;--sheet-bg:#fffcf7f5;--sheet-t:#17122b;--sheet-t2:#3f3a52;--sheet-so:#fffcf7;--sheet-ring:#5b5675;--sheet-shadow:0 -14px 40px #4a34284d, inset 0 1px 0 #fffffff2;--prev-bg:#ffffffb3}.liff,#sheet{--g-warn:var(--brand-line);--renew-ring:inset 0 0 0 1.5px var(--brand-line);--renew-t:#fff;--solid:var(--brand);--solid-t:#fff}:root[data-theme=light] .liff,:root[data-theme=light] #sheet{--g-warn:var(--l-fill);--renew-t:var(--l-text);--renew-ring:inset 0 0 0 1.5px var(--l-fill);--solid:var(--l-fill);--solid-t:var(--l-on)}:root[data-font=large]{--fs:1.18}:root[data-font=xlarge]{--fs:1.35}*{box-sizing:border-box}html.sheet-open,html.sheet-open body{overflow:hidden}body{background:var(--bg);color:var(--t1);font:400 calc(16px * var(--fs))/1.5 var(--ff);-webkit-text-size-adjust:100%;margin:0}:root[data-theme=light] body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 36% at 86% 10%,#ffecb44d,#0000 72%),radial-gradient(120% 50% at 50% 0,#ffffff59,#0000 62%),linear-gradient(#d7edf7 0%,#e7f4f8 38%,#faf5e3 62%,#fbedd1 82%,#f8e7d6 100%);position:fixed;top:0;bottom:0;left:0;right:0}[hidden]{display:none!important}button{font-family:inherit}.liff{max-width:480px;margin:0 auto;padding:16px 16px 0}.sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.who{align-items:center;gap:12px;margin-bottom:16px;display:flex}.who-t{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.who span,.sub{color:var(--t2)}.sico{vertical-align:-.25em;width:1.2em;height:1.2em}:root[data-theme=dark] .sico{filter:invert()}.aa{border:1.5px solid var(--aa-ring);background:var(--aa-bg);min-width:56px;min-height:56px;color:var(--t1);font:700 18px/1 var(--ff);cursor:pointer;border-radius:24px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;padding:6px 8px;display:flex}.aa small{font-size:14px;font-weight:600}.aa-l{font:500 14px/1 var(--ff);color:var(--t2)}.count{flex-direction:column;gap:4px;display:flex}.big{font:500 calc(96px * var(--fs))/1 var(--ff);font-variant-numeric:tabular-nums}.big-word{font-size:calc(44px * var(--fs));overflow-wrap:anywhere;font-weight:600;line-height:1.15}.chip{background:var(--chip);box-shadow:var(--chip-ring);border-radius:999px;align-self:flex-start;padding:8px 14px}.gauge{grid-auto-flow:column;gap:4px;margin:16px 0;display:grid}.gauge i{height:var(--g-h);border-radius:calc(var(--g-h) / 2)}.g-used{background:var(--g-used)}.g-left{background:var(--g-left);box-shadow:var(--g-left-ring)}.g-warn{background:var(--g-warn)}h2{font:600 calc(17px * var(--fs))/1.4 var(--ff);margin:24px 0 8px}.row,.ex,.tile,.card,.st-screen,.st-stop,.st-how,.st-item,.hw-item{background:var(--row);box-shadow:var(--row-shadow);border-radius:20px}.history,.exs{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}:root[data-font=large] .row,:root[data-font=xlarge] .row{flex-wrap:wrap}:root[data-font=large] .what,:root[data-font=xlarge] .what{min-width:8em}.row{align-items:center;gap:4px 12px;min-height:60px;padding:10px 14px;display:flex}.cut{text-align:center;background:var(--cut);min-width:40px;color:var(--cut-t);box-shadow:var(--cut-ring);border-radius:999px;padding:4px 10px}.what{flex:1}.n{color:var(--t3);font-size:calc(14px * var(--fs))}.actions{padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));background:var(--bg);box-shadow:0 -1px 0 var(--bar-line);grid-template-columns:1fr;gap:8px;margin:20px -16px 0;display:grid;position:sticky;bottom:0}.btn{min-height:56px;color:var(--ghost-t);font-weight:600;font-size:calc(16px * var(--fs));text-align:center;cursor:pointer;border:0;border-radius:28px;justify-content:center;align-items:center;padding:6px 14px;line-height:1.3;text-decoration:none;display:flex}.actions .btn{white-space:nowrap;padding:6px 18px}.ghost{background:var(--ghost-bg);box-shadow:var(--ghost-ring)}.renew{background:var(--renew-bg);box-shadow:var(--renew-ring);color:var(--renew-t)}.solid{background:var(--solid);color:var(--solid-t)}.today{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.today .day{font-size:calc(26px * var(--fs));margin:0 0 6px}.ex{overflow:hidden}.ex summary{cursor:pointer;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:6px 14px 6px 6px;list-style:none;display:grid;position:relative}.ex summary::-webkit-details-marker{display:none}.thumb{object-fit:cover;background:var(--thumb);border-radius:12px;width:52px;height:52px;display:block}.ex-n{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.ex-n span{color:var(--t3);font-size:calc(14px * var(--fs))}.ex-p{background:var(--solid);width:24px;height:24px;box-shadow:0 0 0 2px var(--row-edge,var(--bg));pointer-events:none;border-radius:12px;position:absolute;bottom:6px;left:36px}.ex-p:before{content:"";border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent var(--solid-t);position:absolute;top:6px;left:9px}.ex[open] .ex-p{display:none}.ex-l{font-weight:700;font-size:calc(20px * var(--fs));white-space:nowrap}.demo{aspect-ratio:4/3;background:var(--thumb);border-radius:14px;margin:0 8px 8px;position:relative;overflow:hidden}.demo img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.demo-end{opacity:0;animation:3.8s ease-in-out infinite x}@keyframes x{0%,28%{opacity:0}46%,76%{opacity:1}94%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.demo-end{animation:none}}.recap h2{margin-top:20px}.flags{flex-wrap:wrap;gap:8px;margin:0 0 10px;display:flex}.flag{background:var(--solid);color:var(--solid-t);font-weight:600;font-size:calc(15px * var(--fs));overflow-wrap:anywhere;border-radius:999px;padding:6px 14px}.tiles{grid-template-columns:repeat(auto-fit, minmax(min(100%, calc(92px * var(--fs))), 1fr));gap:8px;display:grid}.tile{flex-direction:column;gap:2px;min-width:0;padding:12px 10px;display:flex}.tile b{font:600 calc(28px * var(--fs))/1.1 var(--ff);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tile span{color:var(--t2);font-size:calc(14px * var(--fs));overflow-wrap:anywhere}.rline{color:var(--t2);overflow-wrap:anywhere;margin:10px 4px 0}.recap-renew{width:100%;margin-top:14px}.spr .card+.card{margin-top:10px}.card{overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;padding:14px 16px;display:flex}.card b{font:600 calc(22px * var(--fs))/1.3 var(--ff)}.card .amt{font-size:calc(40px * var(--fs));font-variant-numeric:tabular-nums;line-height:1.1}.qr{background:#fff;border-radius:12px;align-self:center;width:min(100%,240px);height:auto;margin:8px 0}.amt-r{font-variant-numeric:tabular-nums;margin-left:auto}.rcpts:focus{outline:none}.actions-2{grid-template-columns:1fr 1fr}.notice{padding:28px 4px}.notice h1{font:600 calc(17px * var(--fs))/1.4 var(--ff);margin:0 0 8px}.notice .btn{width:100%;margin-top:20px}.note{margin:10px 0 0}.note-btn{width:100%;min-height:48px;color:var(--t3);font:400 calc(14px * var(--fs))/1.4 var(--ff);text-align:left;cursor:pointer;background:0 0;border:0;padding:8px 4px;text-decoration:underline;display:block}.legal{flex-wrap:wrap;gap:0 20px;margin:12px 0 0;display:flex}.legal a{min-height:48px;color:var(--t2);font-size:calc(14px * var(--fs));align-items:center;display:flex}.tr{vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.1em;height:1.1em;margin-right:.3em}.scrim{z-index:20;background:var(--scrim);position:fixed;top:0;bottom:0;left:0;right:0}.sheet{z-index:21;max-width:480px;max-height:92vh;overscroll-behavior:contain;max-height:92dvh;padding:10px 16px calc(24px + env(safe-area-inset-bottom,0px));background:var(--sheet-bg);color:var(--sheet-t);box-shadow:var(--sheet-shadow);border-radius:28px 28px 0 0;outline:none;margin:0 auto;font-size:16px;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.grab{background:var(--sheet-ring);border-radius:3px;width:44px;height:5px;margin:0 auto 12px}.sheet h2{font:700 24px/1.3 var(--ff);margin:0 0 6px}.grp{margin-top:14px}.lb{font:600 19px/1.4 var(--ff);margin-bottom:8px}.seg{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.so{border:1.5px solid var(--sheet-ring);background:var(--sheet-so);min-height:76px;color:var(--sheet-t);font:600 17px/1.3 var(--ff);cursor:pointer;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;display:flex}.so svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.so b{height:28px;font-weight:700;line-height:28px}.so[aria-pressed=true]{background:var(--solid);border-color:var(--solid);color:var(--solid-t)}.so:focus-visible{outline:3px solid var(--sheet-t);outline-offset:2px}.btn:focus-visible{outline:3px solid var(--sheet-t);outline-offset:2px}.aa:focus-visible{outline:3px solid var(--sheet-t);outline-offset:2px}.note-btn:focus-visible{outline:3px solid var(--sheet-t);outline-offset:2px}.legal a:focus-visible{outline:3px solid var(--sheet-t);outline-offset:2px}.ex summary:focus-visible{outline:3px solid var(--sheet-t);outline-offset:2px}.st .btn:focus-visible{outline:3px solid var(--sheet-t);outline-offset:2px}.st summary:focus-visible{outline:3px solid var(--sheet-t);outline-offset:2px}.hw .btn:focus-visible{outline:3px solid var(--sheet-t);outline-offset:2px}.prev{background:var(--prev-bg);border-radius:20px;margin-top:14px;padding:12px 14px}.prev small{font:500 14px/1.4 var(--ff);color:var(--sheet-t2);margin-bottom:2px;display:block}.prev p{font:500 calc(20px * var(--fs))/1.35 var(--ff);overflow-wrap:anywhere;margin:0}.go{width:100%;margin-top:16px;font-size:18px}.ulb{margin-top:10px}.ulb p{font:500 calc(16px * var(--fs))/1.45 var(--ff);margin:8px 0}.ul{border:1.5px solid var(--sheet-ring);width:100%;color:inherit;background:0 0;margin-top:6px;font-size:16px}.st{margin-top:8px}.st h3{font:600 calc(18px * var(--fs))/1.4 var(--ff);margin:14px 0 6px}.st p,.hw p{overflow-wrap:anywhere;margin:6px 0}.st-prog{font:700 calc(22px * var(--fs))/1.3 var(--ff)}.st-screen,.st-stop,.st-how{margin-top:14px;padding:14px 16px}.st-screen .btn{width:100%;margin-top:12px}.st-how summary{cursor:pointer;align-items:center;min-height:48px;font-weight:600;display:flex}.st-bul{overflow-wrap:anywhere;flex-direction:column;gap:6px;margin:6px 0;padding-left:20px;display:flex}.st-list,.hw-list{flex-direction:column;gap:10px;margin:14px 0 0;padding:0;list-style:none;display:flex}.st-item{overflow-wrap:anywhere;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.st-item b,.hw-item b{font:600 calc(20px * var(--fs))/1.3 var(--ff)}.st-dose,.hw-dose,.hw-times{font:600 calc(17px * var(--fs))/1.4 var(--ff);color:var(--t2)}.st-cond{color:var(--t2)}.st-cues{color:var(--t2);flex-direction:column;gap:4px;margin:4px 0 0;padding-left:20px;display:flex}.st-timer{margin-top:8px}.st-done{width:100%;margin-top:16px}.hw{margin-top:8px}.hw-item{overflow-wrap:anywhere;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.hw-step{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.hw-pm{min-width:56px;min-height:48px;font-size:24px}.hw-n{text-align:center;font:700 calc(22px * var(--fs))/1.3 var(--ff);flex:1}.hw-btn{width:100%;margin-top:8px}
