:root{--theme-canvas:linear-gradient(135deg, #fff 0%, #f5f3ff 100%);--theme-canvas-overlay:radial-gradient(circle at 86% 10%, #d4a7452e, transparent 22%), radial-gradient(circle at 12% 88%, #2d1b691f, transparent 24%);--theme-surface:#ffffffd1;--theme-surface-strong:#fff;--theme-surface-soft:#f0e6ffb8;--theme-border:#d4a7452e;--theme-text:#2d1b69;--theme-muted:#4a3d6b;--theme-accent:#d4a745;--theme-accent-soft:#d4a74529;--theme-accent-2:#2d1b69;--theme-accent-2-soft:#2d1b691f;--theme-accent-3:#44a16a;--theme-accent-3-soft:#44a16a24;--theme-badge:#ffffffb8;--theme-gradient:linear-gradient(135deg, #d4a745 0%, #c99a3a 100%);--theme-button-text:#2d1b69;--theme-shadow:0 24px 80px #2d1b691f;--theme-font-body:var(--font-noto-sans-thai), var(--font-inter), sans-serif;--theme-font-display:var(--font-newsreader), var(--font-noto-serif-thai), serif;--theme-font-accent:var(--font-inter), sans-serif;--app-bg:var(--theme-canvas);--app-panel:var(--theme-surface);--app-panel-strong:var(--theme-surface-strong);--app-panel-soft:var(--theme-surface-soft);--app-line:var(--theme-border);--app-text:var(--theme-text);--app-muted:var(--theme-muted);--app-accent:var(--theme-accent);--app-accent-soft:var(--theme-accent-soft);--app-accent-2:var(--theme-accent-2);--app-accent-2-soft:var(--theme-accent-2-soft);--app-accent-3:var(--theme-accent-3);--app-accent-3-soft:var(--theme-accent-3-soft);--app-gradient:var(--theme-gradient);--app-shadow:var(--theme-shadow);--app-button-text:var(--theme-button-text);--app-radius-panel:var(--theme-radius);--app-radius-card:22px;--app-radius-soft:18px;--app-radius-pill:999px;--app-button-radius:999px;--app-panel-blur:18px;--app-panel-border-width:1px;--app-panel-shadow:var(--theme-shadow);--app-panel-overlay:linear-gradient(180deg, #ffffff0a, transparent 46%);--app-button-shadow:0 16px 36px var(--app-accent-soft);--app-title-track:-.05em;--app-eyebrow-track:.16em;--app-hero-align:center;--app-hero-actions-justify:center;--app-grid-size:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.app-font-variables{--font-inter:"Avenir Next", "Segoe UI", sans-serif;--font-noto-sans-thai:"Sukhumvit Set", "Thonburi", "Leelawadee UI", sans-serif;--font-noto-serif-thai:"Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;--font-manrope:"Gill Sans", "Trebuchet MS", sans-serif;--font-bodoni-moda:"Bodoni 72", "Didot", serif;--font-outfit:"Futura", "Century Gothic", sans-serif;--font-playfair-display:"Baskerville", "Big Caslon", serif;--font-mitr:"Franklin Gothic Medium", "Segoe UI", sans-serif;--font-pridi:"Book Antiqua", "Constantia", serif;--font-cormorant-garamond:"Garamond", "Baskerville", serif;--font-kanit:"Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--font-newsreader:"Iowan Old Style", "Palatino Linotype", serif;--font-sarabun:"Avenir Next", "Thonburi", "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{isolation:isolate;min-height:100vh;font-family:var(--theme-font-body), var(--font-noto-sans-thai), var(--font-inter), system-ui, sans-serif;color:var(--app-text);background:var(--theme-canvas-overlay), var(--theme-canvas);background-attachment:fixed;margin:0;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(to right, var(--theme-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--theme-grid) 1px, transparent 1px);background-size:var(--app-grid-size) var(--app-grid-size);opacity:.5;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 88%);mask-image:radial-gradient(circle,#000 20%,#0000 88%)}body[data-theme-tone=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body[data-theme-tone=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}::selection{background:var(--app-accent-soft);color:var(--app-text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.landingPage{min-height:100vh;padding:40px 20px 72px}.landingShell{gap:24px;max-width:1180px;margin:0 auto;display:grid}.landingHero,.landingCard{border:var(--app-panel-border-width) solid var(--app-line);border-radius:var(--app-radius-panel);background:var(--app-panel-overlay), var(--app-panel);box-shadow:var(--app-panel-shadow);-webkit-backdrop-filter:blur(var(--app-panel-blur));backdrop-filter:blur(var(--app-panel-blur))}.landingHero{text-align:var(--app-hero-align);padding:32px;position:relative;overflow:hidden}.landingEyebrow{color:var(--app-accent);font-family:var(--theme-font-accent), var(--font-inter), sans-serif;letter-spacing:var(--app-eyebrow-track);text-transform:uppercase;align-items:center;gap:12px;font-size:.82rem;display:inline-flex}.landingEyebrow:before{content:"";background:currentColor;width:44px;height:1px}.landingTitle{font-family:var(--theme-font-display), var(--font-newsreader), var(--font-noto-serif-thai), serif;letter-spacing:var(--app-title-track);text-wrap:balance;margin:18px 0 16px;font-size:clamp(2.35rem,5.8vw,4.35rem);line-height:1.1}.landingTitle span{color:var(--app-accent);margin-top:.18em;line-height:1.1;display:block}.landingCopy{max-width:52rem;color:var(--app-muted);margin:0 0 28px;line-height:1.8}.landingActions{gap:12px;justify-content:var(--app-hero-actions-justify);flex-wrap:wrap;display:flex}.landingPrimary,.landingSecondary{border-radius:var(--app-button-radius);min-height:50px;font-family:var(--theme-font-accent), var(--font-inter), sans-serif;border:1px solid #0000;justify-content:center;align-items:center;padding:0 18px;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.landingPrimary{color:var(--app-button-text);background:var(--app-gradient);box-shadow:var(--app-button-shadow)}.landingSecondary{color:var(--app-text);background:var(--app-panel-soft);border-color:var(--app-line)}.landingPrimary:hover,.landingSecondary:hover{transform:translateY(-1px)}.landingGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.landingCard{padding:24px}.landingCard h2{margin:0 0 10px;font-size:1.12rem}.landingCard p{color:var(--app-muted);margin:0;line-height:1.75}.landingThemeList{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.landingThemeItem{border:1px solid var(--app-line);border-radius:var(--app-radius-card);background:var(--app-panel-overlay), var(--app-panel-strong);min-height:92px;padding:16px}.landingThemeItem strong{margin-bottom:6px;font-size:.98rem;display:block}.landingThemeItem span{color:var(--app-muted);font-size:.92rem;line-height:1.6}body[data-theme-layout=centered] .landingHero{max-width:1040px;margin:0 auto}body[data-theme-layout=centered] .landingCopy{margin-inline:auto}body[data-theme-layout=split] .landingHero{text-align:left;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:end;column-gap:28px;display:grid}body[data-theme-layout=split] .landingHero>*{grid-column:1}body[data-theme-layout=split] .landingTitle,body[data-theme-layout=split] .landingCopy{max-width:40rem}body[data-theme-layout=split] .landingTitle{font-size:clamp(2.2rem,4.4vw,3.7rem);line-height:1.12}body[data-theme-layout=split] .landingHero:after{content:"";border:var(--app-panel-border-width) solid var(--app-line);border-radius:var(--app-radius-card);background:url(/images/mongkol-hero.svg) no-repeat center / 72% auto, radial-gradient(circle at top right, var(--app-accent-soft), transparent 56%), radial-gradient(circle at bottom left, var(--app-accent-2-soft), transparent 48%), var(--app-panel-overlay), var(--app-panel-soft);min-height:240px;box-shadow:var(--app-panel-shadow);-webkit-backdrop-filter:blur(var(--app-panel-blur));backdrop-filter:blur(var(--app-panel-blur));grid-area:1/2/span 4;align-self:stretch;display:block}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,monospace}@media (max-width:920px){.landingGrid,.landingThemeList,body[data-theme-layout=split] .landingHero{grid-template-columns:1fr}body[data-theme-layout=split] .landingHero>*{grid-column:auto}body[data-theme-layout=split] .landingHero:after{grid-area:auto;min-height:160px}.landingHero,.landingCard{border-radius:var(--app-radius-card)}.landingHero{padding:24px}}