:root{--font-num: "Krapao Plex", system-ui, sans-serif;--dur-press: 90ms;--dur-state: .18s;--dur-sheet-in: .26s;--dur-sheet-out: .2s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-sheet: cubic-bezier(.32, .72, 0, 1)}:root[data-theme=B],:root:not([data-theme]){--bg: #F7F3EC;--surface: #FFFFFF;--surface-sunken: #EFE9DF;--border: #DED3C2;--border-strong: #928168;--text-primary: #1F1B16;--text-secondary: #5C5245;--text-tertiary: #736753;--text-inverse: #FFFFFF;--accent: #1B4B5A;--accent-ink: #FFFFFF;--accent-edge: transparent;--accent-soft: #DCEAEC;--accent-strong: #113945;--pos: #00764E;--pos-soft: #DCF1E3;--neg: #A8342A;--neg-soft: #F7E2DF;--warn: #8A5A00;--warn-soft: #F5E9D0;--info: #0B6E86;--info-soft: #DCEEF2;--focus: #1F1B16;--scrim: rgba(31,27,22,.45);--handle: #928168;--cat-1-ink: #8A5A12;--cat-1-soft: #F3E7CB;--cat-2-ink: #265C7D;--cat-2-soft: #DCE9F0;--cat-3-ink: #8C3560;--cat-3-soft: #F3DEE9;--cat-4-ink: #116159;--cat-4-soft: #D9ECE7;--cat-5-ink: #5C4C8C;--cat-5-soft: #E4E0F2;--cat-6-ink: #456B2E;--cat-6-soft: #E2EDD9;--cat-7-ink: #3F5779;--cat-7-soft: #DFE6F0;--cat-8-ink: #5E564A;--cat-8-soft: #EDE7DC;--r-1: 10px;--r-2: 14px;--r-3: 20px;--r-4: 28px;--r-sheet: 32px;--r-full: 999px;--e-1: 0 2px 8px rgba(80,64,40,.07);--e-2: 0 6px 18px rgba(80,64,40,.1);--e-3: 0 -10px 36px rgba(80,64,40,.16);--e-fab: 0 8px 20px rgba(27,75,90,.28);--font-ui: "Krapao Noto Thai", "Krapao Plex", system-ui, sans-serif}:root[data-theme=C]{--bg: #0A0A0F;--surface: #16161F;--surface-sunken: #0E0E15;--border: #343450;--border-strong: #66668A;--text-primary: #E4E4EE;--text-secondary: #A5A5B8;--text-tertiary: #7E7E96;--text-inverse: #0A0A0F;--accent: #7C6CFF;--accent-ink: #0B0714;--accent-edge: transparent;--accent-soft: #1C1740;--accent-strong: #9686FF;--pos: #4BD28C;--pos-soft: #10291E;--neg: #FF7A6B;--neg-soft: #2E1614;--warn: #F0B33C;--warn-soft: #2B2009;--info: #5CC8E0;--info-soft: #0C262C;--focus: #7C6CFF;--scrim: rgba(8,4,18,.62);--handle: #66668A;--cat-1-ink: #E8C271;--cat-1-soft: #332508;--cat-2-ink: #7BC4EE;--cat-2-soft: #0B2836;--cat-3-ink: #F0A3D6;--cat-3-soft: #331226;--cat-4-ink: #6FE0D2;--cat-4-soft: #08271F;--cat-5-ink: #D354DE;--cat-5-soft: #3B123F;--cat-6-ink: #8FE8AE;--cat-6-soft: #0E2E18;--cat-7-ink: #9FB4FF;--cat-7-soft: #161C3C;--cat-8-ink: #C7CBE0;--cat-8-soft: #212233;--r-1: 8px;--r-2: 12px;--r-3: 18px;--r-4: 22px;--r-sheet: 28px;--r-full: 999px;--e-1: none;--e-2: none;--e-3: none;--e-fab: 0 8px 24px rgba(124,108,255,.45);--font-ui: "Krapao Anuphan", "Krapao Plex", system-ui, sans-serif}@media(prefers-contrast:more){:root[data-theme=B],:root[data-theme=C],:root:not([data-theme]){--border: var(--border-strong);--text-tertiary: var(--text-secondary)}}@media(prefers-reduced-motion:reduce){:root{--dur-press: 0ms;--dur-state: 0ms;--dur-sheet-in: 0ms;--dur-sheet-out: 0ms}}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);color:var(--text-primary);font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font-ui);font-size:1rem;line-height:1.6;font-weight:400}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;min-height:56px}.row-2line{min-height:68px}@font-face{font-family:Krapao Plex;src:url(/fonts/IBMPlexSans-latin-var.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+0E3F}@font-face{font-family:Krapao Noto Thai;src:url(/fonts/NotoSansThai-thai-var.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap;unicode-range:U+0E00-0E7F,U+25CC}@font-face{font-family:Krapao Anuphan;src:url(/fonts/Anuphan-thai-var.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap;unicode-range:U+0E00-0E7F,U+25CC}.t-num-hero{font-family:var(--font-num);font-size:clamp(2rem,9vw,2.75rem);line-height:1.05;font-weight:600;letter-spacing:-.02em}.t-num-lg{font-family:var(--font-num);font-size:1.75rem;line-height:1.15;font-weight:600;letter-spacing:-.015em}.t-num-md{font-family:var(--font-num);font-size:1.25rem;line-height:1.3;font-weight:600;letter-spacing:-.01em}.t-title{font-size:1.375rem;line-height:1.45;font-weight:600}.t-headline{font-size:1.125rem;line-height:1.5;font-weight:600}.t-body{font-size:1rem;line-height:1.6;font-weight:400}.t-body-strong{font-size:1rem;line-height:1.6;font-weight:500}.t-caption{font-size:.875rem;line-height:1.55;font-weight:400}.t-label{font-size:.8125rem;line-height:1.5;font-weight:500;letter-spacing:.005em}.t-tab{font-size:.8125rem;line-height:1.45;font-weight:500}.t-micro{font-size:.75rem;line-height:1.4;font-weight:500;letter-spacing:.01em}.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:var(--r-full);background:none;color:var(--text-secondary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;background:var(--scrim);animation:sheet-scrim-in var(--dur-state) var(--ease-out)}.sheet{position:absolute;left:0;right:0;bottom:0;min-height:50dvh;max-height:88dvh;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;box-shadow:var(--e-3);outline:none;animation:sheet-in var(--dur-sheet-in) var(--ease-sheet)}.sheet-handle{flex:none;width:36px;height:4px;margin:8px auto 0;border-radius:var(--r-full);background:var(--handle)}.sheet-header{flex:none;display:flex;align-items:center;gap:8px;min-height:52px;padding:0 8px 0 16px}.sheet-title{flex:1;color:var(--text-primary)}.sheet-body{flex:1;padding:0 16px 16px}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-scrim-in{0%{opacity:0}}.shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.shell-screens{position:relative;flex:1;min-height:0}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;padding:env(safe-area-inset-top) env(safe-area-inset-right) 24px env(safe-area-inset-left)}.screen[hidden]{display:none}.screen-header{display:flex;align-items:center;min-height:56px;padding:8px 16px;color:var(--text-primary)}.tabbar-dock{flex:none;background:var(--surface);padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left)}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr;align-items:stretch;justify-items:stretch;height:60px;border-top:1px solid var(--border)}.tabbar-safe{position:relative;height:env(safe-area-inset-bottom);overflow:hidden;pointer-events:none}.tabbar-safe:before{content:"";position:absolute;left:50%;top:50%;width:134px;height:5px;border-radius:var(--r-full);background:var(--text-primary);opacity:.32;transform:translate(-50%,-50%);pointer-events:none}.tab,.fab{grid-row:1;display:grid;justify-items:center;align-content:center;gap:3px;min-width:44px;min-height:44px;margin:0;padding:0 2px;border:0;background:none;font-family:var(--font-ui);font-size:.8125rem;line-height:1.45;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-press) var(--ease-out)}.tab{color:var(--text-tertiary);font-weight:500}.tab[aria-current=page]{color:var(--text-primary);font-weight:600}.tab svg,.fab svg{display:block}.fab{color:var(--accent-strong);font-weight:600}.fab-mark{display:grid;place-items:center;width:40px;height:28px;border-radius:14px;background:var(--accent-soft)}.tab:active,.fab:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){.tab:active,.fab:active{transform:none}}.button{display:block;width:100%;min-height:44px;margin:0;padding:10px 16px;border-radius:var(--r-2);font-family:var(--font-ui);font-size:1rem;line-height:1.5;font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.button-primary{border:1px solid var(--accent-edge);background:var(--accent);color:var(--accent-ink)}.button-secondary{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-primary)}.button[aria-disabled=true]{cursor:default}.text-button{min-height:44px;margin:0;padding:10px 16px;border:0;background:none;color:var(--text-secondary);font-family:var(--font-ui);font-size:1rem;line-height:1.5;font-weight:500;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.lock-skeleton{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 30dvh) 16px calc(env(safe-area-inset-bottom) + 32px);background:var(--bg);color:var(--text-primary)}.lock-skeleton-brand{display:grid;justify-items:center;gap:12px;color:var(--text-secondary)}.lock-skeleton-brand h1{color:var(--text-primary)}.chooser{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 30dvh) 16px calc(env(safe-area-inset-bottom) + 32px);background:var(--bg);color:var(--text-primary)}.chooser-title{text-align:center}.chooser-actions{display:grid;gap:12px}.update-prompt{position:fixed;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 72px);z-index:30;display:flex;align-items:center;gap:8px;min-height:52px;padding:4px 4px 4px 16px;border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface);box-shadow:var(--e-2);color:var(--text-primary);font-size:.875rem;line-height:1.55}.update-prompt-dot{color:var(--text-tertiary)}.update-prompt-action{min-height:44px;margin:0 0 0 auto;padding:8px 12px;border:0;border-radius:var(--r-1);background:none;color:var(--accent-strong);font-family:var(--font-ui);font-size:.875rem;line-height:1.55;font-weight:600;cursor:pointer;touch-action:manipulation}.update-required{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 30dvh) 16px calc(env(safe-area-inset-bottom) + 32px);background:var(--bg);color:var(--text-primary);text-align:center}