@charset "UTF-8";
@font-face{font-family:"Noto Sans Thai";font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/noto-thai-400.ttf') format('truetype')}
@font-face{font-family:"Noto Sans Thai";font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/noto-thai-500.ttf') format('truetype')}
@font-face{font-family:"Noto Sans Thai";font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/noto-thai-600.ttf') format('truetype')}
@font-face{font-family:"Noto Sans Thai";font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/noto-thai-700.ttf') format('truetype')}
@font-face{font-family:"Noto Sans";font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/noto-sans-400.ttf') format('truetype')}
@font-face{font-family:"Noto Sans";font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/noto-sans-600.ttf') format('truetype')}
:root{font-family:"Noto Sans Thai",Tahoma,"Segoe UI",sans-serif;color:#253b31;background:#f4f1e9;font-synthesis:none;line-height:1.6;font-weight:400;--ink:#253b31;--muted:#71786e;--line:#dfe3d9;--paper:#fffdf7;--green:#234b3b}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bb934f;outline-offset:4px}a,button{touch-action:manipulation}.icon{width:22px;height:22px;flex-shrink:0}.loading{padding:80px 24px;text-align:center;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:600;text-transform:uppercase;line-height:1.5}.muted{color:var(--muted)}.small{font-size:12px}.section-label{font-size:11px;letter-spacing:1.2px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border-radius:10px;border:1px solid transparent;padding:11px 18px;font-size:13px;font-weight:600;line-height:1.5}.primary{background:#234b3b;color:white}.primary:hover{background:#183b2c}.secondary{background:white;color:#304938;border-color:#dfe3d9}.secondary:hover{background:#f6f6f0}.icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid currentColor;border-radius:50%;color:inherit}.icon-button:hover{background:#ffffff21}.text-button{padding:0;border:0;background:transparent;color:inherit}.theme-sand{--card-bg:#dfd1b7;--card-ink:#3b3428;--card-muted:#736752;--card-button:#fffcf3;--card-line:#cabb9d}.theme-forest{--card-bg:#203d32;--card-ink:#fffdf4;--card-muted:#bdc7b6;--card-button:#fffdf3;--card-line:#52675a}.theme-sage{--card-bg:#d9e0d1;--card-ink:#283c32;--card-muted:#65745f;--card-button:#fffef9;--card-line:#bbc6b3}.directory{background:radial-gradient(ellipse at 50% 0%,#e8e6d9 0,transparent 60%),#f5f3eb}.directory-shell{max-width:1120px;margin:auto;padding:72px 38px 32px}.directory-header{max-width:600px;margin:0 auto 46px;text-align:center}.directory-header .eyebrow{font-size:10px;color:#7a806f;letter-spacing:3px}.directory-header h1{font-size:clamp(28px,4vw,43px);font-weight:500;letter-spacing:-1.5px;margin:12px 0}.directory-header>p:last-child{color:#777d70;font-size:14px}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.directory-profile{padding:34px 28px 26px;background:var(--card-bg);color:var(--card-ink);border-radius:22px;min-height:345px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 12px 35px #2b382608;transition:transform .2s}.directory-profile:hover{transform:translateY(-5px)}.directory-avatar{width:78px;height:78px;border-radius:50%;object-fit:cover;border:4px solid #ffffff40;margin-bottom:23px}.directory-profile .eyebrow{font-size:9px;letter-spacing:1.4px;margin:0 0 9px;color:var(--card-muted)}.directory-profile h2{font-family:Georgia,"Noto Sans Thai",serif;font-size:25px;line-height:1.3;font-weight:400;letter-spacing:-.7px;margin:0 0 10px}.directory-description{font-size:12px;color:var(--card-muted);line-height:1.8;margin:0 0 25px}.directory-cta{font-size:12px;margin-top:auto;border-top:1px solid var(--card-line);padding-top:17px;width:100%;display:flex;align-items:center;justify-content:space-between}.directory-cta .icon{width:18px}.directory-footer{margin-top:33px;text-align:center;color:#8a8c7e;font-size:11px;letter-spacing:.4px}.public-profile{background:#efede5;min-height:100vh}.background-sand{background:#eee9df}.background-forest{background:#152b23}.background-sage{background:#eef0e8}.profile-shell{width:100%;padding:34px 16px 50px;max-width:512px;margin:auto}.contact-card{padding:24px 28px 22px;border-radius:24px;color:var(--card-ink);background:var(--card-bg);box-shadow:0 22px 70px #15251a0d;min-width:0}.card-topline{display:flex;justify-content:space-between;align-items:center;min-height:37px}.card-domain{font-size:9px;font-weight:600;letter-spacing:2px;color:var(--card-muted)}.card-topline .icon-button{width:34px;height:34px;border-color:var(--card-line)}.card-topline .icon{width:16px;height:16px}.profile-header{text-align:center;padding:25px 0 23px}.avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #ffffff42}.profile-header .eyebrow{margin:18px 0 10px;color:var(--card-muted);font-size:9px;letter-spacing:1.8px}.profile-header h1{font-family:Georgia,"Noto Sans Thai",serif;font-size:29px;font-weight:400;letter-spacing:-.8px;margin:0 0 9px;line-height:1.3;overflow-wrap:anywhere}.profile-description{font-size:12px;color:var(--card-muted);margin:0 auto;max-width:310px;white-space:pre-line;overflow-wrap:anywhere}.quick-actions{display:flex;justify-content:center;gap:10px;margin:0 0 21px}.quick-action{display:flex;align-items:center;gap:6px;font-size:11px;border:1px solid var(--card-line);padding:8px 13px;border-radius:24px}.quick-action .icon{width:15px;height:15px}.contact-links{display:grid;gap:10px}.contact-link{display:flex;gap:14px;align-items:center;min-height:67px;padding:13px 15px;background:var(--card-button);color:#2f3f32;border:1px solid #ffffff6b;border-radius:13px;box-shadow:0 3px 8px #14271b03;transition:transform .15s,box-shadow .15s}.contact-link:hover{transform:translateY(-2px);box-shadow:0 5px 12px #18271a14}.featured-link{background:#f1f6df}.link-glyph{width:30px;flex-shrink:0;display:grid;place-items:center;color:#5d6b55}.glyph-line{color:#308344}.glyph-facebook{color:#4269a5}.glyph-instagram{color:#a66d86}.link-glyph .icon{width:24px;height:24px}.link-copy{display:grid;gap:3px;min-width:0;flex:1}.link-title{font-size:13px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.link-subtitle{font-size:10px;color:#899080;line-height:1.5;overflow-wrap:anywhere}.link-arrow{width:16px;height:16px;color:#929986}.connected-profiles{border-top:1px solid var(--card-line);margin-top:26px;padding-top:13px}.connected-profiles .section-label{color:var(--card-muted);margin:0 0 10px}.connected-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:10px 0}.connected-link .icon{width:15px;height:15px;opacity:.5}.card-footer{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:26px;color:var(--card-muted);font-size:10px}.footer-dot{opacity:.4}.empty-links{color:var(--card-muted);text-align:center;font-size:13px;padding:20px}.load-error{max-width:450px;margin:70px auto;text-align:center;padding:25px}.load-error h1{font-size:24px}.load-error p{font-size:14px;color:#7d776b}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(90vw,600px);padding:13px 21px;background:#213c30;color:white;border-radius:12px;box-shadow:0 8px 35px #18281f26;z-index:99;font-size:13px;text-align:center}.toast-error{background:#8d3e32}.qr-dialog{position:relative;border:0;border-radius:22px;padding:36px 28px 25px;max-width:430px;width:calc(100% - 32px);text-align:center;background:#fffdf7;color:#253b31;box-shadow:0 25px 90px #12201b44}.qr-dialog::backdrop{background:#142b236b;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:14px;width:30px;height:30px;border-color:#e2e4da}.dialog-close .icon{width:16px;height:16px}.qr-dialog .eyebrow{margin:8px 0;color:#828b77}.qr-dialog h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:12px 0 10px}.qr-image{display:block;max-width:100%;margin:0 auto}.qr-url{font-size:13px;color:#727b66}.qr-downloads{display:flex;gap:8px;justify-content:center;margin:20px 0}.qr-downloads .button{font-size:12px;padding:11px 13px}.qr-dialog .small{font-size:10px}.qr-dialog .qr-image{background:white;border-radius:14px}
@media(max-width:760px){.directory-shell{max-width:500px;padding:44px 20px 30px}.directory-header{margin-bottom:30px}.directory-grid{grid-template-columns:1fr;gap:15px}.directory-profile{min-height:0;padding:26px}.directory-avatar{width:70px;height:70px;margin-bottom:18px}.directory-description{margin-bottom:20px}.directory-profile h2{font-size:26px}.profile-shell{padding:0;max-width:480px}.contact-card{border-radius:0;min-height:100vh;box-shadow:none;padding:20px 24px 30px}.profile-header{padding-top:25px}.profile-header h1{font-size:30px}.directory-header h1{font-size:30px}.toast{bottom:18px}.contact-link{min-height:68px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.directory-language{display:flex;justify-content:flex-end;margin-bottom:22px}.language-control{display:inline-flex;align-items:center;max-width:160px}.language-control select{border:1px solid #9caa8c66;border-radius:8px;padding:7px 8px;background:#ffffff50;color:inherit;font-size:10px;max-width:140px;min-height:34px;cursor:pointer}.language-control option{color:#233b2c;background:white}.card-topline{gap:8px}.card-topline .card-domain{margin-right:auto;letter-spacing:1.4px}.card-topline .language-control select{max-width:119px;font-size:9px}.directory-header{margin-top:0}body{font-family:"Noto Sans Thai","Noto Sans",Tahoma,"Segoe UI",sans-serif}