@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Mali:wght@700&display=swap";:root{--font:"Noto Sans Thai", sans-serif;--font-brand:"Mali", "Noto Sans Thai", cursive;--bg:#f6eadc;--surface:#fff;--soft:#fbf1e4;--ink:#2e2118;--muted:#6a5546;--line:#dccbb8;--primary:#5b3a1e;--on-primary:#fff;--ring:#e9c08f;--danger:#c0392b;--on-danger:#fff;--ok-bg:#e4eed7;--ok-ink:#2f5a22;--warn-bg:#faddd3;--warn-ink:#8a1f17;--skeleton:#e9d9c5;--paw:#f1dfc6;--scrim:#2e211873;--floor:#5b3a1e29;--board:#fff;--field:#b48553;--border:#d8be9f;--tint:#f5e0c2;--icon:#8a6a4f;--up-fill:#afcf93;--amber-fill:#e3b97a;--down-fill:#efa997;--g-bg:linear-gradient(180deg, #f8eee2 0%, #f3e3d0 100%);--g-btn:linear-gradient(180deg, #6d4624 0%, #5b3a1e 55%, #4e3118 100%);--g-glow:radial-gradient(closest-side, #e9c08fd9, #e9c08f00);--g-mark:radial-gradient(circle at 30% 25%, #f7dab2 0%, #e9c08f 58%, #ddae72 100%);--text:18px;--text-sm:16px;--num:28px;--title:28px;--hero-num:44px;--btn-h:56px;--ctrl-h:48px;--gap-section:28px;--pad-card:16px;--radius-field:12px;--radius-btn:14px;--radius-card:16px;--shadow-card:0 1px 2px #5b3a1e14, 0 6px 16px #5b3a1e1a;--shadow-btn:0 2px 0 #2e21182e;--shadow-pin:0 1px 3px #2e21184d;--shadow-phone:0 24px 48px -24px #5b3a1e59}.i{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;color:var(--icon);flex:none}.i.paw{fill:currentColor;stroke:none}.brand{align-items:center;gap:10px;display:flex}.screen>.brand{margin-bottom:-12px}.mark{background:var(--g-mark);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.mark .i{color:var(--primary)}.brand-name{font-family:var(--font-brand);color:var(--primary);font-size:20px;font-weight:700}.titlebar{align-items:flex-start;min-height:128px;display:flex;position:relative}.titlebar:before{content:"";background:var(--g-glow);width:210px;height:210px;position:absolute;top:50%;right:-28px;transform:translateY(-50%)}.say{background:var(--surface);min-width:0;box-shadow:var(--shadow-card);border-radius:18px;flex:1;margin:12px 8px 0 0;padding:14px 18px;position:relative}.say:after{content:"";background:var(--surface);border-radius:3px;width:16px;height:16px;position:absolute;top:26px;right:-7px;transform:rotate(45deg)}.say p{color:var(--muted);text-wrap:balance;margin:2px 0 0;line-height:1.4}.pose{object-fit:contain;width:128px;height:128px;-webkit-mask-image:linear-gradient(var(--ink) 76%, transparent);-webkit-mask-image:linear-gradient(var(--ink) 76%, transparent);mask-image:linear-gradient(var(--ink) 76%, transparent);flex:none;margin-right:-6px;position:relative}.pose.crop{-webkit-mask-image:linear-gradient(var(--ink) 84%, transparent);-webkit-mask-image:linear-gradient(var(--ink) 84%, transparent);mask-image:linear-gradient(var(--ink) 84%, transparent);display:block;overflow:hidden}.pose.crop img{transform-origin:50% 18%;width:100%;height:100%;display:block;transform:translate(-6%)scale(1.25)}button{cursor:pointer;font-family:inherit}.title{font-size:var(--title);margin:0;font-weight:700;line-height:1.3}.stack{flex-direction:column;gap:12px;margin-top:12px;display:flex}.field-group{flex-direction:column;gap:8px;display:flex}.field-label{align-items:center;gap:8px;font-weight:600;display:flex}.field-label .i{width:22px;height:22px}.field{box-sizing:border-box;border:2px solid var(--field);border-radius:var(--radius-field);background:var(--surface);justify-content:space-between;align-items:baseline;min-height:60px;padding:8px 16px;display:flex}.field.date{width:100%;font-size:inherit;color:var(--ink);text-align:left;align-items:center}.field.date .field-value{font-size:26px}.field.date .i{color:var(--primary)}.field-value{font-size:var(--num);font-weight:700}.field-value.placeholder{color:var(--muted);font-weight:400}.field-text{font-size:var(--text);align-self:center;font-weight:600}.unit{color:var(--muted)}.hint{font-size:var(--text);color:var(--muted);margin:0}.chips{grid-template-columns:1fr 1fr;gap:10px;display:grid}.chip{border:2px solid var(--field);border-radius:var(--radius-btn);background:var(--surface);min-height:52px;font-size:var(--text);color:var(--ink);justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.chip[aria-pressed=true]{border-color:var(--primary);background:var(--tint);color:var(--primary)}.chip[aria-pressed=true] .i{color:var(--primary)}.btn{box-sizing:border-box;width:100%;min-height:var(--btn-h);border-radius:var(--radius-btn);border:2px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.screen>.btn{margin-top:12px}.btn-primary{background:var(--g-btn);color:var(--on-primary);box-shadow:var(--shadow-btn)}.btn-primary .i{color:var(--on-primary)}.btn-secondary{border-color:var(--border);background:var(--surface);color:var(--primary)}.btn-secondary .i{color:var(--primary)}.btn-danger{background:var(--danger);color:var(--on-danger)}.btn-text{min-height:var(--ctrl-h);font-size:var(--text);color:var(--muted);background:0 0;font-weight:600;text-decoration:underline}.btn-text .i{color:var(--muted)}.btn[disabled]{opacity:.6;cursor:default}.spinner{border:3px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.notice{border-radius:var(--radius-field);align-items:center;gap:12px;margin:0;padding:12px 14px;font-weight:600;display:flex}.notice img{flex:none;width:56px;height:56px}.notice-warn{background:var(--warn-bg);color:var(--warn-ink)}.notice-ok{background:var(--ok-bg);color:var(--ok-ink)}.result{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.result:before{content:"";background:var(--g-glow);width:260px;height:260px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.result>*{position:relative}.result .title{align-items:center;gap:10px;display:flex}.result .title .i{width:30px;height:30px;color:var(--ok-ink)}.result .hint{text-wrap:balance;max-width:30ch}.mascot{width:160px;height:160px;margin-bottom:8px;display:block}.mascot,.empty img,.notice img{-webkit-mask-image:linear-gradient(var(--ink) 82%, transparent);-webkit-mask-image:linear-gradient(var(--ink) 82%, transparent);mask-image:linear-gradient(var(--ink) 82%, transparent)}.detail{padding:var(--pad-card);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);gap:8px;margin:0;display:grid}.detail div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.detail dt{color:var(--muted)}.detail dd{margin:0;font-size:24px;font-weight:700}.scrim{box-sizing:border-box;background:var(--scrim);align-items:center;padding:16px;display:flex;position:absolute;inset:0}.scrim.bottom{align-items:flex-end;padding:0}.dialog{box-sizing:border-box;background:var(--surface);width:100%;font-size:var(--text);border-radius:20px;flex-direction:column;gap:14px;padding:24px 20px 20px;display:flex}.dialog h2{font-size:var(--title);margin:0}.dialog p{color:var(--muted);margin:0}.dialog .detail{background:var(--bg);box-shadow:none}.dialog-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sheet{box-sizing:border-box;background:var(--surface);width:100%;font-size:var(--text);border-radius:24px 24px 0 0;padding:10px 16px 20px}.grab{background:var(--border);border-radius:3px;width:44px;height:5px;margin:0 auto 8px}.sheet-top{justify-content:space-between;align-items:center;min-height:52px;display:flex}.sheet-top h2{font-size:var(--title);margin:0}.icon-btn{width:var(--ctrl-h);height:var(--ctrl-h);border:2px solid var(--border);background:var(--surface);border-radius:12px;place-items:center;display:grid}.icon-btn .i{color:var(--primary)}.icon-btn.bare{border-color:#0000}.icon-btn[disabled]{border-color:var(--tint);cursor:default}.icon-btn[disabled] .i{color:var(--border)}.monthbar{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:20px;font-weight:700;display:flex}.weekdays,.days{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.weekdays span{font-size:var(--text-sm);color:var(--muted);padding:4px 0;font-weight:600}.day{min-height:var(--ctrl-h);color:var(--ink);background:0 0;border:2px solid #0000;border-radius:12px;place-items:center;font-size:20px;font-weight:600;display:grid}.day.today{border-color:var(--ring)}.day.sel{background:var(--g-btn);color:var(--on-primary)}.day[disabled]{color:var(--border);cursor:default}.ctl{flex-direction:column;gap:12px;display:flex}.tabs{border-radius:var(--radius-btn);background:var(--surface);box-shadow:var(--shadow-card);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.tab{min-height:var(--ctrl-h);font-size:var(--text);color:var(--primary);background:0 0;border:none;border-radius:10px;font-weight:600}.tab[aria-selected=true]{background:var(--g-btn);color:var(--on-primary)}.period{justify-content:space-between;align-items:center;margin:0;font-size:20px;font-weight:700;display:flex}.sec{flex-direction:column;gap:12px;min-width:0;display:flex}.shg{flex-direction:column;gap:2px;display:flex}.sh{align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;line-height:1.35;display:flex}.sh .i{width:22px;height:22px}.card{padding:var(--pad-card);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;gap:12px;display:flex}.big{font-size:var(--hero-num);margin:0;font-weight:700;line-height:1.15}.mid{font-size:var(--num);margin:0;font-weight:700;line-height:1.25}.mid.minus{color:var(--warn-ink)}.small{font-size:var(--text-sm);color:var(--muted);margin:0}.pill{background:var(--ok-bg);font-size:var(--text-sm);color:var(--ok-ink);white-space:nowrap;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin:0;padding:4px 12px 4px 10px;font-weight:600;display:inline-flex}.pill .i{width:20px;height:20px;color:var(--ok-ink)}.pill.down{background:var(--warn-bg);color:var(--warn-ink)}.pill.down .i{color:var(--warn-ink)}.pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pair .card{text-align:center;align-items:center;gap:8px}.bigic{background:var(--tint);border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid}.bigic .i{width:30px;height:30px;color:var(--primary)}.bigic.in{background:var(--ok-bg)}.bigic.in .i{color:var(--ok-ink)}.bigic.out{background:var(--warn-bg)}.bigic.out .i{color:var(--warn-ink)}.cats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cat{border-radius:var(--radius-card);background:var(--surface);min-width:0;box-shadow:var(--shadow-card);align-items:center;gap:12px;padding:14px;display:flex}.cat .bigic{width:48px;height:48px}.cat .bigic .i{width:26px;height:26px}.cat-text{flex-direction:column;min-width:0;display:flex}.cat-text b{white-space:nowrap;font-size:22px;line-height:1.25}.cat-text small{font-size:var(--text-sm);color:var(--muted);font-weight:600}.cat-name{font-size:var(--text-sm);color:var(--muted)}.donut{width:184px;height:184px;margin:0 auto;display:block}.seg-up{fill:var(--up-fill)}.seg-cost{fill:var(--amber-fill)}.seg-exp{fill:var(--down-fill)}.legend{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.legend li{grid-template-columns:16px 1fr auto;align-items:center;gap:10px;display:grid}.legend i{border-radius:4px;width:16px;height:16px}.legend b{font-size:20px}.sw-up{background:var(--up-fill)}.sw-cost{background:var(--amber-fill)}.sw-exp{background:var(--down-fill)}.vscroll{scrollbar-width:thin;margin:0 -6px;padding:0 6px 6px;overflow-x:auto}.vcols{width:max-content;min-width:100%;display:flex}.vc{flex-direction:column;flex:0 0 60px;align-items:center;gap:4px;display:flex}.vc.wide{flex-basis:68px}.vc b{font-size:var(--text-sm);font-weight:600}.vc b.loss{color:var(--warn-ink)}.vc .mn{font-size:var(--text-sm);color:var(--muted)}.vc.on b,.vc.on .mn{color:var(--ink);font-weight:700}.vbar{border-bottom:2px solid var(--border);justify-content:center;align-items:flex-end;width:100%;height:116px;display:flex}.vbar.has-neg{border-bottom:0;flex-direction:column;justify-content:flex-start;align-items:center;height:auto}.vpos{border-bottom:2px solid var(--border);justify-content:center;align-items:flex-end;width:100%;height:112px;display:flex}.vneg{justify-content:center;align-items:flex-start;width:100%;height:28px;display:flex}.vf{border-radius:6px 6px 0 0;width:28px}.vf.neg{border-radius:0 0 6px 6px}.vf.up{background:var(--up-fill)}.vf.dn{background:var(--down-fill)}.vf.nu{background:var(--amber-fill)}.dl{white-space:nowrap;border-radius:999px;align-items:center;gap:2px;padding:1px 6px 1px 3px;font-size:14px;font-weight:600;line-height:1.4;display:inline-flex}.dl .i{stroke-width:2.5px;width:14px;height:14px}.dl.up{background:var(--ok-bg);color:var(--ok-ink)}.dl.up .i{color:var(--ok-ink)}.dl.dn{background:var(--warn-bg);color:var(--warn-ink)}.dl.dn .i{color:var(--warn-ink)}.dl-empty{height:22px}.key{font-size:var(--text-sm);color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 16px;margin:0;display:flex}.key span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.kd{border-radius:4px;width:14px;height:14px;display:inline-block}.kd.up{background:var(--up-fill)}.kd.down{background:var(--down-fill)}.hbars{flex-direction:column;gap:10px;display:flex}.hbar{grid-template-columns:84px 1fr auto;align-items:center;gap:10px;display:grid}.hbar b{text-align:right;min-width:40px}.hbar-track{background:var(--bg);border-radius:6px;height:20px;display:block}.hbar-fill{background:var(--amber-fill);border-radius:6px;height:100%;display:block}.kv{justify-content:space-between;align-items:baseline;display:flex}.kv b{font-size:22px}.tax-row{grid-template-columns:1fr auto;gap:6px 10px;display:grid}.tax-row .hbar-track{grid-column:1/-1}.tax-row.win b{color:var(--ok-ink)}.verdict{background:var(--ok-bg);font-size:var(--text);color:var(--ok-ink);border-radius:10px;margin:0;padding:8px 12px;font-weight:600}.note{font-size:var(--text-sm);color:var(--muted);margin:0}.group{flex-direction:column;gap:12px;display:flex}.group-title{margin:0;font-size:20px;font-weight:700;line-height:1.35}.entry{border-radius:var(--radius-card);background:var(--surface);min-height:76px;box-shadow:var(--shadow-card);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 30px 14px 14px;display:grid;position:relative}.tile{background:var(--tint);border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.tile .i{color:var(--primary)}.entry-main{flex-direction:column;min-width:0;display:flex}.entry-kind{font-size:20px;font-weight:700;line-height:1.35}.entry-meta{font-size:var(--text-sm);color:var(--muted);margin:0}.entry-date{font-size:var(--text-sm);color:var(--ink);margin:0;font-weight:600}.entry-amt{white-space:nowrap;font-size:20px;font-weight:700}.btn-del{border:2px solid var(--surface);background:var(--danger);width:32px;height:32px;box-shadow:var(--shadow-pin);border-radius:50%;place-items:center;display:grid;position:absolute;top:-8px;right:-6px}.btn-del:before{content:"";position:absolute;inset:-9px}.btn-del .i{stroke-width:3px;width:16px;height:16px;color:var(--on-danger)}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:40px 0;display:flex}.empty img{width:140px;height:140px}.empty p{margin:0;font-size:20px;font-weight:600}.sk{background:var(--skeleton);border-radius:12px;display:block}.sk-line{height:18px}.sk-num{width:60%;height:44px}.sk-card{border-radius:var(--radius-card);height:120px}.sk-row{border-radius:var(--radius-card);height:84px}.code{border-radius:var(--radius-field);background:var(--surface);box-shadow:var(--shadow-card);font-size:var(--text-sm);word-break:break-all;margin:0;padding:14px 16px;font-weight:600}.loading{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.loading .btn{margin-top:24px}.walker-stage{flex-direction:column;align-items:center;display:flex}.walker{aspect-ratio:360/299;background:url(/assets/jack-walk.png) 0 0/400% 100% no-repeat;width:120px;animation:2.4s steps(4,end) infinite walk,.6s ease-in-out infinite alternate bob}.walker-shadow{background:var(--floor);border-radius:50%;width:86px;height:9px;margin-top:-6px;animation:.6s ease-in-out infinite alternate shadow}.loading-label{color:var(--muted);margin:0;font-size:20px;font-weight:600}.dots span{opacity:0;animation:1.2s step-end infinite dot}.dots span:nth-child(2){animation-delay:.3s}.dots span:nth-child(3){animation-delay:.6s}@keyframes walk{0%{background-position:0 0}to{background-position:133.333% 0}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes shadow{0%{opacity:1;transform:scaleX(1)}to{opacity:.8;transform:scaleX(.92)}}@keyframes dot{0%{opacity:0}25%{opacity:1}90%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.walker,.walker-shadow,.spinner,.dots span{animation:none}.dots span{opacity:1}}body{background:var(--g-bg);min-height:100dvh;font-family:var(--font);color:var(--ink);margin:0}.screen{box-sizing:border-box;gap:var(--gap-section);min-height:100dvh;font-size:var(--text);font-variant-numeric:tabular-nums;flex-direction:column;padding:16px 16px 32px;line-height:1.5;display:flex}.code{-webkit-user-select:all;user-select:all}