@font-face{font-family:DeltharaThai;src:url('/assets/fonts/noto-thai-regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;font-family:DeltharaThai,system-ui,sans-serif;color:#e9f1f6;background:#07131c}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:36px auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}nav{display:flex;gap:8px}a{color:#8ed8e6}h1{margin-top:40px}h2{color:#b5e4ed}p{line-height:1.7;color:#b9cbd3}section{padding:24px;margin:24px 0;background:#11232e;border:1px solid #26414e;border-radius:10px}form{display:grid;gap:10px}label{margin-top:8px}input{width:100%;font:inherit;padding:12px;color:#eef7fa;background:#08151e;border:1px solid #46616e;border-radius:5px}button{font:inherit;padding:10px 18px;border:1px solid #9c6339;border-radius:5px;background:#c87a40;color:#09131a;cursor:pointer;margin-top:10px}button:disabled{opacity:.55;cursor:wait}nav button{background:#142f3b;color:#d7edf2;border-color:#52727d}input:focus,button:focus-visible,a:focus-visible{outline:2px solid #8ed8e6;outline-offset:3px}#message:not(:empty){padding:18px;background:#153345;border-left:3px solid #8ed8e6;overflow-wrap:anywhere}#message.error{border-left-color:#efad7b}[hidden]{display:none!important}footer{margin:30px 0}@media(max-width:520px){main{margin:8px auto;padding:16px}section{padding:18px}}