:root{--color-brand-primary: #1f2933;--color-brand-primary-hover: #111820;--color-brand-on-primary: #ffffff;--color-brand-accent: #e9e5dc;--color-canvas: #f5f3ee;--color-surface: #ffffff;--color-surface-subtle: #efede7;--color-surface-strong: #e5e1d8;--color-text: #1f2933;--color-text-muted: #69727d;--color-text-soft: #8a929b;--color-border: #dcd8cf;--color-border-strong: #bcb7ad;--color-focus: #526579;--color-danger: #b42318;--color-danger-subtle: #fef3f2;--color-success: #237a57;--color-success-subtle: #ecf8f2;--color-store-primary: #c9183f;--color-store-primary-hover: #a81234;--color-store-subtle: #fff0f3;--color-partner-primary: #0f2748;--color-partner-primary-hover: #091a32;--color-partner-accent: #f4c542;--color-partner-subtle: #fff8dc;--font-sans: Inter, "Noto Sans Thai", "Noto Sans JP", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: var(--font-sans);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: clamp(1.75rem, 7vw, 2.5rem);--font-size-3xl: clamp(2.25rem, 10vw, 4.25rem);--line-height-tight: 1.15;--line-height-heading: 1.3;--line-height-body: 1.65;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .625rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(31 41 51 / 6%);--shadow-md: 0 12px 32px rgb(31 41 51 / 9%);--shadow-sheet: 0 -16px 48px rgb(31 41 51 / 18%);--content-narrow: 30rem;--content-wide: 72rem;--header-height: 4.25rem;--mobile-nav-height: 4.75rem;--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-spring: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}:root{color:var(--color-text);background:var(--color-canvas);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html{min-width:320px;min-height:100%;background:var(--color-canvas)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body,button,input,select,textarea{font:inherit}button,input,select,textarea{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--color-focus) 35%,transparent);outline-offset:3px}h1,h2,p{margin-top:0}h1,h2{font-family:var(--font-display);letter-spacing:-.025em}h1{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-xl);line-height:var(--line-height-heading)}p{line-height:var(--line-height-body)}.app-frame{min-height:100vh}.skip-link{position:fixed;z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-brand-on-primary);font-weight:700;background:var(--color-brand-primary);border-radius:var(--radius-sm);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;z-index:20;top:0;height:var(--header-height);background:color-mix(in srgb,var(--color-canvas) 92%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-header__inner{display:flex;width:min(100%,var(--content-wide));height:100%;padding-inline:var(--space-4);margin-inline:auto;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand-wordmark{display:inline-flex;align-items:baseline;gap:var(--space-2);color:var(--color-text);text-decoration:none}.brand-wordmark__latin{font-size:var(--font-size-xl);font-weight:800;letter-spacing:-.04em}.brand-wordmark__thai{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:650}.site-header__actions{display:flex;align-items:center;gap:var(--space-6)}.desktop-navigation{display:none}.app-shell{width:min(100%,var(--content-wide));min-height:calc(100vh - var(--header-height));padding:var(--space-8) var(--space-4) calc(var(--mobile-nav-height) + var(--space-8));margin-inline:auto}.page--narrow{width:min(100%,var(--content-narrow));margin-inline:auto}.home-page{display:grid;gap:var(--space-10)}.home-hero{max-width:48rem;padding-block:var(--space-6) var(--space-2)}.home-hero h1{max-width:13ch;margin-bottom:var(--space-5);font-size:var(--font-size-3xl)}.home-hero__description{max-width:42rem;margin-bottom:var(--space-8);color:var(--color-text-muted);font-size:var(--font-size-lg)}.home-hero__actions{display:grid;gap:var(--space-3)}.eyebrow{margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:750;letter-spacing:.09em;text-transform:uppercase}.home-grid{display:grid;gap:var(--space-4)}.card{overflow-wrap:anywhere;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card--compact{padding:var(--space-4)}.card--default{padding:var(--space-5)}.card--spacious{padding:var(--space-6)}.audience-card{display:flex;min-height:18rem;flex-direction:column;align-items:flex-start}.audience-card h2{max-width:20ch;margin-bottom:var(--space-3)}.audience-card>p:not(.card__index){margin-bottom:var(--space-6);color:var(--color-text-muted)}.audience-card .button{margin-top:auto}.card__index{margin-bottom:var(--space-10);color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:750;letter-spacing:.12em}.privacy-note{max-width:42rem;padding-left:var(--space-4);margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);border-left:2px solid var(--color-border-strong)}.placeholder-card h1{margin-bottom:var(--space-4)}.placeholder-card>p:not(.eyebrow){margin-bottom:var(--space-8);color:var(--color-text-muted)}.app-frame--focused{background:radial-gradient(circle at 50% 5%,color-mix(in srgb,var(--color-store-subtle) 70%,transparent),transparent 26rem),var(--color-canvas)}.app-frame--focused .app-shell{padding-bottom:var(--space-12)}.auth-page{display:grid;width:min(100%,38rem);margin-inline:auto;gap:var(--space-6);justify-items:stretch}.auth-page__intro{max-width:34rem;text-align:center;justify-self:center}.auth-page__intro h1{margin-bottom:var(--space-4)}.auth-page__intro>p:last-child{margin-bottom:0;color:var(--color-text-muted)}.auth-card{display:grid;width:100%;padding:var(--space-6);gap:var(--space-5);background:color-mix(in srgb,var(--color-surface) 97%,transparent);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.auth-card--centered{text-align:center;justify-items:center}.auth-card--centered>p{margin-bottom:0;color:var(--color-text-muted)}.auth-card--centered .button{width:100%}.auth-form{gap:var(--space-5)}.auth-form__secondary,.auth-page__footer-link{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:var(--space-2);color:var(--color-text-muted);text-align:center}.auth-form__forgot-link{margin-top:calc(var(--space-2) * -1);justify-self:end}.auth-link-list{display:grid;justify-items:center;gap:var(--space-2)}.auth-symbol{display:grid;width:4.5rem;height:4.5rem;margin-inline:auto;place-items:center;color:var(--color-store-primary);font-size:var(--font-size-2xl);font-weight:850;background:var(--color-store-subtle);border:1px solid color-mix(in srgb,var(--color-store-primary) 18%,transparent);border-radius:50%}.auth-symbol--error{color:var(--color-danger);background:var(--color-danger-subtle)}.status-message{width:100%;padding:var(--space-3) var(--space-4);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-body);border:1px solid transparent;border-radius:var(--radius-md)}.status-message--error{color:var(--color-danger);background:var(--color-danger-subtle);border-color:color-mix(in srgb,var(--color-danger) 24%,transparent)}.status-message--success{color:var(--color-success);background:var(--color-success-subtle);border-color:color-mix(in srgb,var(--color-success) 24%,transparent)}.loading-indicator{width:2.5rem;height:2.5rem;border:.25rem solid var(--color-surface-strong);border-top-color:var(--color-store-primary);border-radius:50%;animation:loading-spin .7s linear infinite}@keyframes loading-spin{to{transform:rotate(1turn)}}.registration-choice{width:min(100%,54rem)}.registration-choice__grid{display:grid;gap:var(--space-4)}.registration-choice__card{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.registration-choice__card h2{margin-bottom:var(--space-3)}.registration-choice__card p{margin-bottom:var(--space-6);color:var(--color-text-muted)}.registration-choice__card .button{margin-top:auto}.registration-choice__card--store{border-color:color-mix(in srgb,var(--color-store-primary) 24%,var(--color-border))}.registration-choice__card--partner{border-color:color-mix(in srgb,var(--color-partner-accent) 52%,var(--color-border))}.registration-choice__mark{display:inline-flex;min-height:2rem;padding:var(--space-1) var(--space-3);margin-bottom:var(--space-8);align-items:center;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.1em;background:var(--color-surface-subtle);border-radius:var(--radius-pill)}.registration-choice__card--store .button,.auth-page--store .button--primary{background:var(--color-store-primary);border-color:var(--color-store-primary)}.registration-choice__card--store .button:hover,.auth-page--store .button--primary:hover{background:var(--color-store-primary-hover);border-color:var(--color-store-primary-hover)}.button--partner,.auth-page--partner .button--primary{color:#fff;background:var(--color-partner-primary);border-color:var(--color-partner-primary)}.button--partner:hover,.auth-page--partner .button--primary:hover{background:var(--color-partner-primary-hover);border-color:var(--color-partner-primary-hover)}.auth-page--partner .auth-page__intro .eyebrow{color:var(--color-partner-primary)}.auth-page--partner .auth-card{border-color:color-mix(in srgb,var(--color-partner-accent) 44%,var(--color-border))}.consent-fields{display:grid;gap:var(--space-4)}.checkbox-field{display:grid;gap:var(--space-2)}.checkbox-field__control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-3)}.checkbox-field__input{width:1.25rem;height:1.25rem;margin:.15rem 0 0;accent-color:var(--color-store-primary)}.auth-page--partner .checkbox-field__input{accent-color:var(--color-partner-primary)}.checkbox-field__label{min-width:0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-body)}.checkbox-field__label-group{display:flex;min-width:0;flex-wrap:wrap;gap:0 var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-body)}.checkbox-field__label-group a{color:var(--color-text);font-weight:700;text-underline-offset:.2em}.verification-page__label{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.verification-page__email{max-width:100%;margin:calc(var(--space-3) * -1) 0 0;overflow-wrap:anywhere;color:var(--color-text);font-weight:800}.status-page{display:grid;width:min(100%,var(--content-narrow));min-height:45vh;margin-inline:auto;place-content:center;justify-items:center;gap:var(--space-4);text-align:center}.status-page__card{display:grid;gap:var(--space-5);justify-items:center}.status-page__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.role-dashboard{width:min(100%,58rem);margin-inline:auto;overflow:hidden;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.role-dashboard__hero{min-height:16rem;padding:var(--space-6);color:#fff}.role-dashboard--store .role-dashboard__hero{background:radial-gradient(circle at 90% 10%,rgb(255 255 255 / 18%),transparent 12rem),linear-gradient(135deg,var(--color-store-primary),#a80f32)}.role-dashboard--partner .role-dashboard__hero{background:radial-gradient(circle at 88% 12%,rgb(244 197 66 / 22%),transparent 13rem),linear-gradient(135deg,var(--color-partner-primary),#07162b)}.role-dashboard__topline{display:flex;margin-bottom:var(--space-10);align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.role-dashboard__badge{display:inline-flex;min-height:2rem;padding:var(--space-1) var(--space-3);align-items:center;font-size:var(--font-size-xs);font-weight:800;background:#ffffff24;border:1px solid rgb(255 255 255 / 28%);border-radius:var(--radius-pill)}.role-dashboard--partner .role-dashboard__badge{color:var(--color-partner-accent)}.role-dashboard__hero h1{max-width:15ch;margin-bottom:var(--space-4)}.role-dashboard__hero>p{max-width:34rem;margin:0;color:#ffffffd1}.role-dashboard__hero .button--secondary{color:var(--color-partner-primary);background:#fff;border-color:#fff}.role-dashboard__body{display:grid;padding:var(--space-5);gap:var(--space-5);background:var(--color-surface-subtle)}.dashboard-placeholder-card h2{margin-bottom:var(--space-3)}.dashboard-placeholder-card>p:not(.eyebrow){max-width:38rem;margin-bottom:var(--space-6);color:var(--color-text-muted)}.role-dashboard--store .dashboard-placeholder-card .button{background:var(--color-store-primary);border-color:var(--color-store-primary)}.role-switcher{display:grid;padding:var(--space-2);gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.role-switcher__label{padding-inline:var(--space-2);margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:750}.role-switcher__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.role-switcher__button{min-width:0;min-height:2.75rem;padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:750;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer}.role-switcher__button[aria-pressed=true]{color:#fff;background:var(--color-partner-primary)}.role-dashboard--store .role-switcher__button[aria-pressed=true]{background:var(--color-store-primary)}.logout-control{display:grid;justify-items:end;gap:var(--space-2)}.logout-control .form-field__message{max-width:14rem;color:#fff;text-align:right}.legal-page p:not(.eyebrow){color:var(--color-text-muted)}.button{display:inline-flex;min-height:2.75rem;padding:0 var(--space-5);align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-brand-on-primary);font-weight:700;line-height:1.2;text-align:center;text-decoration:none;background:var(--color-brand-primary);border:1px solid var(--color-brand-primary);border-radius:var(--radius-pill);cursor:pointer;-webkit-user-select:none;user-select:none}.button:hover{background:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover)}.button:active{transform:scale(.98)}.button:disabled{cursor:not-allowed;opacity:.48}.button--small{min-height:2.25rem;padding-inline:var(--space-3);font-size:var(--font-size-sm)}.button--large{min-height:3.25rem;padding-inline:var(--space-6)}.button--secondary{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border-strong)}.button--secondary:hover{background:var(--color-surface-subtle);border-color:var(--color-border-strong)}.button--quiet{min-height:auto;padding:var(--space-2) 0;color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-border-strong);text-underline-offset:.3em;background:transparent;border-color:transparent;border-radius:0}.button--quiet:hover{background:transparent;border-color:transparent;text-decoration-color:currentColor}.button--danger{color:#fff;background:var(--color-danger);border-color:var(--color-danger)}.button--danger:hover{background:color-mix(in srgb,var(--color-danger) 88%,#000000);border-color:color-mix(in srgb,var(--color-danger) 88%,#000000)}.button--full-width{width:100%}.form-field{display:grid;gap:var(--space-2)}.form-field__label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-sm);font-weight:700}.form-field__optional{color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:500}.form-control{width:100%;min-height:3rem;padding:0 var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:inset 0 1px #1f293308}.form-control:hover{border-color:var(--color-text-soft)}.form-control[aria-invalid=true]{background:var(--color-danger-subtle);border-color:var(--color-danger)}.form-control--textarea{min-height:7.5rem;padding-block:var(--space-3);line-height:var(--line-height-body);resize:vertical}.form-control--select{appearance:auto}.form-field__message{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.form-field__message.is-error{color:var(--color-danger)}.language-switcher{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--color-surface-subtle);border-radius:var(--radius-pill)}.language-button{min-height:2rem;padding:var(--space-1) var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;background:transparent;border:0;border-radius:var(--radius-pill);cursor:pointer}.language-button:disabled{color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-sm);cursor:default}.mobile-navigation{position:fixed;z-index:30;right:0;bottom:0;left:0;padding:var(--space-2) var(--space-3) max(var(--space-2),env(safe-area-inset-bottom));background:color-mix(in srgb,var(--color-surface) 94%,transparent);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-navigation__inner{display:grid;width:min(100%,32rem);min-height:calc(var(--mobile-nav-height) - var(--space-4));margin-inline:auto;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}.mobile-navigation__link{display:flex;min-width:0;min-height:2.75rem;padding:var(--space-2);align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:650;text-align:center;text-decoration:none;border-radius:var(--radius-sm)}.mobile-navigation__link.is-active{color:var(--color-text);background:var(--color-surface-subtle)}.bottom-sheet{width:100%;max-width:none;height:100%;max-height:none;padding:0;margin:0;overflow:hidden;background:transparent;border:0}.bottom-sheet::backdrop{background:#1118206b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bottom-sheet__panel{position:absolute;right:0;bottom:0;left:0;max-height:min(85vh,44rem);padding:var(--space-3) var(--space-5) max(var(--space-6),env(safe-area-inset-bottom));overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-sheet);animation:sheet-enter var(--duration-slow) var(--ease-spring)}.bottom-sheet__handle{width:2.75rem;height:.25rem;margin:0 auto var(--space-5);background:var(--color-border-strong);border-radius:var(--radius-pill)}.bottom-sheet__header{display:flex;margin-bottom:var(--space-6);align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.bottom-sheet__header h2{margin-bottom:var(--space-2)}.bottom-sheet__header p{margin:0;color:var(--color-text-muted)}@keyframes sheet-enter{0%{opacity:0;transform:translateY(1.5rem)}}@media(min-width:40rem){.site-header__inner,.app-shell{padding-inline:var(--space-6)}.app-shell{padding-top:var(--space-12)}.home-hero__actions{display:flex;flex-wrap:wrap}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card--spacious,.auth-card{padding:var(--space-8)}.registration-choice__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-dashboard__hero{padding:var(--space-10)}.role-dashboard__body{padding:var(--space-8)}.bottom-sheet{display:grid;padding:var(--space-8);place-items:center}.bottom-sheet__panel{position:static;width:min(100%,36rem);max-height:min(80vh,44rem);border-radius:var(--radius-xl)}}@media(min-width:56rem){.app-shell{padding-bottom:var(--space-16)}.mobile-navigation{display:none}.desktop-navigation{display:block}.desktop-navigation__inner{display:flex;align-items:center;gap:var(--space-1)}.desktop-navigation__link{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:650;text-decoration:none;border-radius:var(--radius-pill)}.desktop-navigation__link:hover,.desktop-navigation__link.is-active{color:var(--color-text);background:var(--color-surface-subtle)}}@media(prefers-reduced-motion:no-preference){.button,.language-button,.mobile-navigation__link,.desktop-navigation__link,.form-control,.role-switcher__button{transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}}@media(max-width:22rem){.brand-wordmark__thai{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}