:root{--color-white:#ffffff;--color-black:#000000;--color-transparent:transparent;--color-gray-25:#fcfcfd;--color-gray-50:#f9fafb;--color-gray-100:#f2f4f7;--color-gray-200:#eaecf0;--color-gray-300:#d0d5dd;--color-gray-400:#98a2b3;--color-gray-500:#667085;--color-gray-600:#475467;--color-gray-700:#344054;--color-gray-800:#182230;--color-gray-900:#101828;--color-gray-950:#0c111d;--color-brand-25:#f0fdf9;--color-brand-50:#e6f6f4;--color-brand-100:#ccede9;--color-brand-200:#99dbd3;--color-brand-300:#66c9bd;--color-brand-400:#33b89b;--color-brand-500:#2ca88c;--color-brand-600:#26987d;--color-brand-700:#1f7a64;--color-brand-800:#185c4b;--color-brand-900:#123e32;--color-brand-950:#0b2019;--color-error-25:#fffbfa;--color-error-50:#fef3f2;--color-error-100:#fee4e2;--color-error-200:#fecdca;--color-error-300:#fda29b;--color-error-400:#f97066;--color-error-500:#f04438;--color-error-600:#d92d20;--color-error-700:#b42318;--color-error-800:#912018;--color-error-900:#7a271a;--color-error-950:#55160c;--color-warning-25:#fffcf5;--color-warning-50:#fffaeb;--color-warning-100:#fef0c7;--color-warning-200:#fedf89;--color-warning-300:#fec84b;--color-warning-400:#fdb022;--color-warning-500:#f79009;--color-warning-600:#dc6803;--color-warning-700:#b54708;--color-warning-800:#93370d;--color-warning-900:#7a2e0e;--color-warning-950:#4e1d09;--color-success-25:#f6fef9;--color-success-50:#ecfdf3;--color-success-100:#dcfae6;--color-success-200:#abefc6;--color-success-300:#75e0a7;--color-success-400:#47cd89;--color-success-500:#17b26a;--color-success-600:#079455;--color-success-700:#067647;--color-success-800:#085d3a;--color-success-900:#074d31;--color-success-950:#053321;--color-blue-25:#f5faff;--color-blue-50:#eff8ff;--color-blue-100:#d1e9ff;--color-blue-200:#b2ddff;--color-blue-300:#84caff;--color-blue-400:#53b1fd;--color-blue-500:#2e90fa;--color-blue-600:#1570ef;--color-blue-700:#175cd3;--color-blue-800:#1849a9;--color-blue-900:#194185;--color-blue-950:#102a56;--color-purple-25:#fafaff;--color-purple-50:#f4f3ff;--color-purple-100:#ebe9fe;--color-purple-200:#d9d6fe;--color-purple-300:#bdb4fe;--color-purple-400:#9b8afb;--color-purple-500:#7a5af8;--color-purple-600:#6938ef;--color-purple-700:#5925dc;--color-purple-800:#4a1fb8;--color-purple-900:#3e1c96;--color-purple-950:#27115f;--color-pink-25:#fef6fb;--color-pink-50:#fdf2fa;--color-pink-100:#fce7f6;--color-pink-200:#fcceee;--color-pink-300:#faa7e0;--color-pink-400:#f670c7;--color-pink-500:#ee46bc;--color-pink-600:#dd2590;--color-pink-700:#c11574;--color-pink-800:#9e165f;--color-pink-900:#851651;--color-pink-950:#4e0d30;--color-orange-25:#fffaf5;--color-orange-50:#fff6ed;--color-orange-100:#ffead5;--color-orange-200:#fddcab;--color-orange-300:#feb273;--color-orange-400:#fd853a;--color-orange-500:#fb6514;--color-orange-600:#ec4a0a;--color-orange-700:#c4320a;--color-orange-800:#9c2a10;--color-orange-900:#7e2410;--color-orange-950:#511c10;--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-700);--color-text-tertiary:var(--color-gray-600);--color-text-quaternary:var(--color-gray-500);--color-text-placeholder:var(--color-gray-500);--color-text-disabled:var(--color-gray-400);--color-text-white:var(--color-white);--color-text-brand:var(--color-brand-400);--color-text-error:var(--color-error-400);--color-text-warning:var(--color-warning-500);--color-text-success:var(--color-success-500);--color-bg-primary:var(--color-white);--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-bg-quaternary:var(--color-gray-200);--color-bg-disabled:var(--color-gray-100);--color-bg-brand-solid:var(--color-brand-400);--color-bg-brand-solid-hover:var(--color-brand-500);--color-bg-brand-subtle:var(--color-brand-50);--color-bg-error-solid:var(--color-error-500);--color-bg-error-subtle:var(--color-error-50);--color-bg-warning-solid:var(--color-warning-500);--color-bg-warning-subtle:var(--color-warning-50);--color-bg-success-solid:var(--color-success-500);--color-bg-success-subtle:var(--color-success-50);--color-border-primary:var(--color-gray-300);--color-border-secondary:var(--color-gray-200);--color-border-tertiary:var(--color-gray-100);--color-border-disabled:var(--color-gray-200);--color-border-brand:var(--color-brand-400);--color-border-brand-subtle:var(--color-brand-100);--color-border-error:var(--color-error-400);--color-border-error-subtle:var(--color-error-100);--color-border-success:var(--color-success-400);--color-border-warning:var(--color-warning-400);--color-fg-primary:var(--color-gray-900);--color-fg-secondary:var(--color-gray-700);--color-fg-tertiary:var(--color-gray-600);--color-fg-quaternary:var(--color-gray-500);--color-fg-quinary:var(--color-gray-400);--color-fg-senary:var(--color-gray-300);--color-fg-disabled:var(--color-gray-400);--color-fg-white:var(--color-white);--color-fg-brand:var(--color-brand-400);--color-fg-error:var(--color-error-500);--color-fg-warning:var(--color-warning-500);--color-fg-success:var(--color-success-500);--color-text-primary-fg:#181d27;--color-text-secondary-fg:#414651;--color-text-tertiary-fg:#535862;--color-text-quaternary-fg:#717680;--color-text-disabled-fg:#a4a7ae;--color-text-white-fg:#ffffff;--color-text-brand-primary:#33b89b;--color-bg-primary-figma:#ffffff;--color-bg-secondary-figma:#fafafa;--color-bg-primary-hover:#fafafa;--color-bg-disabled-figma:#f5f5f5;--color-bg-disabled-subtle:#fafafa;--color-bg-brand-solid-figma:#33b89b;--color-bg-brand-solid-hover:#2aa88b;--color-border-primary-figma:#d5d7da;--color-border-secondary-figma:#e9eaeb;--color-border-disabled:#d5d7da;--color-border-disabled-subtle:#e9eaeb;--color-border-brand-figma:#33b89b;--color-brand-500-figma:#47d7b6;--color-brand-600-figma:#33b89b;--color-focus-ring:#47d7b6;--color-focus-ring-offset:#b0e4dd;--button-height-sm:36px;--button-height-md:40px;--button-height-lg:44px;--button-height-xl:48px;--button-padding-x-sm:12px;--button-padding-x-md:14px;--button-padding-x-lg:16px;--button-padding-x-xl:18px;--button-padding-y-sm:8px;--button-padding-y-md:10px;--button-padding-y-lg:10px;--button-padding-y-xl:12px;--button-gap-sm:4px;--button-gap-md:6px;--button-gap-lg:6px;--button-gap-xl:8px;--button-font-size-sm:14px;--button-font-size-md:14px;--button-font-size-lg:16px;--button-font-size-xl:16px;--button-line-height-sm:20px;--button-line-height-md:20px;--button-line-height-lg:24px;--button-line-height-xl:24px;--button-icon-size-sm:20px;--button-icon-size-md:20px;--button-icon-size-lg:20px;--button-icon-size-xl:24px;--colors-background-bg-disabled:#f5f5f5;--colors-border-border-disabled-subtle:#e9eaeb;--colors-foreground-fg-disabled:#a4a7ae;--colors-effects-shadows-shadow-xs:rgba(10,13,18,0.05);--button-primary-bg:#33b89b;--button-primary-bg-hover:#2aa88b;--button-primary-bg-focused:#33b89b;--button-primary-bg-disabled:var(--colors-background-bg-disabled);--button-primary-bg-loading:#24917a;--button-primary-text:#ffffff;--button-primary-text-disabled:var(--colors-foreground-fg-disabled);--button-primary-border:rgba(255,255,255,0.12);--button-primary-border-disabled:var(--colors-border-border-disabled-subtle);--button-secondary-bg:#ffffff;--button-secondary-bg-hover:#fafafa;--button-secondary-bg-focused:#ffffff;--button-secondary-bg-disabled:#ffffff;--button-secondary-text:#414651;--button-secondary-text-disabled:#a4a7ae;--button-secondary-border:#d5d7da;--button-secondary-border-disabled:#e9eaeb;--button-tertiary-bg:transparent;--button-tertiary-bg-hover:#fafafa;--button-tertiary-bg-focused:transparent;--button-tertiary-bg-disabled:transparent;--button-tertiary-text:#414651;--button-tertiary-text-hover:#181d27;--button-tertiary-text-disabled:#a4a7ae;--button-link-bg:transparent;--button-link-text:#33b89b;--button-link-text-hover:#2aa88b;--button-link-text-disabled:#a4a7ae;--button-destructive-bg:#d92d20;--button-destructive-bg-hover:#b42318;--button-destructive-bg-focused:#d92d20;--button-destructive-bg-disabled:#f5f5f5;--button-destructive-text:#ffffff;--button-destructive-text-disabled:#a4a7ae;--button-destructive-border:rgba(255,255,255,0.12);--button-destructive-border-disabled:#e9eaeb;--button-shadow-default:0px 1px 2px 0px rgba(10,13,18,0.05);--button-shadow-skeuomorphic:inset 0px 0px 0px 1px rgba(10,13,18,0.18),inset 0px -2px 0px 0px rgba(10,13,18,0.05),0px 1px 2px 0px rgba(10,13,18,0.05);--button-focus-ring-brand:0px 0px 0px 4px rgba(71,215,182,0.24);--button-focus-ring-gray:0px 0px 0px 4px rgba(152,162,179,0.14);--button-focus-ring-error:0px 0px 0px 4px rgba(240,68,56,0.24);--auth-color-bg-page:var(--color-brand-50);--auth-color-border-divider:var(--color-brand-100);--auth-color-text-link:var(--color-error-400);--font-family-display:"Google Sans",var(--font-display),var(--font-thai),"Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-body:"Google Sans",var(--font-display),var(--font-thai),"Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-display-2xl:72px;--font-size-display-xl:60px;--font-size-display-lg:48px;--font-size-display-md:36px;--font-size-display-sm:30px;--font-size-display-xs:24px;--font-size-text-xl:20px;--font-size-text-lg:18px;--font-size-text-md:16px;--font-size-text-sm:14px;--font-size-text-xs:12px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-display-2xl:90px;--line-height-display-xl:72px;--line-height-display-lg:60px;--line-height-display-md:44px;--line-height-display-sm:38px;--line-height-display-xs:32px;--line-height-text-xl:30px;--line-height-text-lg:28px;--line-height-text-md:24px;--line-height-text-sm:20px;--line-height-text-xs:18px;--letter-spacing-display-2xl:-0.02em;--letter-spacing-display-xl:-0.02em;--letter-spacing-display-lg:-0.02em;--letter-spacing-display-md:-0.02em;--letter-spacing-display-sm:0;--letter-spacing-display-xs:0;--letter-spacing-text:0;--letter-spacing-normal:0;--spacing-none:0;--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:6px;--spacing-md:8px;--spacing-lg:12px;--spacing-xl:16px;--spacing-2xl:20px;--spacing-3xl:24px;--spacing-4xl:32px;--spacing-5xl:40px;--spacing-6xl:48px;--spacing-7xl:64px;--spacing-8xl:80px;--spacing-9xl:96px;--spacing-10xl:128px;--spacing-11xl:160px;--radius-none:0;--radius-xxs:2px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:20px;--radius-4xl:24px;--radius-full:9999px;--shadow-xs:0px 1px 2px 0px rgba(16,24,40,0.05);--shadow-sm:0px 1px 2px 0px rgba(16,24,40,0.06),0px 1px 3px 0px rgba(16,24,40,0.10);--shadow-md:0px 2px 4px -2px rgba(16,24,40,0.06),0px 4px 8px -2px rgba(16,24,40,0.10);--shadow-lg:0px 4px 6px -2px rgba(16,24,40,0.03),0px 12px 16px -4px rgba(16,24,40,0.08);--shadow-xl:0px 8px 8px -4px rgba(16,24,40,0.03),0px 20px 24px -4px rgba(16,24,40,0.08);--shadow-2xl:0px 24px 48px -12px rgba(16,24,40,0.18);--shadow-3xl:0px 32px 64px -12px rgba(16,24,40,0.14);--shadow-skeuomorphic:inset 0px 0px 0px 1px rgba(10,13,18,0.18),inset 0px -2px 0px 0px rgba(10,13,18,0.05),0px 1px 2px 0px rgba(10,13,18,0.05);--shadow-focus-ring:0px 0px 0px 4px;--shadow-focus-ring-brand:0px 0px 0px 4px rgba(51,184,155,0.24);--shadow-focus-ring-error:0px 0px 0px 4px rgba(240,68,56,0.24);--shadow-focus-ring-gray:0px 0px 0px 4px rgba(152,162,179,0.14);--container-max-width-xs:320px;--container-max-width-sm:384px;--container-max-width-md:424px;--container-max-width-lg:512px;--container-max-width-xl:640px;--container-max-width-2xl:768px;--container-max-width-3xl:1024px;--container-max-width-4xl:1280px;--container-max-width-5xl:1440px;--height-input-sm:36px;--height-input-md:40px;--height-input-lg:44px;--height-input-xl:48px;--height-button-sm:36px;--height-button-md:40px;--height-button-lg:44px;--height-button-xl:48px;--z-index-hide:-1;--z-index-auto:auto;--z-index-base:0;--z-index-docked:10;--z-index-dropdown:1000;--z-index-sticky:1100;--z-index-banner:1200;--z-index-overlay:1300;--z-index-modal:1400;--z-index-popover:1500;--z-index-skipLink:1600;--z-index-toast:1700;--z-index-tooltip:1800;--logo-width:155px;--logo-height:38px;--logomark-size:38px;--logomark-radius:8px;--logo-gradient-start:#47d7b6;--logo-gradient-end:#668dd7;--logo-border-color:rgba(10,13,18,0.12);--logo-font-size:20px;--logo-line-height:24px;--logo-font-weight:700;--logo-letter-spacing:0;--logomark-shadow:0px 1px 1px -0.5px rgba(10,13,18,0.13),0px 1px 3px 0px rgba(10,13,18,0.1),0px 1px 2px 0px rgba(10,13,18,0.06);--logomark-shadow-inner:inset 0px -0.5px 0.5px 0px rgba(10,13,18,0.1)}.dt-text-primary{color:var(--color-text-primary)}.dt-text-secondary{color:var(--color-text-secondary)}.dt-text-tertiary{color:var(--color-text-tertiary)}.dt-text-quaternary{color:var(--color-text-quaternary)}.dt-text-placeholder{color:var(--color-text-placeholder)}.dt-text-disabled{color:var(--color-text-disabled)}.dt-text-white{color:var(--color-text-white)}.dt-text-brand{color:var(--color-text-brand)}.dt-text-error{color:var(--color-text-error)}.dt-text-warning{color:var(--color-text-warning)}.dt-text-success{color:var(--color-text-success)}.dt-bg-primary{background-color:var(--color-bg-primary)}.dt-bg-secondary{background-color:var(--color-bg-secondary)}.dt-bg-tertiary{background-color:var(--color-bg-tertiary)}.dt-bg-brand-solid{background-color:var(--color-bg-brand-solid)}.dt-bg-brand-subtle{background-color:var(--color-bg-brand-subtle)}.dt-bg-error-solid{background-color:var(--color-bg-error-solid)}.dt-bg-error-subtle{background-color:var(--color-bg-error-subtle)}.dt-bg-warning-solid{background-color:var(--color-bg-warning-solid)}.dt-bg-warning-subtle{background-color:var(--color-bg-warning-subtle)}.dt-bg-success-solid{background-color:var(--color-bg-success-solid)}.dt-bg-success-subtle{background-color:var(--color-bg-success-subtle)}.dt-border-primary{border-color:var(--color-border-primary)}.dt-border-secondary{border-color:var(--color-border-secondary)}.dt-border-brand{border-color:var(--color-border-brand)}.dt-border-error{border-color:var(--color-border-error)}.dt-border-success{border-color:var(--color-border-success)}.dt-border-warning{border-color:var(--color-border-warning)}.dt-btn-primary{display:inline-flex;align-items:center;justify-content:center;height:var(--height-button-lg);padding:0 var(--spacing-xl);background-color:var(--color-bg-brand-solid);color:var(--color-text-white);font-family:var(--font-family-body);font-size:var(--font-size-text-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-text-md);border:2px solid rgba(255,255,255,.12);border-radius:var(--radius-md);box-shadow:var(--shadow-skeuomorphic);cursor:pointer;transition:background-color .15s ease,transform .15s ease}.dt-btn-primary:hover:not(:disabled){background-color:var(--color-bg-brand-solid-hover)}.dt-btn-primary:active:not(:disabled){transform:scale(.98)}.dt-btn-primary:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring-brand),var(--shadow-skeuomorphic)}.dt-btn-primary:disabled{opacity:.5;cursor:not-allowed}.dt-btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:var(--height-button-lg);padding:0 var(--spacing-xl);background-color:var(--color-bg-primary);color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-text-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-text-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;transition:background-color .15s ease,transform .15s ease}.dt-btn-secondary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.dt-btn-secondary:active:not(:disabled){transform:scale(.98)}.dt-btn-secondary:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring-gray),var(--shadow-xs)}.dt-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;height:var(--height-input-lg);padding:0 var(--spacing-lg);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:border-color .2s ease,box-shadow .2s ease}.input::placeholder{color:var(--color-text-placeholder)}.input:hover:not(:disabled):not(:focus){border-color:var(--color-gray-400)}.input:focus{outline:none;border-color:var(--color-border-brand);box-shadow:var(--shadow-focus-ring-brand),var(--shadow-xs)}.input:disabled{background-color:var(--color-bg-disabled);color:var(--color-text-disabled);cursor:not-allowed}.input.input-error{border-color:var(--color-border-error)}.input.input-error:focus{box-shadow:var(--shadow-focus-ring-error),var(--shadow-xs)}.label{display:block;font-family:var(--font-family-body);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-text-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.hint{color:var(--color-text-tertiary)}.error-text,.hint{font-family:var(--font-family-body);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-text-sm);margin-top:var(--spacing-sm)}.error-text{color:var(--color-text-error)}.link{font-family:var(--font-family-body);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-text-sm);color:var(--color-text-brand);text-decoration:none;cursor:pointer;transition:opacity .15s ease}.link:hover{text-decoration:underline}.link-error{color:var(--auth-color-text-link)}.divider{width:100%;display:flex;align-items:center;gap:var(--spacing-md)}.divider-line{flex:1;height:1px;background-color:var(--color-border-secondary)}.divider-text{font-family:var(--font-family-body);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-text-sm);color:var(--color-text-tertiary)}.auth-page-bg{background-color:var(--auth-color-bg-page);min-height:100vh}#auth-layout,#auth-layout *{font-family:"Google Sans",var(--font-thai),"Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important}#auth-layout #forgot-password-reset-button:not(:disabled),#auth-layout #forgot-password-send-button:not(:disabled),#auth-layout #login-submit-button:not(:disabled),#auth-layout #otp-complete-button:not(:disabled),#auth-layout #register-submit-button:not(:disabled),#auth-layout #two-factor-verify-button:not(:disabled),#auth-layout button[id*=submit-button]:not(:disabled){background-color:#33b89b!important;color:#ffffff!important;border:2px solid rgba(255,255,255,.12)!important;border-radius:8px!important;box-shadow:inset 0 0 0 1px rgba(10,13,18,.18),inset 0 -2px 0 0 rgba(10,13,18,.05),0 1px 2px 0 rgba(10,13,18,.05)!important}#auth-layout #forgot-password-reset-button:disabled,#auth-layout #forgot-password-send-button:disabled,#auth-layout #login-submit-button:disabled,#auth-layout #otp-complete-button:disabled,#auth-layout #register-submit-button:disabled,#auth-layout #two-factor-verify-button:disabled,#auth-layout button[id*=submit-button]:disabled{background:var(--colors-background-bg-disabled)!important;background-color:var(--colors-background-bg-disabled)!important;color:var(--colors-foreground-fg-disabled)!important;border:1px solid var(--colors-border-border-disabled-subtle)!important;border-radius:8px!important;box-shadow:0 1px 2px 0 var(--colors-effects-shadows-shadow-xs)!important;cursor:not-allowed!important}#auth-layout #forgot-password-reset-button:hover:not(:disabled):not(.loading),#auth-layout #forgot-password-send-button:hover:not(:disabled):not(.loading),#auth-layout #login-submit-button:hover:not(:disabled):not(.loading),#auth-layout #otp-complete-button:hover:not(:disabled):not(.loading),#auth-layout #register-submit-button:hover:not(:disabled):not(.loading),#auth-layout #two-factor-verify-button:hover:not(:disabled):not(.loading),#auth-layout button[id*=submit-button]:hover:not(:disabled):not(.loading){background-color:#2ca88c!important;color:#ffffff!important}#auth-layout #forgot-password-reset-button.loading,#auth-layout #forgot-password-send-button.loading,#auth-layout #login-submit-button.loading,#auth-layout #otp-complete-button.loading,#auth-layout #register-submit-button.loading,#auth-layout #two-factor-verify-button.loading,#auth-layout button[id*=submit-button].loading{background-color:#24917a!important;color:#ffffff!important;border:2px solid rgba(255,255,255,.12)!important;border-radius:8px!important;box-shadow:inset 0 0 0 1px rgba(10,13,18,.18),inset 0 -2px 0 0 rgba(10,13,18,.05),0 1px 2px 0 rgba(10,13,18,.05)!important;cursor:not-allowed!important}.auth-spinner{width:20px;height:20px;border:2px solid rgba(115,220,196,.3);border-top-color:#73dcc4;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}#auth-footer{background-color:#33b89b!important}#auth-footer #auth-footer-copyright,#auth-footer #auth-footer-nav a{color:#f1fcf8!important;font-family:"Google Sans",var(--font-thai),"Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:24px!important}@media (max-width:639px){#auth-footer #auth-footer-container{flex-direction:column!important;align-items:flex-start!important;gap:32px!important}#auth-footer #auth-footer-nav{flex-direction:column!important;align-items:flex-start!important;gap:20px!important;order:1!important}#auth-footer #auth-footer-copyright{order:2!important}}.auth-container{width:100%;max-width:var(--container-max-width-md);display:flex;flex-direction:column;gap:var(--spacing-3xl);align-items:center}.display-2xl{font-family:var(--font-family-display);font-size:var(--font-size-display-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-display-2xl);letter-spacing:var(--letter-spacing-display-2xl)}.display-2xl-regular{font-weight:var(--font-weight-regular)}.display-2xl-medium{font-weight:var(--font-weight-medium)}.display-2xl-semibold{font-weight:var(--font-weight-semibold)}.display-2xl-bold{font-weight:var(--font-weight-bold)}.display-xl{font-family:var(--font-family-display);font-size:var(--font-size-display-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-display-xl);letter-spacing:var(--letter-spacing-display-xl)}.display-xl-regular{font-weight:var(--font-weight-regular)}.display-xl-medium{font-weight:var(--font-weight-medium)}.display-xl-semibold{font-weight:var(--font-weight-semibold)}.display-xl-bold{font-weight:var(--font-weight-bold)}.display-lg{font-family:var(--font-family-display);font-size:var(--font-size-display-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-display-lg);letter-spacing:var(--letter-spacing-display-lg)}.display-lg-regular{font-weight:var(--font-weight-regular)}.display-lg-medium{font-weight:var(--font-weight-medium)}.display-lg-semibold{font-weight:var(--font-weight-semibold)}.display-lg-bold{font-weight:var(--font-weight-bold)}.display-md{font-family:var(--font-family-display);font-size:var(--font-size-display-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-display-md);letter-spacing:var(--letter-spacing-display-md)}.display-md-regular{font-weight:var(--font-weight-regular)}.display-md-medium{font-weight:var(--font-weight-medium)}.display-md-semibold{font-weight:var(--font-weight-semibold)}.display-md-bold{font-weight:var(--font-weight-bold)}.display-sm{font-family:var(--font-family-display);font-size:var(--font-size-display-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-display-sm);letter-spacing:var(--letter-spacing-display-sm)}.display-sm-regular{font-weight:var(--font-weight-regular)}.display-sm-medium{font-weight:var(--font-weight-medium)}.display-sm-semibold{font-weight:var(--font-weight-semibold)}.display-sm-bold{font-weight:var(--font-weight-bold)}.display-xs{font-family:var(--font-family-display);font-size:var(--font-size-display-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-display-xs);letter-spacing:var(--letter-spacing-display-xs)}.display-xs-regular{font-weight:var(--font-weight-regular)}.display-xs-medium{font-weight:var(--font-weight-medium)}.display-xs-semibold{font-weight:var(--font-weight-semibold)}.display-xs-bold{font-weight:var(--font-weight-bold)}.text-xl{font-family:var(--font-family-body);font-size:var(--font-size-text-xl);line-height:var(--line-height-text-xl);letter-spacing:var(--letter-spacing-text)}.text-xl-regular{font-weight:var(--font-weight-regular)}.text-xl-medium{font-weight:var(--font-weight-medium)}.text-xl-semibold{font-weight:var(--font-weight-semibold)}.text-xl-bold{font-weight:var(--font-weight-bold)}.text-lg{font-family:var(--font-family-body);font-size:var(--font-size-text-lg);line-height:var(--line-height-text-lg);letter-spacing:var(--letter-spacing-text)}.text-lg-regular{font-weight:var(--font-weight-regular)}.text-lg-medium{font-weight:var(--font-weight-medium)}.text-lg-semibold{font-weight:var(--font-weight-semibold)}.text-lg-bold{font-weight:var(--font-weight-bold)}.text-md{font-family:var(--font-family-body);font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);letter-spacing:var(--letter-spacing-text)}.text-md-regular{font-weight:var(--font-weight-regular)}.text-md-medium{font-weight:var(--font-weight-medium)}.text-md-semibold{font-weight:var(--font-weight-semibold)}.text-md-bold{font-weight:var(--font-weight-bold)}.text-sm{font-family:var(--font-family-body);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);letter-spacing:var(--letter-spacing-text)}.text-sm-regular{font-weight:var(--font-weight-regular)}.text-sm-medium{font-weight:var(--font-weight-medium)}.text-sm-semibold{font-weight:var(--font-weight-semibold)}.text-sm-bold{font-weight:var(--font-weight-bold)}.text-xs{font-family:var(--font-family-body);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);letter-spacing:var(--letter-spacing-text)}.text-xs-regular{font-weight:var(--font-weight-regular)}.text-xs-medium{font-weight:var(--font-weight-medium)}.text-xs-semibold{font-weight:var(--font-weight-semibold)}.text-xs-bold{font-weight:var(--font-weight-bold)}.logo{display:inline-flex;align-items:center;gap:var(--spacing-md);width:var(--logo-width);height:var(--logo-height)}.logomark{width:var(--logomark-size);height:var(--logomark-size);border-radius:var(--logomark-radius);border:.2px solid var(--logo-border-color);box-shadow:var(--logomark-shadow),var(--logomark-shadow-inner);overflow:hidden;flex-shrink:0}.logomark img{width:100%;height:100%;object-fit:contain}.logotype{font-family:var(--font-family-display);font-size:var(--logo-font-size);font-weight:var(--logo-font-weight);line-height:var(--logo-line-height);letter-spacing:var(--logo-letter-spacing);background:linear-gradient(90deg,var(--logo-gradient-start),var(--logo-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-sm{width:auto;height:28px;gap:var(--spacing-sm)}.logo-sm .logomark{width:28px;height:28px;border-radius:6px}.logo-sm .logotype{font-size:14px;line-height:18px}.logo-lg{width:auto;height:48px;gap:var(--spacing-lg)}.logo-lg .logomark{width:48px;height:48px;border-radius:10px}.logo-lg .logotype{font-size:26px;line-height:32px}.logo-xl{width:auto;height:64px;gap:var(--spacing-xl)}.logo-xl .logomark{width:64px;height:64px;border-radius:12px}.logo-xl .logotype{font-size:32px;line-height:40px}.btn-base{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;outline:none}.btn-base:disabled{cursor:not-allowed}.btn-base:active:not(:disabled){transform:scale(.98)}.btn-sm{height:var(--button-height-sm);padding:var(--button-padding-y-sm) var(--button-padding-x-sm);gap:var(--button-gap-sm);font-size:var(--button-font-size-sm);line-height:var(--button-line-height-sm)}.btn-md{height:var(--button-height-md);padding:var(--button-padding-y-md) var(--button-padding-x-md);gap:var(--button-gap-md);font-size:var(--button-font-size-md);line-height:var(--button-line-height-md)}.btn-lg{height:var(--button-height-lg);padding:var(--button-padding-y-lg) var(--button-padding-x-lg);gap:var(--button-gap-lg);font-size:var(--button-font-size-lg);line-height:var(--button-line-height-lg)}.btn-xl{height:var(--button-height-xl);padding:var(--button-padding-y-xl) var(--button-padding-x-xl);gap:var(--button-gap-xl);font-size:var(--button-font-size-xl);line-height:var(--button-line-height-xl)}.btn-primary-figma{background-color:var(--button-primary-bg);color:var(--button-primary-text);border:2px solid var(--button-primary-border);box-shadow:var(--button-shadow-skeuomorphic)}.btn-primary-figma:hover:not(:disabled){background-color:var(--button-primary-bg-hover)}.btn-primary-figma:focus-visible{box-shadow:var(--button-focus-ring-brand),var(--button-shadow-skeuomorphic)}.btn-primary-figma:disabled,.btn-primary-figma[disabled]{background:var(--colors-background-bg-disabled)!important;background-color:var(--colors-background-bg-disabled)!important;color:var(--colors-foreground-fg-disabled)!important;border:1px solid var(--colors-border-border-disabled-subtle)!important;box-shadow:0 1px 2px 0 var(--colors-effects-shadows-shadow-xs)!important}.btn-primary-figma.loading{background-color:var(--button-primary-bg-loading)}.btn-secondary-figma{background-color:var(--button-secondary-bg);color:var(--button-secondary-text);border:1px solid var(--button-secondary-border);box-shadow:var(--button-shadow-default)}.btn-secondary-figma:hover:not(:disabled){background-color:var(--button-secondary-bg-hover)}.btn-secondary-figma:focus-visible{box-shadow:var(--button-focus-ring-gray),var(--button-shadow-default)}.btn-secondary-figma:disabled{background-color:var(--button-secondary-bg-disabled);color:var(--button-secondary-text-disabled);border-color:var(--button-secondary-border-disabled)}.btn-tertiary-figma{background-color:var(--button-tertiary-bg);color:var(--button-tertiary-text);border:none}.btn-tertiary-figma:hover:not(:disabled){background-color:var(--button-tertiary-bg-hover);color:var(--button-tertiary-text-hover)}.btn-tertiary-figma:focus-visible{box-shadow:var(--button-focus-ring-gray)}.btn-tertiary-figma:disabled{color:var(--button-tertiary-text-disabled)}.btn-link-figma{background-color:var(--button-link-bg);color:var(--button-link-text);border:none;height:auto;padding:0}.btn-link-figma:hover:not(:disabled){color:var(--button-link-text-hover);text-decoration:underline}.btn-link-figma:focus-visible{box-shadow:var(--button-focus-ring-brand)}.btn-link-figma:disabled{color:var(--button-link-text-disabled)}.btn-destructive-figma{background-color:var(--button-destructive-bg);color:var(--button-destructive-text);border:2px solid var(--button-destructive-border);box-shadow:var(--button-shadow-skeuomorphic)}.btn-destructive-figma:hover:not(:disabled){background-color:var(--button-destructive-bg-hover)}.btn-destructive-figma:focus-visible{box-shadow:var(--button-focus-ring-error),var(--button-shadow-skeuomorphic)}.btn-destructive-figma:disabled,.btn-destructive-figma[disabled]{background:var(--colors-background-bg-disabled)!important;background-color:var(--colors-background-bg-disabled)!important;color:var(--colors-foreground-fg-disabled)!important;border:1px solid var(--colors-border-border-disabled-subtle)!important;box-shadow:0 1px 2px 0 var(--colors-effects-shadows-shadow-xs)!important}.btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:currentcolor;border-radius:50%;animation:btn-spin .8s linear infinite}.btn-spinner-brand{border-color:#73dcc4 rgba(71,215,182,.3) rgba(71,215,182,.3)}@keyframes btn-spin{to{transform:rotate(1turn)}}.btn-icon-lg,.btn-icon-md,.btn-icon-sm{width:20px;height:20px}.btn-icon-xl{width:24px;height:24px}.btn-full{width:100%}.alert-base{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);width:100%}.alert-error{background-color:var(--color-error-50);border:1px solid var(--color-error-200);color:var(--color-error-700)}.alert-error .alert-icon{color:var(--color-error-500);flex-shrink:0;width:20px;height:20px}.alert-error .alert-title{font-weight:var(--font-weight-semibold);color:var(--color-error-700)}.alert-error .alert-description{color:var(--color-error-600)}.alert-warning{background-color:var(--color-warning-50);border:1px solid var(--color-warning-200);color:var(--color-warning-700)}.alert-warning .alert-icon{color:var(--color-warning-500);flex-shrink:0;width:20px;height:20px}.alert-success{background-color:var(--color-success-50);border:1px solid var(--color-success-200);color:var(--color-success-700)}.alert-success .alert-icon{color:var(--color-success-500);flex-shrink:0;width:20px;height:20px}.alert-info{background-color:var(--color-blue-50);border:1px solid var(--color-blue-200);color:var(--color-blue-700)}.alert-info .alert-icon{color:var(--color-blue-500);flex-shrink:0;width:20px;height:20px}#auth-layout #create-error,#auth-layout #join-error,#auth-layout #login-error,#auth-layout #register-error,#auth-layout .alert-error{background-color:var(--color-error-50)!important;border:1px solid var(--color-error-200)!important;color:var(--color-error-700)!important;border-radius:var(--radius-md)!important;padding:var(--spacing-lg) var(--spacing-xl)!important;font-size:var(--font-size-text-sm)!important;line-height:var(--line-height-text-sm)!important}