:root{color-scheme:dark;--bg:#071321;--p:#132538;--b:#30455b;--text:#e8f5ff;--muted:#9ab0c6;--teal:#46e3d1;--aqua:#66c7ed;--amber:#ffcf86}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Tahoma,'Noto Sans Thai',sans-serif;background:radial-gradient(ellipse 70% 33% at 65% -5%,#194056bb,transparent),radial-gradient(ellipse 48% 25% at 2% 25%,#14364455,transparent),var(--bg);color:var(--text);line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.shell{width:min(1160px,calc(100% - 44px));margin:auto}.top{position:sticky;top:0;z-index:20;background:#071421eb;border-bottom:1px solid #31445a60;backdrop-filter:blur(12px)}.head{min-height:80px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:900;white-space:nowrap;letter-spacing:.1px}.brand em{font-style:normal;color:var(--teal)}.brand small{display:block;font-size:10px;color:#8cb1bb;font-weight:700;letter-spacing:2px}.brand-mark{border-radius:13px;padding:8px;background:linear-gradient(125deg,#3de2ce,#62aaf5);color:#062438;box-shadow:0 0 22px #39e3d13b;font-size:20px}.head nav{display:flex;gap:22px;margin-left:auto}.head nav a{font-size:13px;color:#b4cbdb}.head nav a:hover{color:var(--teal)}.nav-actions{display:flex;gap:9px;align-items:center}.nav-actions select,.voice-toolbar select{background:#16283a;border:1px solid #39516b;color:#fff;border-radius:10px;padding:10px 8px;max-width:125px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #3d5770;color:#e7f6ff;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:700;background:#20364b;white-space:normal;text-align:center;min-height:44px}.btn:hover{background:#2b475f}.btn.primary{border-color:transparent;background:linear-gradient(115deg,#42e4cf,#67c3ef);color:#042533}.btn.primary:hover{background:linear-gradient(115deg,#73f0df,#85d5f7)}.btn.muted{background:#1c3144}.btn.wide{width:100%}.hero{padding:70px 0;min-height:560px;display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid #2d8f85;border-radius:100px;background:#0e383475;color:#67e5d5;font-size:12px;font-weight:800;letter-spacing:1px}.pulse{width:7px;height:7px;border-radius:100%;background:#4be7d2;box-shadow:0 0 0 5px #4be7d323}h1{font-size:clamp(36px,5vw,63px);line-height:1.17;letter-spacing:-.8px;margin:21px 0 18px}h1 em{display:block;color:var(--teal);font-style:normal}.hero-copy p{max-width:540px;color:#afc3d4;font-size:15px}.buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.hero-tags{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;font-size:11px;color:#a1b6cb}.showcase{background:linear-gradient(150deg,#193448,#0e2032 65%,#132037);border:1px solid #3c6479;border-radius:27px;padding:24px;box-shadow:0 25px 75px #020711aa;overflow:hidden}.show-top,.show-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}.show-top strong{font-size:14px}.live-tag{font-size:10px;color:#7be2d6;border:1px solid #366c7b;border-radius:100px;padding:5px 9px}.orb-wrap{display:grid;place-items:center;height:175px}.orb{display:grid;place-items:center;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle at 45% 35%,#84ffff,#3dc8c9 40%,#174565 76%);box-shadow:0 0 20px #45e4e277,0 0 0 22px #46e4cf10,0 0 0 45px #46e4cf08}.wave{display:flex;align-items:center;gap:5px;height:50px}.wave i{width:5px;height:22px;border-radius:5px;background:#073a4b}.wave i:nth-child(2n){height:35px}.wave i:nth-child(3n){height:15px}.showcase h3{text-align:center;font-size:20px;margin:5px 0}.showcase>p{text-align:center;color:var(--muted);font-size:12px;margin:2px 0 22px}.show-row{padding:14px;border:1px solid #345872;background:#0d2334;border-radius:13px;display:flex;justify-content:space-between;gap:12px;align-items:center}.show-row small,.membership small,.bill small,.wallet-line small{display:block;color:#8baabe;font-size:11px}.show-row strong{display:block;font-size:12px}.status-label{color:var(--amber);border:1px solid #8c6335;background:#4f35182e;border-radius:9px;font-weight:700;font-size:11px;padding:8px}.show-foot{margin-top:19px;padding-top:13px;border-top:1px solid #315068;font-size:10px;color:#92adc0}.section{padding:67px 0}.toned{background:#0c1b2b9c;border-top:1px solid #293b4b88;border-bottom:1px solid #293b4b88}.section-title{text-align:center;margin:0 auto 32px;max-width:680px}.overline{color:#6ce7d8;letter-spacing:2px;font-size:11px;font-weight:850}.section-title h2,.split h2{font-size:clamp(27px,3vw,38px);line-height:1.25;margin:9px 0}.section-title p,.split p{color:#9eb5c8;font-size:14px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{position:relative;border:1px solid #33485c;border-radius:19px;background:linear-gradient(160deg,#1b2d40,#0d1d2f);padding:25px;display:flex;flex-direction:column;min-height:344px}.plan.popular{border-color:#45d9cd;box-shadow:0 0 0 1px #45d9cd22,0 15px 40px #2bd8c015}.plan-top{color:#5bdacf;font-size:12px;font-weight:800;letter-spacing:1px}.plan h3{font-size:21px;margin:8px 0}.plan .price{font-size:39px;font-weight:900;margin:7px 0}.plan .price small{font-size:14px;color:#9bb4c5;font-weight:600}.plan p{color:#9eb4c9;font-size:12px;margin:0}.plan ul{list-style:none;margin:20px 0;padding:0;color:#b5c9d9;font-size:12px}.plan li{margin:8px 0}.plan li:before{content:'✓';color:#51e7d1;font-weight:900;margin-right:10px}.plan .btn{margin-top:auto}.flag{position:absolute;top:-12px;right:19px;border-radius:50px;background:#5be8d4;padding:3px 13px;font-size:11px;color:#0d2d3d;font-weight:850}.note{text-align:center;color:#a2bbc9;font-size:12px;margin-top:23px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{border:1px solid #314a60;background:#14273a;border-radius:16px;padding:24px}.step span{background:#1a4750;border:1px solid #36afac;color:#5ee9db;padding:8px 10px;border-radius:11px;font-weight:800}.step h3{margin:22px 0 7px;font-size:16px}.step p{font-size:12px;color:#96b1c8;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.tech-pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.tech-pills span{padding:10px 14px;border:1px solid #356177;background:#1a3749;border-radius:11px;font-size:12px;color:#c3dfeb}footer{padding:27px 0;background:#050e17}footer strong{font-size:15px}.foot{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:12px;color:#93a8b9}.foot p{font-size:11px;color:#7d9aac;margin:5px 0}.overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:#000a16d9;backdrop-filter:blur(7px)}[hidden]{display:none!important}.dialog{width:min(100%,565px);max-height:90dvh;overflow-y:auto;padding:28px;background:linear-gradient(155deg,#1a2e44,#0e1b2d);border:1px solid #3b5a72;border-radius:20px;box-shadow:0 20px 90px #0008}.member-dialog{max-width:650px}.dialoghead{display:flex;justify-content:space-between;gap:14px}.dialoghead h2{font-size:23px;margin:0}.hint{color:#97afc3;font-size:12px;line-height:1.65}.close{width:38px;height:38px;font-size:22px;background:#24394e;color:#ddecff;border:1px solid #3b5266;border-radius:10px;flex:none}.dialog form label{display:block;margin:18px 0 6px;font-size:13px;font-weight:750}.dialog form input{background:#0b1c2c;border:1px solid #3e5a6f;border-radius:11px;color:white;padding:13px;width:100%;outline-color:var(--teal)}.dialog form .btn{margin-top:25px}.link-button{color:#79e4db;font-size:13px;background:none;border:0;display:block;margin:18px auto 0}.smallnote{font-size:11px;color:#7e98ad}.bill{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#0c2335;padding:17px;border:1px solid #32576c;border-radius:14px;margin-top:21px}.bill strong{font-size:21px}.bill-amount{text-align:right}.bill-amount strong{color:#5fe5d5;font-size:30px}.inv-id{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#acbfd1}.inv-id code{color:white}.qr-wrap{text-align:center;padding:9px 0 14px}.qr-wrap img{background:white;border:8px solid white;border-radius:16px;width:210px;height:210px;object-fit:contain}.qr-note{display:block;font-size:12px;color:#adc2d4;margin-top:7px}.wallet-line{display:flex;justify-content:space-between;gap:9px;align-items:center;border:1px solid #355268;border-radius:12px;padding:12px;margin:10px 0;background:#0b1c2b}.wallet-line>div{min-width:0}.wallet-line code{display:block;overflow-wrap:anywhere;font-size:11px;color:#e6f7ff}.wallet-line .btn{font-size:12px;padding:8px 10px;flex:none}.warning{font-size:12px;color:#ffdfb8;background:#56391e31;border:1px solid #8a693c;border-radius:11px;padding:12px}.inv-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:15px 0}.pay-status{border:1px solid #466478;padding:14px;border-radius:11px;background:#13283b;font-weight:750;font-size:14px;text-align:center}.membership{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.membership>div{border:1px solid #365169;background:#0d2234;border-radius:13px;padding:14px}.membership strong{display:block;margin-top:5px;font-size:18px}.voice-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;font-weight:700}.events{border:1px solid #35536a;border-radius:13px;background:#0a1c2b;padding:10px;margin:15px 0;min-height:110px;max-height:285px;overflow-y:auto}.event{padding:10px;border-bottom:1px solid #284359}.event:last-child{border:0}.event small{display:block;color:#8cacc0}.event strong{font-size:13px}.spaced{margin-top:15px}#toast{position:fixed;z-index:120;bottom:21px;left:50%;transform:translateX(-50%);background:#3e6979;color:white;padding:10px 19px;border-radius:11px;font-weight:700;font-size:13px;display:none;max-width:92vw;text-align:center}#toast.show{display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:950px){.head nav{display:none}.head{justify-content:space-between}.hero{gap:26px}.hero h1{font-size:clamp(34px,4.5vw,53px)}}@media(max-width:760px){.shell{width:min(100% - 30px,560px)}.head{min-height:72px;gap:9px}.brand{font-size:14px}.brand-mark{font-size:16px;padding:8px}.brand small{font-size:8px;letter-spacing:.6px}.nav-actions select{max-width:106px;font-size:12px;padding:7px 3px}.nav-actions .btn{padding:8px 10px;font-size:12px;min-height:38px}.hero{grid-template-columns:1fr;padding:47px 0 49px;min-height:auto}.showcase{padding:19px}.hero-tags{gap:8px;font-size:10px}.hero-copy h1{font-size:clamp(33px,8vw,47px)}.section{padding:51px 0}.plan-grid{grid-template-columns:1fr}.plan{min-height:0}.steps{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:18px}.tech-pills{justify-content:flex-start}.foot{align-items:flex-start;flex-direction:column}.dialog{padding:20px}.inv-actions{grid-template-columns:1fr}.wallet-line{align-items:flex-start;flex-direction:column}.wallet-line .btn{align-self:flex-end}}@media(max-width:430px){.head{flex-wrap:wrap;padding:9px 0}.nav-actions{margin-left:auto}.hero-copy h1{font-size:36px}.steps{grid-template-columns:1fr}.dialog{padding:16px}.membership{grid-template-columns:1fr}.bill-amount strong{font-size:25px}.show-row{flex-wrap:wrap}}

/* ADMIN-only quick voice monitor. Visibility also enforced by the authenticated /me result. */
.admin-voice-quick[hidden]{display:none!important}
.admin-voice-quick{margin-top:15px;padding:15px;border:1px solid #268e83;border-radius:14px;background:#092d3599}
.admin-voice-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:10px;color:#79f2df;font-size:13px}
.admin-voice-head span{font-size:10px;color:#a7c8c7}
.admin-voice-quick label{display:block;font-size:12px;color:#b7d3dd;margin:0 0 6px}
.admin-voice-quick select{width:100%;padding:9px;background:#142b3c;border:1px solid #3e6578;border-radius:9px;color:#fff}
.admin-voice-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:11px 0}
.admin-voice-actions #adminVoiceLive{grid-column:1/-1}
.admin-voice-actions .btn{font-size:12px;padding:8px;min-height:40px}
.admin-voice-status{font-size:12px;color:#76e9d9;padding-top:5px;min-height:24px}
.admin-voice-event{font-size:12px;color:#d4e9f1;margin-top:4px;overflow-wrap:anywhere}
.admin-voice-hint{font-size:10px;color:#99bdc9;line-height:1.5;margin:10px 0 0}