:root{--bg:#faf7f2;--text:#2c2416;--card:#fff;--primary:#2d6a5a;--primary-hover:#245a4c;--danger:#a84840}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Sarabun,system-ui,sans-serif}.app-shell{min-height:100vh}.app-container{width:100%;max-width:960px;margin:0 auto;padding:16px}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.app-brand{color:#401804;font-size:28px;font-weight:700}.app-nav{flex-wrap:wrap;gap:16px;display:flex}.app-navDesktop{margin-left:auto}.app-nav a{color:#401804;font-size:15px;font-weight:500}.app-menuButton{color:#401804;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:24px;display:none}.app-menuButton:hover{background:#0000000d}.app-mobileNav{background:#f0ebe4;border-radius:16px;gap:6px;width:100%;margin:0 0 4px;padding:12px 16px;display:none}.app-mobileNav a{color:#401804;padding:8px 0;font-size:14px;font-weight:500}.app-mobileNavHidden{display:none}.app-main{margin:18px 0 28px}.app-footer{text-align:center;color:#999;border-top:1px solid #e8e3dc;flex-direction:column;align-items:center;gap:8px;padding-top:24px;display:flex}.app-footer-links{flex-wrap:wrap;justify-content:center;gap:12px;font-size:13px;display:flex}@media (max-width:767px){.app-header{align-items:center}.app-menuButton{margin-left:auto;display:inline-flex}.app-navDesktop{display:none}.app-mobileNav{display:grid}.app-mobileNavHidden{display:none}}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}