@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-thai-thai-400-normal-BEOmKAI1.woff2) format("woff2"),url(/assets/noto-sans-thai-thai-400-normal-Dxb_unuU.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-thai-latin-ext-400-normal-nBP59pVw.woff2) format("woff2"),url(/assets/noto-sans-thai-latin-ext-400-normal-B-1H0YkH.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-thai-latin-400-normal-BaWBrqFP.woff2) format("woff2"),url(/assets/noto-sans-thai-latin-400-normal-Dh_FJjOB.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-thai-thai-500-normal-CU_X86GQ.woff2) format("woff2"),url(/assets/noto-sans-thai-thai-500-normal-BOGXO2tw.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-thai-latin-ext-500-normal-B-ZWb8SZ.woff2) format("woff2"),url(/assets/noto-sans-thai-latin-ext-500-normal-CrEHO7C8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-thai-latin-500-normal-fyBKClF1.woff2) format("woff2"),url(/assets/noto-sans-thai-latin-500-normal-BC04jsmm.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-thai-thai-600-normal-Cs73sVjl.woff2) format("woff2"),url(/assets/noto-sans-thai-thai-600-normal-CmgB8_JK.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-thai-latin-ext-600-normal-maHHBsez.woff2) format("woff2"),url(/assets/noto-sans-thai-latin-ext-600-normal-PkMZo0xa.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-thai-latin-600-normal-CemcjnVR.woff2) format("woff2"),url(/assets/noto-sans-thai-latin-600-normal-Dbc-dNO6.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-thai-thai-700-normal-Cm52XUnT.woff2) format("woff2"),url(/assets/noto-sans-thai-thai-700-normal-C9ISMlQq.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-thai-latin-ext-700-normal-uJk63onE.woff2) format("woff2"),url(/assets/noto-sans-thai-latin-ext-700-normal-xdwl2Xg6.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-thai-latin-700-normal-_dn-40wb.woff2) format("woff2"),url(/assets/noto-sans-thai-latin-700-normal-C4AMFKt5.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-thai-400-normal-BrkKv8cO.woff2) format("woff2"),url(/assets/prompt-thai-400-normal-DJypnfr3.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-vietnamese-400-normal-BCPzsgPT.woff2) format("woff2"),url(/assets/prompt-vietnamese-400-normal-D4pLyeNK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-latin-ext-400-normal-DdSafGZ9.woff2) format("woff2"),url(/assets/prompt-latin-ext-400-normal-1pHbN9uy.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-latin-400-normal-BQ9zjSN8.woff2) format("woff2"),url(/assets/prompt-latin-400-normal-CxU4ec_r.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/prompt-thai-700-normal-Cg4aQ0Nn.woff2) format("woff2"),url(/assets/prompt-thai-700-normal-Cb5ilR-c.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/prompt-vietnamese-700-normal-CGnCqMm1.woff2) format("woff2"),url(/assets/prompt-vietnamese-700-normal-Bop7lSxF.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/prompt-latin-ext-700-normal-BkJrvM1L.woff2) format("woff2"),url(/assets/prompt-latin-ext-700-normal-iiM_gSWc.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/prompt-latin-700-normal-I2gc831J.woff2) format("woff2"),url(/assets/prompt-latin-700-normal-BfbftDSq.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.packit-loading{--fold-paper: #438f99;--fold-paper-light: #a0cdd0;--fold-paper-deep: #225664;--fold-shadow: rgba(21, 64, 73, .24);--fold-duration: 3.6s;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 35%,var(--surface-2),transparent 65%),var(--bg)}:root[data-theme=dark] .packit-loading{--fold-paper: #58a8ae;--fold-paper-light: #aad8d6;--fold-paper-deep: #326775;--fold-shadow: rgba(0, 0, 0, .45)}.packit-loading__card{width:min(100%,420px);padding:30px 24px 26px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow)}.packit-loading__brand{color:var(--accent-ink);font-family:Prompt,Noto Sans Thai,sans-serif;font-size:23px;font-weight:600;letter-spacing:-.05em}.packit-loading__brand>span{color:var(--pink)}.packit-loading__stage{position:relative;height:184px;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.packit-loading__shadow{position:absolute;width:160px;height:50px;top:125px;border-radius:50%;background:radial-gradient(ellipse,var(--fold-shadow),transparent 70%);animation:packit-fold-shadow var(--fold-duration) ease-in-out infinite}.packit-loading__scene{width:60px;height:60px;perspective:650px;transform:translateY(9px)}.packit-loading__net{position:relative;width:60px;height:60px;transform-style:preserve-3d;transform:translateY(16px) scale(.93) rotateX(58deg) rotate(-42deg);animation:packit-fold-drift var(--fold-duration) ease-in-out infinite}.packit-loading__face{position:absolute;width:60px;height:60px;border:1px solid rgba(21,64,73,.24);transform-style:preserve-3d;animation-duration:var(--fold-duration);animation-timing-function:cubic-bezier(.5,0,.2,1);animation-iteration-count:infinite}.packit-loading__base{background:var(--fold-paper-deep)}.packit-loading__front{top:100%;transform-origin:top;background:var(--fold-paper);transform:rotateX(90deg);animation-name:packit-fold-front}.packit-loading__back{top:-100%;transform-origin:bottom;background:var(--fold-paper);transform:rotateX(-90deg);animation-name:packit-fold-back}.packit-loading__left{left:-100%;transform-origin:right;background:var(--fold-paper-light);transform:rotateY(90deg);animation-name:packit-fold-left}.packit-loading__right{left:100%;transform-origin:left;background:var(--fold-paper-deep);transform:rotateY(-90deg);animation-name:packit-fold-right}.packit-loading__lid{top:-100%;left:-1px;transform-origin:bottom;background:var(--fold-paper-light);display:grid;place-items:center;transform:rotateX(-90deg);animation-name:packit-fold-lid}.packit-loading__lid-logo{display:block;width:48px;height:48px;object-fit:contain;mix-blend-mode:multiply;pointer-events:none;transform:rotate(180deg)}.packit-loading__title{color:var(--text);font-size:20px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.packit-loading__message{margin-top:8px;color:var(--text-3);font-size:13px;line-height:1.8;overflow-wrap:anywhere}.packit-loading__signature{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:28px;color:var(--text-3);font-size:9px;font-weight:500;letter-spacing:.15em}.packit-loading__signature>span{width:20px;height:1px;background:var(--border-strong)}@keyframes packit-fold-front{0%,10%,94%,to{transform:rotateX(0)}35%,74%{transform:rotateX(90deg)}}@keyframes packit-fold-back{0%,12%,94%,to{transform:rotateX(0)}37%,74%{transform:rotateX(-90deg)}}@keyframes packit-fold-left{0%,2%,94%,to{transform:rotateY(0)}28%,77%{transform:rotateY(90deg)}}@keyframes packit-fold-right{0%,6%,94%,to{transform:rotateY(0)}31%,77%{transform:rotateY(-90deg)}}@keyframes packit-fold-lid{0%,32%,86%,to{transform:rotateX(0)}52%,68%{transform:rotateX(-90deg)}}@keyframes packit-fold-drift{0%,to{transform:translateY(1px) scale(.68) rotateX(55deg) rotate(-35deg)}48%,70%{transform:translateY(16px) scale(.93) rotateX(58deg) rotate(-42deg)}}@keyframes packit-fold-shadow{0%,to{transform:scale(1.05);opacity:.5}50%{transform:scale(.7);opacity:1}}@media(max-width:380px){.packit-loading{padding:16px}.packit-loading__card{padding:26px 16px 24px}}@media(prefers-reduced-motion:reduce){.packit-loading__net,.packit-loading__face,.packit-loading__shadow{animation:none}}.login-skeleton__block{position:relative;display:block;overflow:hidden;background:var(--accent-weak);border-radius:6px}.login-skeleton__block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 15%,var(--surface-2) 50%,transparent 85%);transform:translate(-100%);animation:login-skeleton-shimmer 1.8s ease-in-out infinite}.login-skeleton__mark{width:46px;height:46px;border-radius:12px}.login-skeleton__name{width:88px;height:27px}.login-skeleton__title{width:142px;height:23px;margin:0 auto 14px}.login-skeleton__description{display:grid;gap:9px;margin-bottom:26px}.login-skeleton__line{width:100%;height:12px;margin-inline:auto}.login-skeleton__line--short{width:68%}.login-skeleton__button{width:100%;height:46px;border-radius:10px}.login-skeleton__fine{width:78%;height:10px;margin:18px auto 4px}.login-skeleton__footer{width:min(260px,100%);height:11px}.login-skeleton__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes login-skeleton-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.login-skeleton__block:after{animation:none}}:root{--bg: linear-gradient(135deg, #d5e7e9 0%, #dfeceb 45%, #e8f2f0 100%);--bg-solid: #e3eeec;--surface: rgba(255, 255, 255, .72);--surface-2: rgba(255, 255, 255, .58);--surface-solid: #ffffff;--border: rgba(25, 85, 95, .2);--border-strong: rgba(25, 85, 95, .34);--text: #1c2a2d;--text-2: #4c5c5f;--text-3: #5a696c;--accent: #17677a;--accent-hover: #12586a;--accent-weak: rgba(23, 103, 122, .1);--accent-border: rgba(23, 103, 122, .36);--accent-ink: #154049;--on-accent: #ffffff;--pink: #4aa7b3;--coral: #7fc3cc;--cta-grad: linear-gradient(135deg, #1a7284 0%, #154049 100%);--cta-grad-hover: linear-gradient(135deg, #155f6f 0%, #103640 100%);--on-cta: #ffffff;--danger: #d6494f;--danger-bg: #fbeaea;--info: #1b6ea8;--info-bg: #e6f1fb;--info-border: #185fa5;--warn: #8a5a1c;--warn-bg: #faeeda;--warn-border: #ba7517;--radius: 20px;--radius-lg: 26px;--radius-sm: 12px;--glass: blur(20px) saturate(1.35);--shadow-sm: 0 2px 10px rgba(20, 75, 85, .12);--shadow: 0 16px 40px rgba(20, 75, 85, .2)}:root[data-theme=dark]{--bg: linear-gradient(135deg, #0e2428 0%, #133032 45%, #164036 100%);--bg-solid: #142b2e;--surface: rgba(255, 255, 255, .07);--surface-2: rgba(255, 255, 255, .05);--surface-solid: #173230;--border: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .24);--text: #e7efee;--text-2: #a7bcbb;--text-3: #a3b7b6;--accent: #5cc0cf;--accent-hover: #74ccd9;--accent-ink: #5cc0cf;--accent-weak: rgba(92, 192, 207, .14);--accent-border: rgba(92, 192, 207, .42);--on-accent: #08211f;--danger: #f28a8f;--danger-bg: rgba(242, 138, 143, .16);--info: #8fc4ee;--info-bg: rgba(80, 150, 215, .18);--info-border: rgba(130, 185, 232, .5);--warn: #e6b877;--warn-bg: rgba(205, 155, 70, .18);--warn-border: rgba(215, 170, 95, .5);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .35);--shadow: 0 18px 44px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{font-family:Noto Sans Thai,-apple-system,sans-serif;background:var(--bg-solid);background-image:var(--bg);background-attachment:fixed;background-size:cover;color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,.tgroup-title,.login-name,.login-title,.bp-head>span,.group>.tgroup-head .tgroup-title{font-family:Prompt,Noto Sans Thai,sans-serif}::selection{background:var(--accent-weak)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:content-box}button{width:100%;padding:9px 13px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}button:hover{border-color:var(--accent);background:var(--accent-weak);color:var(--accent-ink)}button.primary{background:var(--cta-grad);border-color:transparent;color:var(--on-cta);box-shadow:0 10px 22px #8b84f052}button.primary:hover{background:var(--cta-grad-hover);border-color:transparent;color:var(--on-cta)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120e59;display:flex;align-items:center;justify-content:center;z-index:300}.modal{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);padding:20px;width:min(360px,90vw);box-shadow:0 20px 50px #3c28644d}.modal h3{font-size:15px;font-weight:600;color:var(--accent-ink);margin-bottom:12px}.modal input{width:100%;padding:9px 12px;border:1px solid var(--border-strong);border-radius:8px;font:inherit;font-size:15px}.modal input:focus{outline:none;border-color:var(--accent)}.modal-actions{display:flex;gap:10px;margin-top:16px}.modal-actions button{flex:1}.modal.modal-newwork{width:min(480px,92vw);padding:30px 26px 24px;border-radius:22px;text-align:center}.modal-newwork h3{font-size:30px;font-weight:700;color:var(--text);margin:0 0 18px}.modal-newwork p{margin:0;font-size:16px;line-height:1.7;color:var(--text)}.modal-newwork .modal-actions{gap:24px;margin-top:26px}.modal-newwork .modal-actions button{padding:12px 14px;border-radius:12px;font-size:17px;background:var(--surface-solid);border:1.5px solid var(--accent-border)}.modal-newwork .modal-actions button.go{background:#57bf99;border-color:transparent;color:#fff;font-weight:700}.modal-newwork .modal-actions button.go:hover{background:#44a983}.modal-actions button.danger{background:var(--danger);border-color:transparent;color:#fff;font-weight:700}.modal-actions button.danger:hover{background:#b93a40;border-color:transparent;color:#fff}.login-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;background:radial-gradient(120% 90% at 50% -10%,var(--accent-weak),transparent 60%),var(--bg)}.login-card{width:100%;max-width:380px;background:var(--surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:34px 30px 26px;text-align:center}.login-brand{display:inline-flex;align-items:center;gap:10px;color:var(--accent-ink);margin-bottom:22px}.login-mark{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;background:var(--accent-weak);border:1px solid var(--accent-border);border-radius:12px}.login-name{font-size:26px;font-weight:700;letter-spacing:-.02em}.login-title{font-size:19px;font-weight:600;color:var(--text);margin-bottom:6px}.login-sub{font-size:13px;line-height:1.6;color:var(--text-3);margin-bottom:24px}.google-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.google-btn:hover{background:var(--surface-2);border-color:var(--text-3);box-shadow:var(--shadow-sm)}.login-fine{font-size:11.5px;color:var(--text-3);margin-top:16px}.login-footer{font-size:12px;color:var(--text-3)}.cloud-save-wrap{display:flex;align-items:center;gap:5px;flex-shrink:0}.cloud-save-state{flex-shrink:0;font-size:16px;color:var(--text-3);white-space:nowrap}.cloud-save-state.offline,.cloud-save-state.conflict,.cloud-save-state.error{color:var(--danger)}.cloud-save-state.saving,.cloud-save-state.dirty{color:var(--accent-ink)}.cloud-conflict-btn{width:auto;padding:4px 7px;font-size:10.5px}.theme-btn{flex-shrink:0;width:auto;align-self:center;padding:5px 11px;font-size:16px;line-height:1;color:var(--text-2)}.theme-btn:hover{border-color:var(--accent);color:var(--accent-ink)}.lang-btn{flex-shrink:0;width:auto;align-self:center;padding:5px 10px;font-size:16px;font-weight:700;line-height:1;letter-spacing:.02em;color:var(--text-2)}.lang-btn:hover{border-color:var(--accent);color:var(--accent-ink)}.login-pricing{display:inline-block;width:auto;margin-top:14px;padding:4px 8px;border:0;background:none;color:var(--accent-ink);font-size:13px;font-weight:600}.login-pricing:hover{background:var(--accent-weak);color:var(--accent-ink)}.pricing-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(90% 60% at 50% -8%,var(--accent-weak),transparent 62%),radial-gradient(60% 40% at 100% 30%,rgba(74,167,179,.12),transparent 70%),var(--bg);background-color:var(--bg-solid);outline:none}.pricing-shell{max-width:1120px;margin:0 auto;padding:18px 24px 56px}.pricing-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.pricing-back{display:inline-flex;align-items:center;gap:8px;width:auto;padding:8px 14px;border-radius:999px;background:var(--surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);font-size:14px;font-weight:600;color:var(--text-2)}.pricing-brand{font-family:Prompt,Noto Sans Thai,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--accent-ink)}.pricing-hero{max-width:720px;margin:40px auto 36px;text-align:center;animation:pricing-rise .45s ease both}.pricing-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--accent-border);border-radius:999px;background:var(--accent-weak);color:var(--accent-ink);font-size:12.5px;font-weight:700;letter-spacing:.02em}.pricing-hero h1{margin:16px 0 12px;font-size:clamp(28px,4.2vw,42px);line-height:1.18;font-weight:700;letter-spacing:-.015em;color:var(--text)}.pricing-hero p{font-size:16px;line-height:1.7;color:var(--text-2)}.pricing-soon{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 8px;width:fit-content;max-width:100%;margin:18px auto 0;padding:9px 16px;border:1px solid var(--accent-border);border-radius:14px;background:var(--accent-weak);color:var(--text-2);font-size:14px;line-height:1.5}.pricing-soon b{color:var(--accent-ink)}.pricing-soon+.pricing-status{margin-top:10px}.pricing-status{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:18px;padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-2);font-size:13px}.pricing-status b{color:var(--accent-ink)}.pricing-status-sep{color:var(--text-3)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;padding-top:14px}.plan-card{position:relative;display:flex;flex-direction:column;padding:26px 24px 24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);box-shadow:var(--shadow-sm);animation:pricing-rise .5s ease both}.plan-card:nth-child(2){animation-delay:60ms}.plan-card:nth-child(3){animation-delay:.12s}.plan-card.is-featured{border:2px solid transparent;background:linear-gradient(var(--surface-solid),var(--surface-solid)) padding-box,var(--cta-grad) border-box;box-shadow:var(--shadow);transform:translateY(-10px)}.plan-card.is-current:not(.is-featured){border-color:var(--accent-border)}.plan-ribbon{position:absolute;top:-14px;left:50%;transform:translate(-50%);padding:5px 14px;border-radius:999px;background:var(--cta-grad);color:var(--on-cta);font-size:12.5px;font-weight:700;white-space:nowrap;box-shadow:0 8px 18px #1540494d}.plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:46px}.plan-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--accent-weak);color:var(--accent-ink)}.plan-card.is-featured .plan-icon{background:var(--cta-grad);color:var(--on-cta)}.plan-current{padding:4px 10px;border:1px solid var(--accent-border);border-radius:999px;background:var(--accent-weak);color:var(--accent-ink);font-size:12px;font-weight:700;text-align:center}.plan-name{margin-top:16px;font-size:22px;font-weight:700;color:var(--text)}.plan-tagline{margin-top:4px;font-size:14px;color:var(--text-3)}.plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin:20px 0 18px}.plan-price b{font-family:Prompt,Noto Sans Thai,sans-serif;font-size:40px;line-height:1;font-weight:700;letter-spacing:-.02em;color:var(--text)}.plan-card.is-featured .plan-price b{color:var(--accent-ink)}.plan-price span{font-size:14px;color:var(--text-3)}.plan-cta{min-height:46px;border-radius:999px;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-cta:disabled{cursor:default;opacity:.62}.plan-cta:disabled:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--text)}.plan-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:12.5px;font-weight:600;color:var(--accent-ink)}.plan-features{display:flex;flex-direction:column;gap:11px;margin-top:22px;padding:20px 0 0;border-top:1px solid var(--border);list-style:none}.plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;color:var(--text)}.plan-feature-icon{display:grid;flex:none;place-items:center;width:22px;height:22px;margin-top:0;border-radius:50%;background:var(--accent-weak);color:var(--accent-ink)}.plan-features li.no{color:var(--text-3)}.plan-features li.no .plan-feature-icon{background:transparent;border:1px solid var(--border-strong);color:var(--text-3)}.pricing-compare,.pricing-faq{margin-top:56px}.pricing-compare h2,.pricing-faq h2{margin-bottom:18px;font-size:24px;font-weight:700;text-align:center;color:var(--text)}.pricing-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);box-shadow:var(--shadow-sm)}.pricing-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px}.pricing-table th,.pricing-table td{padding:14px 18px;border-bottom:1px solid var(--border);text-align:center;vertical-align:middle}.pricing-table tbody tr:last-child th,.pricing-table tbody tr:last-child td{border-bottom:0}.pricing-table thead th{font-family:Prompt,Noto Sans Thai,sans-serif;font-size:15px;font-weight:700;color:var(--text)}.pricing-table thead small{display:block;margin-top:2px;font-family:Noto Sans Thai,sans-serif;font-size:12px;font-weight:500;color:var(--text-3)}.pricing-table tbody th{text-align:left;font-weight:500;color:var(--text-2)}.pricing-table td{color:var(--text)}.pricing-table .is-featured{background:var(--accent-weak)}.pricing-table thead .is-featured{color:var(--accent-ink)}.pricing-yes,.pricing-no{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;vertical-align:middle}.pricing-yes{background:var(--accent-weak);color:var(--accent-ink)}.pricing-table .is-featured .pricing-yes{background:var(--accent);color:var(--on-accent)}.pricing-no{border:1px solid var(--border-strong);color:var(--text-3)}.pricing-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}.pricing-faq-item{padding:4px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}.pricing-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;list-style:none}.pricing-faq-item summary::-webkit-details-marker{display:none}.pricing-faq-item summary:after{content:"+";flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent-weak);color:var(--accent-ink);font-size:17px;font-weight:600;transition:transform .18s ease}.pricing-faq-item[open] summary:after{transform:rotate(45deg)}.pricing-faq-item p{padding:0 0 16px;font-size:14px;line-height:1.7;color:var(--text-2)}.pricing-foot{margin-top:36px;text-align:center;font-size:12.5px;color:var(--text-3)}@keyframes pricing-rise{0%{opacity:0;transform:translateY(10px)}}.plan-card.is-featured{animation-name:pricing-rise-featured}@keyframes pricing-rise-featured{0%{opacity:0;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.pricing-hero,.plan-card{animation:none}}@media(max-width:900px){.pricing-grid{grid-template-columns:minmax(0,460px);justify-content:center;gap:26px}.plan-card.is-featured{transform:none}.pricing-faq-grid{grid-template-columns:1fr}}@media(max-width:700px){.pricing-table thead th:first-child,.pricing-table tbody th{position:sticky;left:0;z-index:1;background:var(--surface-solid);box-shadow:1px 0 0 var(--border)}.pricing-table{width:max-content;min-width:0}.pricing-table th,.pricing-table td{padding:12px}.pricing-table tbody th{width:128px;min-width:128px;max-width:128px;font-size:13px}.pricing-table td,.pricing-table thead th:not(:first-child){min-width:104px}}@media(max-width:480px){.pricing-shell{padding:12px 16px 40px}.pricing-hero{margin:26px auto 24px}.pricing-hero p{font-size:15px}.plan-card{padding:22px 18px 20px}.pricing-back span{display:none}.pricing-back{padding:8px 10px}}