*,:after,:before{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--c-bg:#f8f5ef;--c-surface:#fefdfb;--c-surface-2:#f2ebdf;--c-p100:#f2e9da;--c-p200:#e6dbc7;--c-p300:#d1c5b0;--c-p500:#a6987f;--c-p600:#7e6e58;--c-p700:#5e5344;--c-p800:#433b32;--c-s100:#f5efe5;--c-s200:#ebe2d4;--c-s300:#d0c5b0;--c-s500:#a89b84;--c-primary:#a68a5b;--c-teal:#8fa98c;--c-gold:#d4a84a;--c-rose:#d36b58;--c-info:#6e8ca0;--c-amber:#cba14a;--c-translate:#7e9bc0;--zh-font:"Noto Serif SC",serif;--th-font:"Sarabun",sans-serif;--zh-serif:"Noto Serif SC",serif;--th-serif:"Noto Serif Thai","Charm",serif;--radius-xs:10px;--radius-sm:14px;--radius-md:18px;--radius-lg:24px;--radius-pill:999px;--shadow-sm:0 1px 4px rgba(110,98,80,.05);--shadow-card:0 2px 16px rgba(110,98,80,.06);--shadow-lg:0 8px 30px rgba(110,98,80,.1);--border-thin:1px solid var(--c-p200);--border-hair:1px solid var(--c-p100);--app-max-width:430px;--tabbar-height:60px;--safe-bottom:env(safe-area-inset-bottom,0px);--app-height:100vh}[data-theme=dark]{--c-bg:#211d18;--c-surface:#2a251f;--c-surface-2:#322c24;--c-p100:#2a251f;--c-p200:#3a332a;--c-p300:#5a5044;--c-p500:#b3a692;--c-p600:#cbbfa8;--c-p700:#ddd2be;--c-p800:#efe7d6;--c-s100:#2a251f;--c-s200:#3a332a;--c-s300:#5a5044;--c-s500:#9a8e7c;--c-primary:#c4a468;--c-teal:#9dbf9a;--c-gold:#e3bc5f;--c-rose:#e6836f;--c-info:#7fa0b5;--c-amber:#d9b65a;--c-translate:#93aecc;--shadow-sm:0 1px 4px rgba(0,0,0,.3);--shadow-card:0 2px 16px rgba(0,0,0,.35);--shadow-lg:0 8px 30px rgba(0,0,0,.45)}body,html{height:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;font-family:var(--zh-font),var(--th-font),sans-serif;color:var(--c-p800);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root,body,html{width:100%;background:var(--c-bg)}#root{max-width:var(--app-max-width);margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;overflow-x:hidden;min-width:0;box-shadow:0 0 40px rgba(110,98,80,.05);overscroll-behavior:contain}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;color:inherit}a{color:var(--c-info)}.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-y::-webkit-scrollbar{display:none}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.thai{font-family:var(--th-font)}.zh{font-family:var(--zh-font)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--c-s100) 25%,var(--c-s200) 37%,var(--c-s100) 63%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:8px}