@font-face {
  font-family: "Inter";
  src: url("/fonts/inter-digits.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0030-0039;
}

@font-face {
  font-family: "IBM Plex Sans Thai";
  src: url("/fonts/ibm-plex-sans-thai-300.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  unicode-range: U+0E01-0E5B;
}

@font-face {
  font-family: "IBM Plex Sans Thai";
  src: url("/fonts/ibm-plex-sans-thai-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0E01-0E5B;
}

@font-face {
  font-family: "IBM Plex Sans Thai";
  src: url("/fonts/ibm-plex-sans-thai-500.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  unicode-range: U+0E01-0E5B;
}

@font-face {
  font-family: "IBM Plex Sans Thai";
  src: url("/fonts/ibm-plex-sans-thai-600.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  unicode-range: U+0E01-0E5B;
}

@font-face {
  font-family: "IBM Plex Sans Thai";
  src: url("/fonts/ibm-plex-sans-thai-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0E01-0E5B;
}

:root {
  --cp-thai-and-digits: "Inter", "IBM Plex Sans Thai";
  --cp-sans: var(--cp-thai-and-digits), -apple-system, BlinkMacSystemFont, "Segoe UI", "Leelawadee UI", "Thonburi", Arial, sans-serif;
  color-scheme: light;
  font-family: var(--cp-sans);
}
body{margin:0;background:#f8f7f4;color:#272724;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
[hidden]{display:none!important}
.loading-screen,.admin-loading{min-height:80svh;display:flex;align-items:center;justify-content:center;gap:14px;color:#7c7b74;font-size:14px}
.st-loader{width:18px;height:18px;border:2px solid #ddd8ce;border-right-color:#88754e;border-radius:50%;animation:st-spin 1s linear infinite}
@keyframes st-spin{to{transform:rotate(360deg)}}
.st-dialog,.st-dialog *,.st-gate *{box-sizing:border-box}
.st-dialog{border:1px solid #fff9;padding:0;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border-radius:28px;background:rgb(250 249 246 / .94);backdrop-filter:blur(32px) saturate(1.25);-webkit-backdrop-filter:blur(32px) saturate(1.25);color:#272724;box-shadow:0 32px 90px #16181330,inset 0 1px 0 #fff;font:14px/1.65 var(--cp-thai-and-digits),-apple-system,BlinkMacSystemFont,"Segoe UI","Thonburi",sans-serif}
.st-dialog::backdrop{background:#15191455;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
body:has(.st-dialog[open]){overflow:hidden}
.st-sheet{position:relative;padding:38px 30px 30px}
.st-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:50%;border:1px solid #fff;background:#ebe9e1b3;color:#5f615b;cursor:pointer;font-size:25px;display:grid;place-items:center}
.st-kicker,.st-brand-label{font-size:10px;font-weight:600;letter-spacing:.21em;color:#918368;line-height:1.5}
.st-title{font-size:27px;letter-spacing:-.04em;line-height:1.4;font-weight:600;margin:10px 0}
.st-intro{font-size:14px;color:#787970;margin:0 0 20px;overflow-wrap:anywhere}
.st-input{display:block;width:100%;border:1px solid #dcded6;background:#fff9;color:#272724;border-radius:14px;min-height:50px;padding:12px 15px;font-size:16px;outline:none}
.st-input:focus{border-color:#a39474;box-shadow:0 0 0 4px #b5a17a18}
.st-share-url{font-size:13px;white-space:nowrap;text-overflow:ellipsis}
.st-primary,.st-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 22px;border-radius:100px;border:1px solid transparent;font-family:inherit;font-weight:600;font-size:14px;line-height:1.4;text-decoration:none;cursor:pointer;text-align:center;transition:background .16s,transform .16s}
.st-primary{color:#fff;background:#31372f}
.st-primary:hover{background:#48523f}
.st-secondary{color:#363a32;border-color:#deded5;background:#ffffff70}
.st-secondary:hover{background:#fff}
.st-primary:disabled,.st-secondary:disabled{opacity:.55;cursor:wait}
.st-primary:focus-visible,.st-secondary:focus-visible,.st-close:focus-visible,.st-text-link:focus-visible{outline:2px solid #8c7b55;outline-offset:3px}
.st-share-actions{display:flex;gap:10px;margin-top:16px}
.st-share-actions>*{flex:1;padding-inline:14px}
.st-status{font-size:13px;line-height:1.6;color:#657056;margin:14px 0 0;overflow-wrap:anywhere}
.st-status:empty{display:none}
.st-note{font-size:12px;line-height:1.7;color:#857549;border:1px solid #d3c49455;border-radius:12px;padding:12px 14px;background:#f5eddb80;margin:18px 0 0}
.st-gate{min-height:100svh;display:grid;place-items:center;padding:32px 22px;background:radial-gradient(ellipse at 50% 0%,#e8e7dd88,transparent 70%),#f8f7f4}
.st-gate-card{width:100%;max-width:430px;text-align:center;padding:42px 32px;border-radius:30px;border:1px solid #fff;background:#ffffffa3;box-shadow:0 20px 70px #303e2810;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.st-lock-mark{display:grid;place-items:center;width:64px;height:64px;border:1px solid #fff;border-radius:22px;margin:30px auto 22px;color:#8a7956;background:linear-gradient(145deg,#f1eadb,#ffffff);box-shadow:0 8px 24px #594a2e0d;font:40px Georgia,serif}
.st-lock-mark svg{width:28px;height:28px}
.st-gate h1{font-size:26px;font-weight:550;letter-spacing:-.04em;line-height:1.4;margin:0 0 12px}
.st-gate p{font-size:14px;line-height:1.8;color:#777b70;margin:0 0 22px}
.st-gate .st-primary{width:100%;margin-top:10px}
.st-text-link{display:block;color:#858879;font-size:12px;text-underline-offset:4px;margin-top:20px}
.st-unlock{text-align:left;margin-top:26px}
.st-label{display:block;font-size:13px;font-weight:550;color:#5b6154;margin-bottom:8px}
.st-unlock .st-status{margin-top:14px;margin-bottom:0}
@media(max-width:460px){.st-sheet{padding:38px 22px 25px}.st-gate-card{padding:36px 25px}.st-title{font-size:25px}}
@media(prefers-reduced-motion:reduce){.st-loader{animation:none}.st-primary,.st-secondary{transition:none}}
@media(prefers-reduced-transparency:reduce){.st-dialog,.st-gate-card{background:#faf9f6;backdrop-filter:none;-webkit-backdrop-filter:none}}