:root{--bg:#f4f1e7;--bg2:#e7e9dc;--panel:#fffdf6;--line:#a7ad99;--ink:#26362e;--dim:#5c6a60;--faint:#7d897b;--gold:#b65d35;--gold2:#944326;--teal:#397765;--good:#347657;--bad:#b44d45;--karma:#76689b;--warn:#aa742f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--ink);background-image:radial-gradient(circle at 9% 0,#e3eadc 0,#0000 40%),radial-gradient(circle at 100% 100%,#f0ded1 0,#0000 35%)}button,input{font:inherit}.mobile-tabs{display:none}.sso-status{z-index:200;background:var(--bg);color:var(--ink);place-items:center;font:600 18px IBM Plex Sans Thai,sans-serif;display:grid;position:fixed;inset:0}.sso-status[hidden]{display:none}#app{gap:16px;max-width:1260px;padding:22px 20px 32px}.main{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:22px}.hud{border:1px solid #a7ad99;border-top:3px solid var(--teal);background:#e7e9dc;padding:12px 15px;box-shadow:0 4px #26362e18}.who b{color:var(--teal)}.income-line{color:var(--gold2)}.screen{border:3px solid #26362e;outline:2px solid #b65d35;box-shadow:0 5px #26362e24}.scan{opacity:.15}.panel{background:var(--panel);border:1px solid #a7ad99;border-top:3px solid var(--gold);gap:14px;padding:22px;box-shadow:0 5px #26362e17}.panel h2{color:var(--ink);font-size:24px;line-height:1.45}.panel .txt,.story{color:var(--dim);line-height:1.8}.eyebrow{color:var(--gold)}.story{border-left-color:var(--gold);color:var(--ink);background:#f5ecdc}.head{background:#f5ebd9}.head b{color:var(--warn)}.pend{background:#f4f3eb}.pend div{color:var(--ink)}.ch{color:var(--ink);background:#eef2e9;border:1px solid #a5b4a1;border-left:3px solid #658875;box-shadow:0 3px #26362e16}.ch:hover:not(:disabled),.ch:focus-visible{border-color:var(--teal);background:#e3eee5;box-shadow:0 3px #26362e16}.ch .k,.ch .s{color:var(--dim)}.ch .price{color:var(--gold2)}.ch.on{border-color:var(--teal);background:#e1eee7}.go{background:var(--teal);color:#fffdf6;border:1px solid #316957;box-shadow:0 3px #244f41}.go:hover,.go:focus-visible{background:#2f6957}.go.ghost{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:0 0}.go:focus-visible,.linkbtn:focus-visible{outline-color:var(--gold)}.linkbtn{color:var(--dim);border-color:var(--line);background:#f0f1e8}.tile,.gen{border-color:var(--line);background:#f0f1e8}.money{background:#f4eadc;border-color:#c9a277}.drawer .in{background:var(--panel);border-color:var(--gold)}.site-footer{color:var(--dim)}.site-footer a{color:var(--teal)}.site-footer a:hover{color:var(--gold)}#saveBar{border-color:var(--line);background:var(--panel);color:var(--ink);border-radius:12px;box-shadow:0 4px #26362e13}#saveBar button{border-color:var(--line);color:var(--ink);background:#e7e9dc;border-radius:9px}#saveBar span{color:var(--dim)}.saveDialog{border-color:var(--line);background:var(--panel);color:var(--ink);border-radius:18px;box-shadow:0 20px 70px #26362e33}.saveDialog::backdrop{background:#17241db3}.saveCard{border-color:var(--line);background:#f0f1e8;border-radius:13px}.saveCard strong{color:var(--teal)}.kidNameForm input{color:var(--ink);border-color:var(--line);background:#f8f7ef}.saveDialog .danger{color:var(--bad);border-color:#c98c84}#logoutBtn{margin-left:0}.auth-dialog{border:1px solid var(--line);background:var(--panel);width:min(500px,100vw - 28px);max-height:calc(100dvh - 28px);color:var(--ink);border-radius:20px;padding:0;font-family:IBM Plex Sans Thai,sans-serif;overflow-y:auto;box-shadow:0 22px 80px #26362e36}.auth-dialog::backdrop{background:#17241db3}.auth-card{padding:26px}.auth-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.auth-kicker{color:var(--teal);letter-spacing:.06em;font-size:12px;font-weight:700}.auth-head h2{margin:4px 0 0;font-size:23px;line-height:1.45}.auth-close{border:1px solid var(--line);background:var(--bg);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:11px;flex:0 0 40px}.auth-copy{color:var(--dim);line-height:1.75}.auth-google,.auth-submit{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);cursor:pointer;background:#eef1e8;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-weight:700;display:flex}.auth-google:disabled,.auth-submit:disabled{opacity:.55;cursor:wait}.google-mark{color:#4285f4;font:700 19px Arial,sans-serif}.auth-divider{color:var(--faint);align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";flex:1;height:1px}.auth-form{gap:8px;margin:10px 0;display:grid}.auth-form[hidden]{display:none}.auth-form label{font-size:13px;font-weight:600}.auth-form input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fffef9;border-radius:11px;padding:10px 12px}.auth-form input:focus{outline:2px solid var(--teal);outline-offset:2px}.auth-consent{align-items:flex-start;gap:9px;line-height:1.6;display:flex}.auth-form .auth-consent input{flex:0 0 18px;width:18px;min-height:18px;margin:3px 0 0}.auth-submit{background:var(--teal);color:#fff;border-color:#316957}.auth-back{color:var(--teal);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:center;padding:8px;text-decoration:underline}.auth-error{min-height:22px;color:var(--bad);margin:8px 0 0;font-size:13px}.life-pass-dialog{width:min(560px,100vw - 28px)}.life-pass-price{border:1px solid var(--line);background:#f0f1e8;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;padding:16px;display:flex}.life-pass-price strong{color:var(--gold2);white-space:nowrap;font-size:24px}.life-pass-status{min-height:28px;color:var(--dim);line-height:1.6}.life-pass-dialog .auth-submit{margin-top:12px}.life-pass-dialog .auth-submit:disabled{opacity:.6}.life-pass-home{color:var(--faint);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:5px auto 0;padding:5px 10px;font-size:13px;text-decoration:underline;display:block}.life-pass-home:hover,.life-pass-home:focus-visible{color:var(--dim)}@media (max-width:420px){.life-pass-price{flex-direction:column;align-items:flex-start;gap:4px}}.mobile-menu{border:1px solid var(--line);background:var(--panel);width:min(480px,100vw - 24px);max-height:min(80dvh,620px);color:var(--ink);border-radius:18px;padding:22px;font-family:IBM Plex Sans Thai,sans-serif;box-shadow:0 20px 70px #29392c33}.mobile-menu::backdrop{background:#17241db3}.mobile-menu-head{justify-content:space-between;align-items:center;display:flex}.mobile-menu h2{margin:0;font-size:22px}.mobile-menu-head button{border:1px solid var(--line);width:42px;height:42px;color:inherit;background:0 0;border-radius:12px}.mobile-menu p{color:var(--dim);line-height:1.7}.mobile-menu>button,.mobile-menu>a{border:1px solid var(--line);background:var(--bg2);width:100%;color:var(--ink);text-align:left;border-radius:12px;margin:8px 0;padding:12px 14px;text-decoration:none;display:block}@media (max-width:640px){body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}#app{max-width:720px;padding:0 8px calc(78px + env(safe-area-inset-bottom));gap:8px}.main{grid-template-columns:minmax(0,1fr);gap:12px}.main>section:first-child{position:relative;top:auto}.hud{z-index:20;border-width:0 0 2px;margin-inline:-8px;padding:6px 8px;position:sticky;top:0}.screen{box-shadow:none;outline-width:1px}.panel{box-shadow:none;gap:12px;padding:15px 13px}.panel h2{font-size:21px}.ch{padding:11px 10px}.go{min-height:46px}.auth-card{padding:20px}.mobile-tabs{z-index:80;min-height:66px;padding:7px max(8px, env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf6f5;border-top:1px solid #a7ad99;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #26362e12}.mobile-tabs button{min-width:0;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.mobile-tabs button span{font-size:20px;line-height:1.2}.mobile-tabs button small{font-size:11px}.mobile-tabs button[aria-current=page]{color:var(--teal);background:#e5eee5}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}