@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/kanit-thai-400-normal.woff2) format('woff2');unicode-range:U+0E00-0E7F}
@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/kanit-thai-600-normal.woff2) format('woff2');unicode-range:U+0E00-0E7F}
@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/kanit-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/kanit-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
:root{--navy:#7538b8;--gold:#eee4ff;--blue:#9455cf;--pink:#8b49c4;--ink:#241733;--muted:#756580;--soft:#f6f1fc;--line:#e9def2;--paper:#fff;--surface:#fff}
html{scroll-padding-top:110px}body{background:radial-gradient(ellipse at 95% 0%,#f0e5fc 0,transparent 45%),var(--paper)}.floating-header{backdrop-filter:blur(18px);background:color-mix(in srgb,var(--paper) 92%,transparent)}.btn{background:var(--navy);transition:transform .2s,box-shadow .2s,background .2s;min-height:44px}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 22px #7538b825}.btn.light,.btn.soft{background:var(--soft);color:var(--navy)}.btn.gold{background:#fff;color:#7538b8}.btn.danger{background:#fff0f0;color:#b82035}.wordmark span,.wordmark em{color:var(--navy)}.hero,.hero-copy,.hero-panel,.admin-welcome{background-color:var(--soft)}.hero-photo{overflow:hidden}.hero-photo img{transition:transform 1s;object-fit:cover}.hero-photo:hover img{transform:scale(1.025)}.card,.gallery-card{transition:transform .25s,box-shadow .25s;border-color:var(--line)}.card:hover{box-shadow:0 12px 35px #7538b810}.reveal{opacity:0;transform:translateY(16px)}.reveal.revealed{animation:reveal .55s var(--delay,0ms) both}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.page-head{animation:reveal .4s both}.service-hero{padding:clamp(24px,5vw,58px);background:linear-gradient(125deg,#7538b8,#a979d9);color:#fff;margin-bottom:28px}.service-hero p,.service-hero h2{color:#fff}.service-hero .btn{background:#fff;color:#7538b8}.service-iframe{width:100%;height:70dvh;border:1px solid var(--line);border-radius:12px;margin-top:16px;background:#fff}.service-shortcut{padding-top:24px}.draft-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:22px}.draft-toolbar span{margin-right:auto}.form-section{padding:24px 0 6px;border-bottom:2px solid var(--line)}[hidden]{display:none!important}input,select,textarea{font-size:16px;max-width:100%}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #ae80d6;outline-offset:4px}main,.card,.admin-workspace,.row-main{min-width:0}.table-wrap{overflow:auto;max-width:100%;-webkit-overflow-scrolling:touch}dialog{max-height:90dvh;overflow:auto;width:min(900px,94vw)}.question fieldset{border:0;padding:0}.question legend{margin-bottom:12px}.check input{flex-shrink:0}.question .check{min-height:44px}.monogram,.mark{background:#7538b8!important}.tag{color:#7538b8;background:#f0e5fc}.welcome-monogram{opacity:.2}.hero-placeholder{background:linear-gradient(135deg,#6b319d,#a776d4)!important}.admin-sidebar{background:#3d1e60}.admin-layout .admin-nav button{min-height:44px}.copyright{padding-bottom:max(20px,env(safe-area-inset-bottom))}
[data-theme=dark]{--paper:#17101f;--surface:#23182e;--ink:#f6effc;--muted:#b7a6c5;--soft:#30223e;--line:#493459;--navy:#bf91ed;--gold:#493459}.service-hero .btn{color:#7538b8}
@media(max-width:1024px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:relative;width:100%}.admin-nav{display:flex;flex-wrap:wrap}.admin-nav button{flex:1 1 130px}.dashboard-grid{grid-template-columns:1fr}.floating-header{width:calc(100% - 24px)}.wrap{width:calc(100% - 32px)}}
@media(max-width:600px){.two,.question-grid,.grid,.stat-grid{grid-template-columns:1fr!important}.admin-row{flex-direction:column;align-items:stretch}.admin-row .actions{flex-wrap:wrap}.toolbar{flex-wrap:wrap}.toolbar input{width:100%}.section{padding-block:28px}.hero h1{font-size:clamp(28px,8vw,42px)}.floating-header{top:8px}.login-btn{font-size:13px;padding:9px 11px}.service-iframe{height:65dvh}.admin-workspace{padding:14px}.card{padding:20px}.question .two{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.school-mark.monogram{color:#fff}.btn.small,.btn.login-btn{min-height:44px}.btn.gold:hover{background:#e9d7fa}.admin-welcome{color:var(--ink);border-color:var(--line)}.admin-welcome p{color:var(--muted)}.hero p{color:var(--muted)}.service-hero p{color:#fff}.card{background:var(--surface)}
.btn.login-btn{color:#fff}.photo-symbol{background:#f0e5fc!important;color:var(--navy)!important}