@font-face{font-family:LocalNoto;src:url('/eitpos/assets/noto-thai.woff2') format('woff2');font-weight:400 500;font-display:swap}@font-face{font-family:LocalNoto;src:url('/eitpos/assets/noto-thai-bold.woff2') format('woff2');font-weight:600 900;font-display:swap}body{font-family:LocalNoto,system-ui,sans-serif}h1,h2,h3,.brand,.app-title,.metric strong,.arch strong{font-family:LocalNoto,system-ui,sans-serif}h1,h2,h3{line-height:1.3;letter-spacing:-.035em}.local-icon{display:inline-block;font-style:normal;line-height:1;min-width:1em;text-align:center}.mockup-note{margin:0 0 8px;color:#eee5df;font-size:10px;text-align:center}.demo-dialog{position:fixed;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:36px 28px 25px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px}.demo-dialog::backdrop{background:#201515aa}.demo-dialog h3{padding-right:40px;font-size:27px}.demo-dialog>p{font-size:14px;color:var(--body)}.demo-dialog-open{overflow:hidden}.demo-dialog .modal-close{font-size:24px}.demo-dialog .form-note{font-size:11px;line-height:1.8;color:var(--body)}.cookie-banner{z-index:110}.cookie-reopen{z-index:100}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--o);outline-offset:4px}.app-shell{isolation:isolate}.hero .app{min-width:0}.app-main{min-width:0}.code{min-width:0}.code pre{white-space:pre-wrap;overflow-wrap:anywhere}.cookie-dialog .cookie-close{flex-shrink:0}@media(min-width:681px) and (max-width:950px){.menu-toggle{display:grid;place-items:center}.nav-links.open{display:flex;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:22px;justify-content:center;box-shadow:0 8px 12px #0001}.nav{gap:18px}}@media(max-width:680px){.hero h1{font-size:44px}.hero-grid{gap:42px}.hero .eyebrow{justify-content:center;font-size:10px}.app-main{padding:13px}.app-title{font-size:14px}.metric small{font-size:8px}.code pre{font-size:10px}.nav-links.open{inset:68px 0 auto;max-height:calc(100dvh - 68px);overflow:auto}.cookie-banner .cookie-copy h2{font-size:20px}.demo-dialog{padding:32px 20px 20px}.demo-dialog .form-grid{gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}