:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--bp-mobile:767px;--bp-tablet:1024px;--bp-desktop:1025px;--tap-web:44px;--tap-base:48px;--tap-pos:56px;--tap-courier:64px;--tap-workshop:72px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--measure:75ch;--shell-sidebar:248px;--shell-sidebar-collapsed:64px;--shell-topbar:56px;--shell-content-max:1440px;--shell-content-padding:var(--sp-6);--font-family:"Noto Sans Thai", "Noto Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Menlo", monospace;--fs-table:12px;--fs-body:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:28px;--lh-thai:1.6;--lh-latin:1.4;--row-height:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #0f172a14;--shadow-md:0 4px 12px #0f172a1a;--motion-fast:.12s;--motion-base:.2s;--motion-highlight:.4s;--color-canvas:#f5f6f8;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-sunken:#eceef2;--color-border:#d8dce3;--color-border-strong:#767e8b;--color-text:#16191f;--color-text-muted:#5a616e;--color-text-inverse:#fff;--color-brand:#1f6f43;--color-brand-hover:#185936;--color-brand-subtle:#e5f2ea;--color-accent:#b54a28;--color-accent-hover:#93381c;--color-accent-subtle:#fef4f0;--color-secondary:#a2b9cc;--color-secondary-subtle:#eef3f8;--color-success:#17663c;--color-success-subtle:#e3f3e9;--color-warning:#8a5300;--color-warning-subtle:#fdf0dc;--color-danger:#a3161d;--color-danger-subtle:#fbe6e7;--color-info:#10538a;--color-info-subtle:#e2eff9;--color-urgent:#a02c8a;--color-urgent-subtle:#f8e6f4;--color-focus:#1f6f43;--color-flash:#fff4cc;--color-auth-backdrop-start:#1b2150;--color-auth-backdrop-mid:#2a3878;--color-auth-backdrop-end:#3a3f8e;--color-auth-bloom-a:#5a63c9;--color-auth-bloom-b:#2f8f9a;--color-auth-text:#f4f5fb;--color-auth-text-muted:#c3c8e6;--color-auth-highlight:#3fc1b9;--color-auth-highlight-deep:#2a9d95;--color-auth-highlight-text:#08252a;--color-auth-link:#5fd6cc;--color-auth-glass:#ffffff17;--color-auth-glass-border:#ffffff38;--color-auth-glass-solid:#1b2150eb;--color-auth-well:#090e2c59;--color-auth-well-border:#ffffff47;--color-auth-danger-bg:#f0787f29;--color-auth-danger-border:#f0787f8c;--color-auth-danger-text:#ffd3d6;--color-auth-success:#5ecb8b;--auth-card-radius:22px;--auth-card-max:480px;--auth-glass-blur:18px;--auth-provider-height:56px;--color-provider-google:#fff;--color-provider-google-text:#1f1f1f;--color-provider-line:#0a833b;--color-provider-line-icon:#06c755;--color-provider-facebook:#1560c9;--color-provider-facebook-icon:#1877f2;--color-provider-text:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-canvas:#12151a;--color-surface:#1a1e25;--color-surface-raised:#222831;--color-surface-sunken:#0e1116;--color-border:#333b46;--color-border-strong:#78838f;--color-text:#eef1f5;--color-text-muted:#a4adba;--color-text-inverse:#12151a;--color-brand:#57c78b;--color-brand-hover:#74d6a1;--color-brand-subtle:#16301f;--color-accent:#ef8a63;--color-accent-hover:#f7a184;--color-accent-subtle:#3a1a10;--color-secondary:#3d5568;--color-secondary-subtle:#1c2a35;--color-success:#5ecb8b;--color-success-subtle:#14301f;--color-warning:#e5a94f;--color-warning-subtle:#33260f;--color-danger:#f0787f;--color-danger-subtle:#391418;--color-info:#6cb6e8;--color-info-subtle:#10283a;--color-urgent:#dd8ecb;--color-urgent-subtle:#331029;--color-focus:#74d6a1;--color-flash:#3a3212;--shadow-sm:0 1px 2px #00000073;--shadow-md:0 4px 12px #0000008c}}:root[data-theme=dark]{--color-canvas:#12151a;--color-surface:#1a1e25;--color-surface-raised:#222831;--color-surface-sunken:#0e1116;--color-border:#333b46;--color-border-strong:#78838f;--color-text:#eef1f5;--color-text-muted:#a4adba;--color-text-inverse:#12151a;--color-brand:#57c78b;--color-brand-hover:#74d6a1;--color-brand-subtle:#16301f;--color-accent:#ef8a63;--color-accent-hover:#f7a184;--color-accent-subtle:#3a1a10;--color-secondary:#3d5568;--color-secondary-subtle:#1c2a35;--color-success:#5ecb8b;--color-success-subtle:#14301f;--color-warning:#e5a94f;--color-warning-subtle:#33260f;--color-danger:#f0787f;--color-danger-subtle:#391418;--color-info:#6cb6e8;--color-info-subtle:#10283a;--color-urgent:#dd8ecb;--color-urgent-subtle:#331029;--color-focus:#74d6a1;--color-flash:#3a3212;--shadow-sm:0 1px 2px #00000073;--shadow-md:0 4px 12px #0000008c}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--color-canvas);color:var(--color-text);font-family:var(--font-family);font-size:var(--fs-body);line-height:var(--lh-thai);word-break:normal;line-break:loose;-webkit-font-smoothing:antialiased;margin:0}button{min-height:var(--tap-base);font-family:inherit;font-size:inherit}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root{--font-family:var(--font-noto-thai), var(--font-noto-sc), "Noto Sans Thai", "Noto Sans", system-ui, -apple-system, "Segoe UI", sans-serif}.skip-link{z-index:100;padding:var(--sp-3) var(--sp-4);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-focus);border-radius:var(--radius-sm);position:absolute;inset-block-start:0;inset-inline-start:0;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}html{-webkit-text-size-adjust:100%;block-size:100%}body{background:var(--color-canvas);min-block-size:100%;color:var(--color-text);font-family:var(--font-family);font-size:var(--fs-body);line-height:var(--lh-thai);-webkit-font-smoothing:antialiased;margin:0}img,svg{max-inline-size:100%}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.safe-bottom{padding-block-end:calc(var(--sp-4) + var(--safe-bottom))}.safe-inline{padding-inline-start:var(--safe-left);padding-inline-end:var(--safe-right)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}