@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{color-scheme:light;font-family:'Noto Sans Thai',sans-serif;color:#30402b;background:#f8f5ec}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 100% 0%,#e1e8d5,transparent 55%);min-height:100svh}main{max-width:520px;margin:auto;padding:48px 24px 28px;text-align:center}.brand{display:inline-flex}.brand img{object-fit:contain}.eyebrow{font-size:10px;letter-spacing:2.3px;margin:24px 0 16px;color:#787b65}h1{font-size:clamp(32px,8vw,43px);line-height:1.4;letter-spacing:-1px;margin:0;font-weight:700}.intro{font-size:14px;line-height:1.9;color:#6c715f;margin:20px 0 30px}#links{display:grid;gap:12px}#status{font-size:14px;color:#6c715f;padding:12px}.social-link{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;background:#fffdf7;border:1px solid #dfe2d2;border-radius:18px;padding:18px 20px;text-align:left;min-height:72px;transition:transform .15s,border-color .15s}.social-link:hover{transform:translateY(-2px);border-color:#69805a}.social-link b{flex:1;font-size:16px}.icon{display:grid;place-items:center;width:34px;height:34px;background:#e9eddf;border-radius:11px;font-size:12px;font-weight:700}.event{margin-top:24px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;text-decoration:none;border-radius:22px;background:#34472c;color:#fff8df}.event small,.event strong{display:block}.event small{font-size:12px;opacity:.8}.event strong{font-size:16px;margin:7px 0}.event>span:last-child{font-size:26px;color:#eeb64a}footer{margin-top:36px;font-size:10px;color:#737764}footer span{padding:0 6px}a:focus-visible,button:focus-visible{outline:3px solid #c57432;outline-offset:4px}label{display:block;text-align:left;margin:18px 0 6px}input{width:100%;font:inherit;padding:13px;border:1px solid #bbc2b0;border-radius:10px}button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:14px 24px;background:#34472c;color:white;margin-top:24px}button:disabled{opacity:.5}#message{white-space:pre-line;font-size:14px}nav{margin:20px 0}nav a{color:inherit;margin:0 10px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
