@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(../media/kanit-thai-500-normal.3_rktdki6g5iz.woff2)format("woff2"),url(../media/kanit-thai-500-normal.1hi-4afzw2mj1.woff)format("woff")}
@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(../media/kanit-latin-500-normal.3n1kekl_6v_7b.woff2)format("woff2"),url(../media/kanit-latin-500-normal.40pdo29xash0z.woff)format("woff")}
@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(../media/kanit-thai-600-normal.2p9f0dv37sso_.woff2)format("woff2"),url(../media/kanit-thai-600-normal.11v_6g4d6og-y.woff)format("woff")}
@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(../media/kanit-latin-600-normal.3lg2y4864lcrl.woff2)format("woff2"),url(../media/kanit-latin-600-normal.3esu4hu43b-lu.woff)format("woff")}
@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(../media/kanit-thai-700-normal.1p1dpiy7rk5ko.woff2)format("woff2"),url(../media/kanit-thai-700-normal.3j7783_d5jse6.woff)format("woff")}
@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(../media/kanit-latin-700-normal.12crgla0nk5ms.woff2)format("woff2"),url(../media/kanit-latin-700-normal.2no1m8pkr9syy.woff)format("woff")}
:root{--display:"Kanit", "Noto Sans Thai", system-ui, sans-serif;--font:"Noto Sans Thai", "Sukhumvit Set", "Thonburi", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius:16px;--radius-sm:10px;--panel-2:color-mix(in srgb, var(--tikga-panel) 70%, var(--tikga-night));--line-soft:color-mix(in srgb, var(--tikga-line) 60%, transparent);--line-glow:color-mix(in srgb, var(--tikga-cyan) 28%, var(--tikga-line));--glass:color-mix(in srgb, var(--tikga-panel) 74%, transparent);--focus:0 0 0 3px color-mix(in srgb, var(--tikga-gold) 85%, transparent);--shadow:0 18px 40px -24px #000000b3;--glow-cyan:0 0 0 1px color-mix(in srgb, var(--tikga-cyan) 30%, transparent), 0 10px 30px -12px color-mix(in srgb, var(--tikga-cyan) 55%, transparent);--glow-pink:0 10px 30px -10px color-mix(in srgb, var(--tikga-brand) 70%, transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font);color:var(--tikga-ink);background:radial-gradient(1100px 600px at 8% -12%, color-mix(in srgb, var(--tikga-cyan) 16%, transparent), transparent 60%), radial-gradient(900px 520px at 100% 0%, color-mix(in srgb, var(--tikga-brand2) 26%, transparent), transparent 62%), radial-gradient(800px 500px at 50% 110%, color-mix(in srgb, var(--tikga-brand) 12%, transparent), transparent 60%), var(--tikga-night);background-attachment:fixed;margin:0;font-size:16px;line-height:1.6}h1,h2,h3,p{margin:0}h1,h2,h3,.display{font-family:var(--display);letter-spacing:0;font-weight:600}h1{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.25}h2{font-size:1.15rem;line-height:1.35}h3{font-size:1rem}a{color:var(--tikga-cyan)}code{font-family:var(--mono);font-size:.9em}:focus-visible{box-shadow:var(--focus);outline:none}.muted{color:var(--tikga-muted)}.small{font-size:.875rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--tikga-cyan);font-size:.78rem;font-weight:700}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background:linear-gradient(180deg, color-mix(in srgb, var(--tikga-cyan) 5%, var(--glass)), var(--glass));border:1px solid var(--line-glow);border-radius:var(--radius);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--tikga-white) 6%, transparent), var(--shadow);-webkit-backdrop-filter:blur(10px);min-width:0;padding:20px}.card.narrow{width:100%;max-width:480px}.center-page{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.btn{border:1px solid var(--tikga-line);background:var(--panel-2);min-height:44px;color:var(--tikga-ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s,transform 50ms,opacity .15s;display:inline-flex}.btn:hover{border-color:color-mix(in srgb, var(--tikga-cyan) 60%, var(--tikga-line));background:color-mix(in srgb, var(--tikga-cyan) 12%, var(--panel-2))}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--tikga-cyan), color-mix(in srgb, var(--tikga-cyan) 55%, var(--tikga-brand2)));color:var(--tikga-night);box-shadow:var(--glow-cyan);border-color:#0000}.btn-primary:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--tikga-cyan) 80%, var(--tikga-white)), color-mix(in srgb, var(--tikga-cyan) 55%, var(--tikga-brand2)));border-color:#0000}.btn-live{background:linear-gradient(135deg, var(--tikga-brand), color-mix(in srgb, var(--tikga-brand) 55%, var(--tikga-brand2)));color:var(--tikga-white);box-shadow:var(--glow-pink);border-color:#0000}.btn-live:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--tikga-brand) 85%, var(--tikga-white)), color-mix(in srgb, var(--tikga-brand) 55%, var(--tikga-brand2)));border-color:#0000}.btn-outline{border-color:color-mix(in srgb, var(--tikga-cyan) 55%, transparent);color:var(--tikga-ink);background:0 0}.btn-danger{border-color:color-mix(in srgb, var(--tikga-danger) 60%, transparent);color:var(--tikga-danger);background:0 0}.btn-danger:hover{background:color-mix(in srgb, var(--tikga-danger) 14%, transparent);border-color:var(--tikga-danger)}.btn-ghost{color:var(--tikga-muted);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--tikga-ink);background:color-mix(in srgb, var(--tikga-ink) 8%, transparent);border-color:#0000}.btn-sm{border-radius:10px;min-height:36px;padding:6px 12px;font-size:.9rem}.btn-block{width:100%}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>label,.label{font-size:.92rem;font-weight:600}.hint{color:var(--tikga-muted);font-size:.8rem}.input{border:1px solid var(--tikga-line);background:color-mix(in srgb, var(--tikga-night) 80%, transparent);width:100%;min-height:44px;color:var(--tikga-ink);font:inherit;border-radius:10px;padding:10px 12px}.input::placeholder{color:color-mix(in srgb, var(--tikga-muted) 70%, transparent)}.input:focus-visible{border-color:var(--tikga-cyan)}.input[aria-invalid=true]{border-color:var(--tikga-danger)}.field-error{color:var(--tikga-danger);font-size:.82rem}.check{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.check input{width:20px;height:20px;accent-color:var(--tikga-brand)}.alert{border:1px solid #0000;border-radius:12px;padding:10px 14px;font-size:.92rem}.alert:empty{display:none}.alert-error{background:color-mix(in srgb, var(--tikga-danger) 14%, transparent);border-color:color-mix(in srgb, var(--tikga-danger) 45%, transparent);color:color-mix(in srgb, var(--tikga-danger) 35%, var(--tikga-ink))}.alert-ok{background:color-mix(in srgb, var(--tikga-mint) 12%, transparent);border-color:color-mix(in srgb, var(--tikga-mint) 40%, transparent);color:color-mix(in srgb, var(--tikga-mint) 45%, var(--tikga-ink))}.alert-info{background:color-mix(in srgb, var(--tikga-brand2) 14%, transparent);border-color:color-mix(in srgb, var(--tikga-brand2) 40%, transparent)}.alert ul{margin:6px 0 0;padding-left:18px}.badge{border:1px solid var(--tikga-line);color:var(--tikga-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.badge-live{color:var(--tikga-white);background:var(--tikga-brand);box-shadow:var(--glow-pink);border-color:#0000}.badge-live:before{content:"";background:var(--tikga-white);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse}.badge-air{color:var(--tikga-night);background:var(--tikga-mint);border-color:#0000}.badge-sim{color:var(--tikga-night);background:var(--tikga-gold);border-color:#0000}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.logo{color:var(--tikga-ink);font-family:var(--display);letter-spacing:.04em;border-radius:8px;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.confirm{background:color-mix(in srgb, var(--tikga-danger) 9%, var(--tikga-night));border:1px solid color-mix(in srgb, var(--tikga-danger) 40%, transparent);border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;font-size:.92rem;display:flex}
