/* คุยเทรด — รอบ 14 (แบบรอบ 12B): ขาวเป็นหลัก · น้ำเงิน #1570EF · ลิงก์ #1660C9 · ตัวอักษร #161616 · กำไร #15803D · ขาดทุน #DC2626 · LINE #06C755 · ไม่มีโหมดมืด */
/* สีทั้งเว็บเป็นตัวแปร (รอบ 8 · รอบ 14 เหลือธีมเดียว) · สีในแอตทริบิวต์ของ SVG (กราฟ) ถูกแปลงด้วยกฎท้ายบล็อกนี้ */
:root{--bg:#FFFFFF;--surface:#FFFFFF;--surface2:#FAFAFA;--hover:#F4F4F4;--track:#ECECEC;--line:#EFEFEF;--border:#E6E6E6;--ctl:#D9D9D9;--text:#161616;--text2:#3B3B3B;--text3:#545454;--mute:#767676;
  --link:#1660C9;--linkh:#0F5ED6;--brand:#1570EF;--navon:#EEF5FF;--navon2:#F7FAFF;--navbd:#B9D3FB;--inv:#161616;
  --pos:#15803D;--posfill:#16A34A;--okbg:#EAF7EF;--okbd:#BFE5CC;--oktx:#14532D;--neg:#DC2626;--negbg:#FDEDED;--negbd:#F3B4B4;--negtx:#B91C1C;--negsoft:#FDECEC;
  --tagbg:#FEF4E6;--tagbd:#F6D7A8;--tagtx:#7A3E06;--warn:#B45309;color-scheme:light}
[stroke="#1E63F4"],[stroke="#1570EF"]{stroke:var(--brand)}[stroke="#A8322A"]{stroke:var(--neg)}[stroke="#B8C1CD"],[stroke="#C9D0DA"]{stroke:var(--ctl)}[stroke="#E3E7EE"]{stroke:var(--border)}[stroke="#EEF0F3"]{stroke:var(--line)}
[fill="#EEF0F3"]{fill:var(--track)}[fill="#F6D9D5"]{fill:var(--negsoft)}
/* ฟอนต์ของภาษาที่ Kanit / Sarabun ไม่มีตัวอักษร (รอบ 8) */
:root{--fx:'Noto Sans Thai'}html[lang=lo]{--fx:'Noto Sans Lao'}html[lang=my]{--fx:'Noto Sans Myanmar'}html[lang=km]{--fx:'Noto Sans Khmer'}html[lang=zh]{--fx:'Noto Sans SC'}html[lang=ja]{--fx:'Noto Sans JP'}html[lang=ko]{--fx:'Noto Sans KR'}
html[lang=lo] .num,html[lang=my] .num,html[lang=km] .num{font-family:'Geist',var(--fx),ui-monospace,monospace}
*{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%;overflow-y:scroll}   /* มีแถบเลื่อนเสมอ → หัวเว็บไม่ขยับเมื่อสลับระหว่างหน้าสั้นกับหน้ายาว */
body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans Thai',var(--fx),system-ui,sans-serif;font-size:16px;line-height:1.6}
a{color:var(--link);text-underline-offset:3px}a:hover{color:var(--linkh)}
:focus-visible{outline:3px solid var(--link);outline-offset:2px}
button{font-family:inherit}
/* จอกว้าง: ขนาดตัวหนังสือคงที่ตั้งแต่จอ 1440px ขึ้นไป (ไม่ขยายทั้งหน้า) · พื้นที่เนื้อหาขยายตามจอจนถึง 2400px แล้วอยู่กลางจอ · กริดการ์ดเพิ่มคอลัมน์เอง (K.cols) · หน้าบทความกว้าง 60% ของจอ ไม่เกิน 1440px */
.wrap{max-width:clamp(var(--wrap,2400px),60vw,1440px);margin:0 auto;padding:0 clamp(16px,4vw,max(56px,3vw))}
.wrap.chrome{max-width:2400px}
.w-wide{--wrap:2400px}.w-read{--wrap:880px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;background:var(--surface);padding:10px 14px;z-index:60}
.sr{position:absolute;left:-9999px}

/* หัวเว็บ: ติดบนเสมอ ความกว้างคงที่ทุกหน้า */
.top{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--border);border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--brand),#7DB6F6 55%,#22C55E) 1 0 0 0}
.topbar{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:16px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--brand);min-height:44px}
.lg{display:block;flex-shrink:0;background-repeat:no-repeat;background-position:left center;background-size:contain;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.navlinks{display:flex;gap:2px;flex-wrap:nowrap}
.navlinks a{color:var(--text2);text-decoration:none;font-size:15.5px;padding:0 12px;border-radius:8px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0;flex-direction:column;justify-content:center}
.navlinks a:hover{background:var(--hover);color:var(--text)}
.navlinks a.on{color:var(--text);font-weight:600;background:var(--navon)}
/* กันความกว้างขยับเมื่อตัวหนา: จองที่ด้วยข้อความตัวหนาที่มองไม่เห็น */
.navlinks a::after,.tabs a::after{content:attr(data-label);font-weight:600;height:0;overflow:hidden;visibility:hidden;pointer-events:none;user-select:none}
.topright{display:flex;gap:10px;align-items:center}
.menu-btn{display:none;width:48px;height:48px;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--ctl);background:var(--surface);cursor:pointer;padding:0}
.drawer{display:none;background:var(--surface);border-bottom:1px solid var(--border);padding:8px 12px 16px}
.drawer a{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:0 8px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;font-size:17px}
/* รอบ 9H: ถอดแถบราคา TradingView ใต้หัวเว็บออก (คำสั่งเจ้าของ 12/10/2026) — ราคาย้ายไปส่วน "ราคาตลาด" บนหน้าแรก */
.mockbar{background:#4A3400;color:#FFFFFF;font-size:14px;padding:8px 0;text-align:center}
.betabar{background:var(--navon);color:var(--text);font-size:14px;line-height:1.5;padding:8px 16px;text-align:center;border-bottom:1px solid var(--navbd)}.betabar a{font-weight:600;white-space:nowrap}
.mbar{display:none;position:sticky;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--border);padding:10px 16px}
@media (max-width:1023px){.navlinks.main{display:none}.menu-btn{display:inline-flex}.drawer.open{display:block}}
/* รอบ 55: หัวเว็บเป็น sticky → เมนูมือถือที่ยาวกว่าจอเลื่อนไม่ถึงรายการล่าง → ให้เมนูเลื่อนในตัวเอง (สูงไม่เกินจอ) */
.drawer.open{max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(16px + env(safe-area-inset-bottom))}      /* รอบ 20: เมนูหลักเหลือ 4 ช่อง (บริการ ▾ · พาร์ทเนอร์ ▾ · คอร์ส · ติดต่อ) → ยุบเป็นปุ่มเมนูที่จอแคบกว่า 1024px (เดิม 1280px) · ภาษาที่ยาวกว่าที่ช่องรับได้ fitNav ยุบให้เอง */
@media (max-width:639px){.hide-sm{display:none !important}.mbar{display:block}.topbar{min-height:64px;gap:8px}.subnav{top:67px !important}
  .topright{gap:6px}.logo{gap:8px}}
.topright{flex-shrink:0}
/* รอบ 20: เมนูกลุ่มในหัวเว็บ (บริการ · พาร์ทเนอร์) — ปุ่มเปิดแผงรายการ · แต่ละรายการมีไอคอน ชื่อ และคำอธิบายสั้น */
.ndd{position:relative;display:flex;flex-shrink:0}
.ndb{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 9px 0 12px;border:0;border-radius:8px;background:transparent;color:var(--text2);font:inherit;font-size:15.5px;white-space:nowrap;cursor:pointer}
.ndb:hover,.ndd.open .ndb{background:var(--hover);color:var(--text)}
.ndb.on{color:var(--text);font-weight:600;background:var(--navon)}
.ndb>span{display:inline-flex;flex-direction:column}.ndb>span::after{content:attr(data-label);font-weight:600;height:0;overflow:hidden;visibility:hidden;pointer-events:none;user-select:none}      /* จองความกว้างตัวหนา: หัวเว็บไม่ขยับเมื่อกลุ่มถูกเลือก */
.ndb svg{transition:transform .15s ease}.ndd.open .ndb svg{transform:rotate(180deg)}
.ddp{display:none;position:absolute;left:-8px;top:100%;padding-top:8px;z-index:46;width:max-content;max-width:min(420px,calc(100vw - 32px))}
.ndd.open .ddp{display:block}
@media (hover:hover){.ndd:not(.nohover):hover .ddp{display:block}.ndd:not(.nohover):hover .ndb svg{transform:rotate(180deg)}}
.ddl{display:flex;flex-direction:column;gap:2px;min-width:320px;padding:8px;border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:0 14px 36px rgba(14,23,38,.14)}
.navlinks .ddi{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;min-height:60px;padding:8px 12px 8px 8px;border-radius:10px;white-space:normal;color:var(--text);font-size:15.5px}
.navlinks .ddi::after{content:none}
.navlinks .ddi:hover{background:var(--hover);color:var(--text)}
.navlinks .ddi.on{background:var(--navon);font-weight:400}
.ddic{width:42px;height:42px;border-radius:11px;background:var(--navon);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.navlinks .ddi:hover .ddic{background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--navbd)}
.ddt{display:flex;flex-direction:column;gap:1px;min-width:0}.ddt b{font-size:15.5px;font-weight:600;color:var(--text);line-height:1.35}.ddt span{font-size:13.5px;line-height:1.45;color:var(--text3)}
.drawer .dgrp{padding-top:6px}.drawer .dgrp+.dgrp{padding-top:14px}
.drawer .dgh{font-size:13.5px;font-weight:600;color:var(--text3);padding:6px 8px 2px}
.drawer .dgi{display:inline-flex;align-items:center;gap:12px}
.drawer a[aria-current=page]{color:var(--link);font-weight:600}
/* รอบ 8 — หน้าแรก: แถบพาร์ทเนอร์เลื่อนเอง · บล็อกบริการ (ข้อความซ้าย · หน้าต่างภาพขวา · แถบเลือกใต้ภาพ) */
@keyframes ktmq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.mqtrack{display:flex;width:max-content;animation:ktmq 40s linear infinite}.mqset{display:flex}
.mq:hover .mqtrack,.mq:focus-within .mqtrack{animation-play-state:paused}
.pcard{display:flex;align-items:center;gap:12px;min-height:68px;margin-right:12px;padding:10px 18px 10px 12px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;flex-shrink:0}
a.pcard:hover{border-color:var(--link);color:var(--text)}
.pcard b{font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:16px;font-weight:600;line-height:1.3}
/* รอบ 9E: แถบ "พาร์ทเนอร์ของเรา" บนหน้าแรก — ไม่มีกรอบการ์ดและไม่มีเส้นกรอบโลโก้ (การ์ดในหน้าต่างบริการ .win ยังเป็นแบบเดิม) */
.mq .pcard{border:0;background:none;padding:10px 0;margin-right:32px}.mq a.pcard:hover b{color:var(--link)}
.mq .plogo{box-shadow:none}.mq .plogo:has(img){background:var(--bg)}.mq .plogo img{background:none}
.mq .plogo img{mix-blend-mode:multiply}      /* รูปโลโก้พื้นขาวทึบ: คูณสีกับพื้นกล่อง (= สีพื้นหน้า) → พื้นขาวกลืนไปกับหน้า */


.plogo{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;background:var(--navon);color:var(--link);font-family:'Noto Sans Thai',sans-serif;font-size:20px;font-weight:600;flex-shrink:0;overflow:hidden}
.plogo img{width:100%;height:100%;object-fit:contain;background:#FFFFFF;border-radius:inherit}.plogo{box-shadow:0 0 0 1px var(--border)}.plogo.wide{width:92px}
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pgrid>.pstack:nth-child(n+5){display:none}@media (min-width:520px) and (max-width:899px),(min-width:1200px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.pgrid>.pstack:nth-child(n+5){display:flex}}
.pstack{margin:0;min-width:0;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;min-height:0;overflow:hidden}.pstack .pname{display:flex;flex-direction:column;min-width:0;max-width:100%}.pstack .pname b,.pstack .pname .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.pstack .plogo{max-width:100%}
.show{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"text stage" ". tabs";column-gap:56px;row-gap:16px;align-items:center}
.showtext{grid-area:text;min-width:0}
.svtext{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.svtitle{margin:0;font-size:clamp(30px,2vw + 18px,46px);line-height:1.2;font-weight:500;color:var(--text)}
.svdesc{margin:0;max-width:460px;min-height:3.4em;font-size:18px;line-height:1.7;color:var(--text2)}
.svstats{display:flex;flex-wrap:wrap;gap:12px 32px;margin:16px 0 0}
.svstats dt{font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:17px;line-height:1.4;font-weight:600;color:var(--text)}
.svstats dd{margin:0;font-size:13.5px;line-height:1.4;color:var(--text3)}
.stage{grid-area:stage;min-width:0;padding:40px 44px;border-radius:20px;border:1px solid var(--border);background-color:var(--surface2);background-image:radial-gradient(circle at 88% 0%,color-mix(in srgb,var(--brand) 30%,transparent),transparent 62%),radial-gradient(color-mix(in srgb,var(--text3) 26%,transparent) 1px,transparent 1px);background-size:auto,14px 14px}
.win{display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 32px rgba(14,23,38,.12);overflow:hidden}
.winbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:52px;padding:8px 16px;border-bottom:1px solid var(--border)}
.winbar b{font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:16px;font-weight:600}
.windots{display:inline-flex;gap:6px}.windots span{width:10px;height:10px;border-radius:50%;background:var(--ctl)}
.winbody{display:flex;flex-direction:column;justify-content:center;gap:14px;height:300px;padding:20px}
.svtabs{grid-area:tabs;display:flex;flex-wrap:wrap;gap:6px}
.svtab{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text3);font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:15.5px;cursor:pointer;white-space:nowrap;overflow:hidden}
.svtab:hover{color:var(--text)}.svtab.on{background:var(--navon);color:var(--text)}
@keyframes ktprog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.prog{display:none;position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--link);transform-origin:left center}
.svtab.on .prog{display:block;animation:ktprog 7s linear forwards}
.show:hover .prog,.show:focus-within .prog{animation-play-state:paused}
.show.noauto .prog{animation:none;transform:scaleX(1)}
@media (max-width:899px){.show{grid-template-columns:minmax(0,1fr);grid-template-areas:"tabs" "text" "stage";row-gap:20px}.stage{padding:14px}}
@media (prefers-reduced-motion:reduce){.mqtrack{animation:none}.mq{overflow-x:auto}.prog{animation:none !important;transform:scaleX(1)}}
/* รอบ 8: ปุ่มควบคุมบนหัวเว็บ (ภาษา · ธีม) · เมนูภาษา · ท้ายเว็บ */
.ctl{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--ctl);background:var(--surface);color:var(--text);font:inherit;font-size:14.5px;cursor:pointer}
.ctl:hover{border-color:var(--brand)}
.langdd{position:relative}
.langmenu{position:absolute;right:0;top:calc(100% + 8px);z-index:45;width:236px;max-height:min(70vh,470px);overflow:auto;padding:6px;border-radius:12px;border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 32px rgba(14,23,38,.18)}
.langitem{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 12px;border-radius:8px;color:var(--text);text-decoration:none;font-size:15.5px}
.langitem:hover{background:var(--hover);color:var(--text)}
.langitem.on{background:var(--navon);font-weight:600}
.langitem .num{font-size:12.5px;color:var(--text3);font-weight:400}
.thdd .ctl{padding:0;width:44px}
.thmenu{width:248px}
.langmenu{max-width:calc(100vw - 16px)}      /* รอบ 55: จอแคบ — ไม่กว้างกว่าจอ (ตำแหน่งปรับด้วย fitMenu ใน App.html) */
button.langitem{width:100%;border:0;background:transparent;font:inherit;font-size:15.5px;cursor:pointer;justify-content:flex-start;text-align:left}
button.langitem>span{flex:1 1 auto}
button.langitem>svg:last-child{visibility:hidden;color:var(--link)}
button.langitem[aria-pressed=true]{background:var(--navon);font-weight:600}
button.langitem[aria-pressed=true]>svg:last-child{visibility:visible}
.thnote{margin:6px 4px 2px;padding:8px 8px 2px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.5;color:var(--text3)}
.dtheme{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:14px 8px 0}
.dtheme button{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:60px;justify-content:center;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text2);font:inherit;font-size:13.5px;cursor:pointer}
.dtheme button[aria-pressed=true]{border-color:var(--brand);background:var(--navon);color:var(--text);font-weight:600}
@media (max-width:359px){.thdd{display:none}}
.drawer a.btn{justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-bottom:1px solid transparent;color:#FFFFFF;font-size:16px}
/* ชื่อภาษาในเมนู: ฟอนต์ชุดย่อย (เฉพาะตัวอักษรของชื่อภาษา) ให้เครื่องที่ไม่มีฟอนต์ลาว พม่า เขมร อ่านชื่อได้ */
.langitem[lang=lo]{font-family:'Noto Sans Lao',sans-serif}.langitem[lang=my]{font-family:'Noto Sans Myanmar',sans-serif}.langitem[lang=km]{font-family:'Noto Sans Khmer',sans-serif}.langitem[lang=zh]{font-family:'Noto Sans SC',sans-serif}.langitem[lang=ja]{font-family:'Noto Sans JP',sans-serif}.langitem[lang=ko]{font-family:'Noto Sans KR',sans-serif}
.drawer .drow{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:0 8px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:17px;text-align:left;cursor:pointer}
.footband{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;padding-top:36px;padding-bottom:36px}
.footgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 56px;align-items:start;padding-top:36px;padding-bottom:28px}
#footnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
@media (max-width:719px){.footgrid{grid-template-columns:minmax(0,1fr)}#footnav{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[lang=ja] .navlinks a,html[lang=my] .navlinks a{padding:0 9px}
@media (max-width:1439px){.navlinks a{padding:0 9px}}      /* รอบ 17: เมนูหลัก 8 ช่อง (+ คอร์สเรียนรู้) → ช่องแคบลงที่จอ 1280–1439px หัวเว็บยังแถวเดียว */
@media (max-width:359px){.ctl{padding:0 8px;min-width:40px}.topbar{gap:6px}.topright{gap:4px}}

.t1,.h2,.h3,.kicker,.btn,.pill,.badge,h1,h2,h3{font-family:'Noto Sans Thai',var(--fx),sans-serif}
.kicker{font-size:14px;font-weight:600;color:var(--link)}
.t1{font-size:clamp(30px,1.4vw + 22px,42px);line-height:1.22;font-weight:500;letter-spacing:-0.005em;margin:10px 0 16px;color:var(--text)}
.h2{font-size:28px;line-height:1.3;font-weight:500;letter-spacing:-0.005em;margin:0 0 8px;color:var(--text)}
.h3{font-size:19px;line-height:1.4;font-weight:600;margin:0;color:var(--text)}
.sub{font-size:18px;line-height:1.7;color:var(--text3);margin:0}
.body{font-size:16px;line-height:1.75;color:var(--text2)}
.lbl{font-size:14px;color:var(--text3)}
.hint{font-size:13.5px;color:var(--text3)}
.num{font-family:'Geist','Noto Sans Thai',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.pos{color:var(--pos)}.neg{color:var(--neg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:10px;font-weight:500;font-size:16px;text-decoration:none;border:1px solid transparent;cursor:pointer}
.btn-pri{background:#1E63F4;color:#FFFFFF}.btn-pri:hover{background:#1247B8;color:#FFFFFF}
.btn-sec{background:var(--surface);border-color:var(--ctl);color:var(--brand)}.btn-sec:hover{border-color:var(--brand);color:var(--linkh)}
.btn-sm{min-height:44px;padding:0 16px;font-size:15px}
.btn[aria-busy=true]{opacity:.7;pointer-events:none}
.btn[disabled]{opacity:.6;cursor:not-allowed}
/* รอบ 7: แถบหน้าตัวอย่าง · ตารางที่กลายเป็นการ์ดบนมือถือ */
.pvbar{background:var(--tagbg);border-bottom:1px solid var(--tagbd);color:var(--tagtx);font-size:14.5px;line-height:1.5}
.pvbar .wrap{display:flex;gap:10px;align-items:center;padding-top:10px;padding-bottom:10px}
.pvnote{background:var(--tagbg);border:1px solid var(--tagbd);border-radius:12px;padding:12px 16px;font-size:14.5px;line-height:1.6;color:var(--tagtx);display:flex;gap:10px;align-items:flex-start}
@media (max-width:639px){.cardtable thead{position:absolute;left:-9999px}.cardtable tr{display:block;padding:14px 16px;border-bottom:1px solid var(--line)}.cardtable tbody tr:last-child{border-bottom:0}
  .cardtable td,.cardtable th[scope=row]{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;border:0;white-space:normal;text-align:right;background:transparent}
  .cardtable td::before{content:attr(data-label);color:var(--text3);font-family:'Noto Sans Thai',var(--fx),system-ui,sans-serif;font-size:13.5px;font-weight:400;text-align:left;flex-shrink:0}
  .cardtable th[scope=row]{font-weight:600;font-size:16.5px;color:var(--text);text-align:left;padding-bottom:6px}}
/* รอบ 7B: หัวคอลัมน์ที่กดเรียงได้ (ลูกศรจองที่ไว้เสมอ → ความกว้างคอลัมน์ไม่ขยับเมื่อเปลี่ยนการเรียง) */
.sortbtn{font:inherit;color:var(--link);background:transparent;border:0;border-radius:6px;padding:0 2px;margin:-8px -2px;min-height:36px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.sortbtn:hover{background:var(--navon)}.sortbtn.on{color:var(--text)}.sortbtn span{font-size:12px;width:10px;text-align:center;opacity:.55}.sortbtn.on span{opacity:1}
.card{background:var(--surface);border:1px solid var(--border);border-radius:14px}
.chip{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;padding:5px 12px;border-radius:999px;background:var(--okbg);color:var(--pos);font-weight:500;white-space:nowrap}
.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--posfill);display:inline-block}
.chip.warn{background:var(--tagbg);color:var(--warn)}.chip.warn .dot{background:#C98300}
.chip.off{background:var(--track);color:var(--text3)}.chip.off .dot{background:var(--mute)}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--link);padding:5px 10px;border-radius:8px;background:var(--navon);white-space:nowrap}
.pill{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--ctl);background:var(--surface);color:var(--text2);font:inherit;font-size:15px;cursor:pointer}
.pill:hover{border-color:var(--brand)}
.pill.sel{background:#1E63F4;border-color:var(--brand);color:#FFFFFF;font-weight:600}
.segs{display:inline-flex;gap:2px;background:var(--track);padding:3px;border-radius:10px;flex-wrap:wrap}
.seg{min-height:44px;min-width:48px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--text2);font:inherit;font-size:14.5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.seg.sel{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px rgba(14,23,38,.12)}
.tabs{display:flex;gap:28px;border-bottom:1px solid var(--border);margin-top:24px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tabs a{flex-shrink:0;white-space:nowrap;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;min-height:48px;padding:0 4px;text-decoration:none;font-size:16px;color:var(--text3);border-bottom:3px solid transparent}
.tabs a.on{color:var(--text);font-weight:600;border-bottom-color:var(--brand)}
table{border-collapse:collapse;width:100%}
th{font-weight:500;font-size:13.5px;color:var(--text3);text-align:right;padding:14px 16px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface2)}
th:first-child,td:first-child{text-align:left}
td{padding:16px;border-bottom:1px solid var(--line);text-align:right;font-size:15px;white-space:nowrap;color:var(--text)}
tbody tr:last-child td{border-bottom:0}
.check{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.55;color:var(--text)}
.note{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:16px 18px;font-size:14.5px;line-height:1.7;color:var(--text2)}
.warnbox{background:var(--tagbg);border:1px solid var(--tagbd);border-radius:12px;padding:16px 18px;font-size:15px;line-height:1.7;color:var(--tagtx)}
.field select{min-height:48px;border-radius:10px;border:1px solid var(--ctl);background:var(--surface);color:var(--text);padding:0 14px;font:inherit;font-size:16px}
.foot a{color:var(--text2);text-decoration:none;font-size:14.5px;min-height:44px;display:inline-flex;align-items:center}
.foot a:hover{color:var(--text);text-decoration:underline}
.grid-auto{display:grid;gap:20px}
details.card summary{padding:18px 20px;min-height:44px;font-weight:600;cursor:pointer;font-size:16px}
details.card p{margin:0;padding:0 20px 18px;font-size:15.5px}
main [id]{scroll-margin-top:140px}
.subnav{position:sticky;top:75px;z-index:20;background:var(--bg);border-bottom:1px solid var(--border);margin-top:24px}
.subnav .navlinks{overflow-x:auto;min-height:56px;align-items:center;scrollbar-width:none}
.subnav .navlinks::-webkit-scrollbar{display:none}
.skel{border-radius:10px;background:linear-gradient(90deg,var(--track),var(--surface2),var(--track));background-size:200% 100%;animation:sk 1.2s linear infinite}
@keyframes sk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.skel{animation:none}}

/* กราฟการเติบโต */
.chart{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px}
.chart .ylab{display:flex;flex-direction:column;justify-content:space-between;text-align:right;font-size:12px;color:var(--text3);padding-bottom:4px}
.chart .plot{position:relative;touch-action:pan-y;cursor:crosshair}
.chart svg{display:block;width:100%}
.chart .tip{position:absolute;top:8px;transform:translateX(-50%);background:var(--inv);color:#FFFFFF;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.6;box-shadow:0 4px 14px rgba(14,23,38,.18);white-space:nowrap;pointer-events:none;z-index:2}
.chart .cur{position:absolute;top:0;bottom:0;border-left:1px dashed var(--brand);pointer-events:none}
.chart .wm{position:absolute;right:12px;bottom:12px;font-size:13px;color:rgba(14,23,38,.28);color:color-mix(in srgb,var(--text) 28%,transparent);font-weight:600;letter-spacing:.04em;pointer-events:none}
.xlab{display:flex;justify-content:space-between;margin:8px 0 0 72px;font-size:12px;color:var(--text3)}
.mcell{text-align:center !important;padding:12px 6px !important}
.mcell.up{background:var(--okbg)}.mcell.dn{background:var(--negbg)}
@media (max-width:639px){.chart{grid-template-columns:48px minmax(0,1fr)}.xlab{margin-left:56px}td,th{padding:12px}}
/* รอบ 3: ฟอร์ม · ค้นหา · บทความคู่มือ */
.inp{width:100%;min-height:48px;border-radius:10px;border:1px solid var(--ctl);background:var(--surface);color:var(--text);padding:10px 14px;font:inherit;font-size:16px}
textarea.inp{min-height:120px;resize:vertical;line-height:1.6}
.inp[aria-invalid=true]{border:2px solid var(--neg)}
.flabel{display:block;font-weight:600;font-size:15px;margin-bottom:6px;color:var(--text)}
.ferr{color:var(--neg);font-size:14px;margin-top:6px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.search{position:relative}.search .inp{padding-left:48px;min-height:56px;font-size:17px}.search svg{position:absolute;left:16px;top:17px;pointer-events:none}
.okbox{background:var(--okbg);border:1px solid var(--okbd);border-radius:12px;padding:16px 18px;font-size:15px;line-height:1.7;color:var(--oktx)}
.dbody{font-size:16.5px;line-height:1.8;color:var(--text2)}
.dbody p{margin:10px 0}.dbody h2{font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:21px;font-weight:500;margin:32px 0 6px;color:var(--text)}
.dbody ul{margin:8px 0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.dbody .note,.dbody .warnbox,.dbody .okbox{margin:14px 0}
.dbody img{max-width:100%;height:auto;border:1px solid var(--border);border-radius:10px;margin:10px 0;display:block}
.dstep{display:flex;gap:16px;padding:22px 0 12px;border-top:1px solid var(--border);margin-top:14px}
.dstep>.n{width:36px;height:36px;border-radius:50%;background:#1E63F4;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.dstep>div{min-width:0;flex:1 1 auto}.dstep h3{font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:19px;font-weight:600;margin:3px 0 4px;color:var(--text)}
.copybox{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin:12px 0}
.copybox code{font-family:'Geist',ui-monospace,monospace;font-size:15px;word-break:break-all;flex:1 1 200px;color:var(--text)}
.doclink{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--text)}
.doclink:hover b{text-decoration:underline}.doclink b{font-weight:600}
@media (max-width:639px){.dstep{gap:12px}.dstep>.n{width:32px;height:32px}}
/* รอบ 4: Trading Journal */
.spin{width:40px;height:40px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--brand);animation:spn .9s linear infinite}
@keyframes spn{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin{animation:none}}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:50;background:var(--inv);color:#FFFFFF;border-radius:10px;padding:12px 16px;display:flex;gap:8px;align-items:center;font-size:15px;box-shadow:0 6px 20px rgba(14,23,38,.25);max-width:calc(100vw - 32px)}
.jcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:16px;align-items:start}
.jrow{display:grid;grid-template-columns:minmax(0,1.5fr) 44px minmax(0,1.3fr) 60px 76px;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:14.5px}
.bar{flex:1 1 auto;height:8px;background:var(--track);border-radius:4px;overflow:hidden;min-width:20px}.bar>i{display:block;height:8px;background:var(--brand)}
.jcal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.jday{min-height:62px;min-width:0;border-radius:8px;background:var(--surface);border:1px solid var(--line);padding:6px;display:flex;flex-direction:column;justify-content:space-between;font:inherit;text-align:left;cursor:pointer;overflow:hidden}
.jday.w{background:var(--okbg)}.jday.l{background:var(--negbg)}button.jday:hover{border-color:var(--brand)}
.jdot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;border:2px solid var(--surface);box-sizing:content-box}
.jdot.sm{width:6px;height:6px;margin:-3px 0 0 -3px;border-width:1px}
.jdot::after{content:'';position:absolute;left:-7px;top:-7px;width:24px;height:24px}.jdot:hover,.jdot:focus-visible{transform:scale(1.5);z-index:2}
.only-sm{display:none}
.jgrid{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.jlist{min-width:0;flex:999 1 560px}
.jedit{flex:1 1 400px;max-width:520px;min-width:0;padding:24px;display:flex;flex-direction:column;gap:16px;position:sticky;top:92px;max-height:calc(100vh - 108px);overflow-y:auto;box-shadow:0 8px 28px rgba(14,23,38,.10)}
.jfield{display:flex;flex-direction:column;gap:8px}.jfield>span:not(.hint),.jfield>label{font-weight:600;font-size:14.5px;color:var(--text)}
.jfield .pill{min-height:44px;padding:0 14px;font-size:14.5px}
/* รอบ 97: Journal — บัญชีพักซิงก์ (บันทึกเอง) · เลือกบัญชีที่ซิงก์อัตโนมัติ · ฟอร์มบันทึกเทรดเอง (หน้าต่างซ้อน · มือถือเป็นแผ่นจากล่าง) */
.jpause{margin:0 0 16px;display:flex;flex-direction:column;gap:8px}
.jpause-a{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.jpick{border:1px solid var(--border);border-radius:12px;padding:12px 16px 14px;margin:0 0 16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.jpick legend{font-weight:600;font-size:15px;padding:0 6px;color:var(--text)}
.jpick-o{display:flex;gap:10px;align-items:center;min-height:44px;font-size:14.5px;cursor:pointer;overflow-wrap:anywhere;border-top:1px solid var(--line);padding-top:4px}
.jpick-o input{width:20px;height:20px;flex-shrink:0;margin:0;accent-color:var(--brand)}
.jpick-o input:disabled+span{color:var(--text3)}.jpick-o input:disabled{cursor:not-allowed}
.jpick-f{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px}
.jpick [aria-disabled="true"]{opacity:.55}
.jman-chip{font-size:12.5px;padding:3px 10px}
.mdlg.jmf-dlg{max-width:640px}
.jmf{display:flex;flex-direction:column;gap:14px}
.jmf-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.jmf-f{display:flex;flex-direction:column;gap:4px;min-width:0}.jmf-f.w{grid-column:1/-1}
.jmf-f .flabel{margin-bottom:0;font-size:14px}.jmf-f .hint{font-size:13px}.jmf-f .ferr{margin-top:0;font-size:13px}
.jmf .inp{width:100%;min-width:0}.jmf textarea.inp{resize:vertical;min-height:72px}
.jmf .inp[aria-invalid="true"],.jmf .segs[data-bad]{border-color:var(--neg);box-shadow:0 0 0 1px var(--neg)}
.jmf input[type=number]{-moz-appearance:textfield;appearance:textfield}.jmf input[type=number]::-webkit-inner-spin-button,.jmf input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.jmf .segs{display:flex;flex-wrap:nowrap;align-self:stretch}.jmf .seg{flex:1 1 0;min-width:0;padding:0 10px}
.jmf-acc{background:var(--surface2);border-radius:10px;padding:10px 12px;font-size:14.5px;overflow-wrap:anywhere}
.jmf-sum{margin:0}.jmf-sum:not([hidden]){display:block;padding:10px 12px;border-radius:10px;background:var(--negbg)}
.jmf-act{align-items:center}.jmf-act .jmf-gap{flex:1 1 auto}
.mdlg .jmf-del{color:var(--neg);border-color:var(--negbd)}
.jmf-delc{border:1px solid var(--negbd);background:var(--negbg);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;font-size:14.5px}
.jmf-delc[hidden]{display:none}
.kj .k-bnr>.k-note+.k-note{margin-top:8px}.kj .jman-dn{margin:0}
@media (max-width:639px){.jmf-g{gap:10px 10px}.jmf-sp{display:none}.jmf-f.dt{grid-column:1/-1}.jmf-act .btn{flex:1 1 auto}.jmf-act .jmf-gap{display:none}.jmf-act .jmf-del{flex-basis:100%;order:3}}
@media (max-width:767px){.jpick-o{font-size:var(--m-fs)}.jpick legend,.jmf-f .flabel{font-size:var(--m-fs-s)}.jmf-g{gap:var(--m-gap) 10px}}
.jtrow{cursor:pointer}.jtrow:hover td{background:var(--surface2)}
.keybox{font-family:'Geist',ui-monospace,monospace;font-size:14px;word-break:break-all;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text)}
@media (max-width:899px){.jgrid.editing .jlist{display:none}.jedit{position:static;max-width:none;max-height:none;overflow:visible;flex-basis:100%;padding:18px}}
@media (max-width:639px){.only-sm{display:block}.toast{bottom:84px}.jday{min-height:54px;padding:4px}.jday .num{font-size:11.5px !important}.jrow{grid-template-columns:32px minmax(0,1fr) 56px 72px;gap:4px 8px;font-size:13.5px}.jrow>[role=rowheader],.jrow>[role=columnheader]:first-child{grid-column:1/-1}.jrow>[role=columnheader]:first-child{display:none}.jcal{gap:4px}}
/* รอบ 5: สถานะระบบ + ป้ายเตือนทั้งเว็บ */
.alertbox{margin-top:12px;background:var(--tagbg);border:1px solid var(--tagbd);border-radius:10px;padding:4px 6px 4px 14px;display:flex;gap:10px;align-items:center;font-size:14.5px;line-height:1.55;color:var(--tagtx)}
.alertbox>span{flex:1 1 auto;min-width:0;padding:6px 0;overflow-wrap:anywhere}.alertbox a{color:var(--tagtx);font-weight:600;white-space:nowrap}
.alertbox button{width:44px;height:44px;border:0;background:transparent;cursor:pointer;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}
.alertbox button:hover{background:color-mix(in srgb,var(--tagtx) 12%,transparent)}
.alertbox.bad{background:var(--negbg);border-color:var(--negbd);color:var(--negtx)}.alertbox.bad a{color:var(--negtx)}
.chip.bad{background:var(--negbg);color:var(--negtx)}.chip.bad .dot{background:var(--neg)}
.sbar{display:flex;gap:2px}
.sbar i{flex:1 1 0;min-width:0;height:34px;border-radius:2px;background:var(--posfill);cursor:pointer}
.sbar i.a{background:#C98300}.sbar i.r{background:var(--neg)}.sbar i.n,.sbar i.c{background:var(--track)}
.sbar i:hover{opacity:.7}.sbar i.sel{outline:2px solid var(--text);outline-offset:1px}
.sleg{display:inline-flex;gap:6px;align-items:center}.sleg::before{content:'';width:10px;height:10px;border-radius:2px;background:var(--c);flex-shrink:0}
.sdl{margin:0;display:grid;align-items:start;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);gap:8px 16px;font-size:15px;line-height:1.6}.sdl dd{margin:0}.sdl dt{white-space:nowrap}
.wrapany{overflow-wrap:anywhere}
.sbar:focus-visible{outline-offset:4px}
.ugrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--track);margin:0}
@media (max-width:719px){.ugrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sday:empty{display:none}.sday{margin-top:6px;font-weight:600;color:var(--text)}
.sm-only{display:none}
@media (max-width:639px){.sbar i:nth-child(-n+60){display:none}.sbar i{height:26px}span.sm-only{display:inline}div.sm-only{display:block}.sdl{grid-template-columns:1fr;gap:2px 0}.sdl dt{margin-top:8px}.sdl dt:first-child{margin-top:0}}
/* รอบ 9C: ปุ่มหัวหน้ารายละเอียดบอท (จอแคบ: เรียงเต็มความกว้าง ปุ่มหลักอยู่บนสุด) · หน้าต่างซ้อน · หน้ารายละเอียดโบรกเกอร์ */
.acts{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:639px){.acts{flex-direction:column-reverse;flex-wrap:nowrap;width:100%}.acts>.btn{width:100%}}
.modal{position:fixed;inset:0;z-index:200;background:rgba(11,27,63,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.mdlg{position:relative;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 32px rgba(11,27,63,.25);width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:16px}
.mdlg .mx{position:absolute;top:10px;right:10px}
.mdlg .btn{width:100%}
.btn-line{background:#06752F;color:#FFFFFF}.btn-line:hover{background:#055C25;color:#FFFFFF}
@media (max-width:639px){.modal{align-items:flex-end;padding:0}.mdlg{border-radius:16px 16px 0 0;max-height:92vh;padding:24px 20px 28px}}
.bgrid{display:flex;gap:40px;align-items:flex-start}.bmain{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:36px}.bside{flex:0 0 340px;display:flex;flex-direction:column;gap:16px;position:sticky;top:92px;max-height:calc(100vh - 108px);overflow-y:auto}
.bcard{container-type:inline-size;padding:24px;display:flex;flex-direction:column;gap:14px}.bbtns{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;margin-top:4px}.bbtns>a:last-child{margin-left:auto}
@container (max-width:372px){.bbtns{flex-direction:column-reverse;flex-wrap:nowrap}.bbtns>a{width:100%}}
.bdl{margin:0;display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:8px 16px;font-size:15px}.bdl dd{margin:0;overflow-wrap:anywhere}.bdl dt{overflow-wrap:anywhere}
.bsec{display:flex;flex-direction:column;gap:14px}.bsec>h2{margin:0;font-weight:600}.bsec>h2.h2{font-size:26px;line-height:1.3}.bsec>p{margin:0;font-size:17px;line-height:1.7;color:var(--text2)}
@media (max-height:899px){.bside .btoc{display:none}}
.btable td.s a{white-space:nowrap}.brow{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:479px){.brow{flex-direction:column}.brow>a{width:100%}}
@media (max-width:1119px){.bgrid{flex-direction:column;align-items:stretch;gap:28px}.bmain{flex:none}.bside{position:static;flex:none;order:-1;max-height:none;overflow:visible}.bside .btoc{display:none}}
.btable{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.btable th,.btable td{text-align:left;white-space:normal;vertical-align:top;padding:12px 16px;line-height:1.6}.btable th{background:transparent;font-weight:600}.btable td.k{color:var(--text3);width:24%;min-width:150px}.btable td.d{white-space:nowrap;font-size:14px}
.btoc{display:flex;flex-direction:column;padding:16px 24px}.btoc a{padding:4px 0;text-decoration:none;font-size:15px}.bfacts table{min-width:640px}
@media (max-width:639px){.bfacts table{min-width:0}.bfacts thead{position:absolute;left:-9999px}.bfacts tbody,.bfacts tr,.bfacts td{display:block}.bfacts tr{padding:12px 16px;border-bottom:1px solid var(--line)}.bfacts tbody tr:last-child{border-bottom:0}.bfacts td,.btable td.k{padding:2px 0;border:0;width:auto;min-width:0}.bfacts td.k{font-size:13.5px}.bfacts td.s,.bfacts td.d{display:inline-block;margin-top:6px;margin-right:10px}}
.srcchip{display:inline-block;padding:3px 10px;border-radius:12px;font-size:13.5px;white-space:nowrap;background:var(--tagbg);color:var(--tagtx)}
/* รอบ 17: เมนูยาวเกินหัวเว็บ → ปุ่มเมนู (App.html fitNav) · ป้ายที่ข้อความยาว (บางภาษา) ตัดบรรทัดได้บนจอแคบ */
html.navfold .navlinks.main{display:none}html.navfold .menu-btn{display:inline-flex}html.navfold .drawer.open{display:block}
.chip,.srcchip{max-width:100%}@media (max-width:479px){.chip,.srcchip{white-space:normal}}.srcchip.reg{background:var(--okbg);color:var(--oktx)}.srcchip.kt{background:var(--navon);color:var(--link)}
.bstep{display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.6;color:var(--text2)}.bstep>span{width:32px;height:32px;border-radius:50%;background:var(--navon);color:var(--link);font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.gstep{padding:20px;display:flex;flex-direction:column;gap:8px}.gstep>span{width:36px;height:36px;border-radius:50%;background:var(--navon);color:var(--link);font-weight:600;font-size:17px;display:inline-flex;align-items:center;justify-content:center}
.pillrow{display:flex;gap:8px;flex-wrap:wrap}.pillrow a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:18px;border:1px solid var(--ctl);text-decoration:none;font-size:14.5px;color:var(--text);background:var(--surface)}.pillrow a:hover{border-color:var(--brand)}
.pillrow a.on{background:var(--navon);border-color:var(--navbd);color:var(--link)}
/* ปฏิทินข่าวเศรษฐกิจ (รอบ 9G) · วิดเจ็ตของ TradingView เต็มกรอบ .calbox (ความสูงกำหนดที่นี่) · กรอบในวิดเจ็ตใช้ color-scheme:light ทั้งสองธีม (เหตุผลเดียวกับแถบราคา) */
.calsec{background:var(--bg)}
.calhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:20px}
.calmeta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:14px;color:var(--text3)}
.calctl{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-bottom:14px}
.calcur{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.calcur .lbl{margin-right:4px}.calcur .pill{padding:0 14px;border-radius:8px}
.calbox{position:relative;height:620px;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.calbox[data-cal=full]{height:880px}
.calbox .tradingview-widget-container,.calbox .tradingview-widget-container__widget{height:100%;color-scheme:light}
.calfb{position:absolute;inset:0;display:flex;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;gap:4px;padding:24px;text-align:center;color:var(--text3);font-size:15px;background:var(--surface)}
.calfoot{display:flex;justify-content:space-between;align-items:flex-start;gap:20px 32px;flex-wrap:wrap;margin-top:20px}
.calnote{display:flex;flex-direction:column;gap:6px;max-width:900px;font-size:13.5px;line-height:1.7;color:var(--text3)}
.calpanel{padding:16px 20px;margin-bottom:20px}.calpanel .calctl{margin:0}.calweek{font-weight:600;font-size:16px;margin-bottom:12px}
.calgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.calside{display:flex;flex-direction:column;gap:20px}
.caldl{margin:0;display:flex;flex-direction:column;gap:10px;font-size:14.5px;line-height:1.65}.caldl dt{font-weight:600}.caldl dd{margin:0;color:var(--text2)}
.callv,.calkeys{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14.5px;line-height:1.6;color:var(--text2)}
.callv li{display:flex;gap:10px;align-items:flex-start}
.callvb{flex:none;padding:2px 10px;border-radius:4px;font-size:13px;font-weight:600}
.callvb.hi{background:#FDEDE4;color:#9A3412}.callvb.md{background:#FBF1DD;color:#7A5300}.callvb.lo{background:var(--track);color:var(--text2)}

.calkeys li{display:flex;flex-direction:column;padding-bottom:10px;border-bottom:1px solid var(--line)}.calkeys li:last-child{border-bottom:0;padding-bottom:0}.calkeys b{color:var(--text)}
.calnotecard{padding:18px 20px;margin-top:28px}
@media (max-width:1080px){.calgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){.calmeta{align-items:flex-start}.calbox{height:560px}.calbox[data-cal=full]{height:640px}.calfoot .btn{width:100%;justify-content:center}}
/* ราคาตลาด (รอบ 9H) · วิดเจ็ต Symbol Overview ของ TradingView เต็มกรอบ .mktbox */
.mktsec{background:var(--bg)}
.mkthead{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:860px;margin:0 auto 24px}
.mktcats{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 12px;margin-bottom:24px}
.mktcat{min-height:44px;padding:0 22px;border-radius:999px;border:1px solid var(--ctl);background:var(--surface);color:var(--text);font:600 15px 'Noto Sans Thai',var(--fx),sans-serif;cursor:pointer;letter-spacing:.01em}
.mktcat:hover{border-color:var(--brand)}
.mktcat.sel{background:var(--inv);border-color:var(--inv);color:#FFFFFF}
.mktbox{position:relative;height:520px;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.mktbox .tradingview-widget-container,.mktbox .tradingview-widget-container__widget{height:100%;color-scheme:light}
@media (max-width:720px){.mktbox{height:440px}.mktcats{gap:8px}.mktcat{padding:0 14px;font-size:14px}}
/* รอบ 9I: สรุปผลงานบอทแบบ MQL5 (คำสั่งเจ้าของ 12/10/2026) — การ์ดหน้ารวม · แถบสรุปหัวหน้า · แผงสรุปหน้ารายละเอียด · ไม่มี "หลักฐาน" */
[fill="#1E63F4"]{fill:var(--brand)}
.mute{color:var(--mute)}
.btn-soft{background:var(--navon);color:var(--link);font-weight:600}.btn-soft:hover{background:var(--navbd);color:var(--linkh)}
.bhead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 32px;flex-wrap:wrap}
.bsum{display:grid;grid-template-columns:repeat(3,auto);margin:0;background:var(--surface);border:1px solid var(--border);border-radius:12px}
.bsum>div{padding:12px 20px;min-width:0}.bsum>div+div{border-left:1px solid var(--line)}
.bsum dt{font-size:13px;color:var(--text3);white-space:nowrap}.bsum dd{margin:4px 0 0;font-size:20px;font-weight:600;white-space:nowrap}
.bc{overflow:hidden;display:flex;flex-direction:column;container-type:inline-size}
.bc-hd{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:20px 20px 0}
.bc-tt{flex:1 1 150px;min-width:0;display:flex;flex-direction:column;gap:2px}.bc-tt .h3{font-size:18px}
.bc-ico{width:48px;height:48px;flex:none;border-radius:12px;background:var(--inv);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center}
.bc-ico.grid{background:#7A3E00}.bc-ico.tool{background:#4A5566}
.bc-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:18px 20px 0}
.bc-hero>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.bc-ret{font-size:34px;line-height:1.1;font-weight:600;letter-spacing:-.02em}
.bc-since{align-items:flex-end;text-align:right}.bc-since b{font-weight:600;font-size:15px;white-space:nowrap}
.bc-chart{position:relative;margin-top:10px}.bc-chart svg{display:block;width:100%;height:112px}
.bc-end{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--brand);pointer-events:none}
.bc-x{display:flex;justify-content:space-between;padding:4px 20px 0;font-size:12px;color:var(--mute)}
.bc-chips{display:flex;gap:8px;flex-wrap:wrap;padding:12px 20px 0}
.bc-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 20px 0;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}
.bc-k>div{padding:10px 10px;min-width:0}.bc-k>div+div{border-left:1px solid var(--line)}
.bc-k dt{font-size:12.5px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-k dd{margin:4px 0 0;font-size:15px;font-weight:600;white-space:nowrap}.bc-k dd.mute{color:var(--text3)}      /* รอบ 17: "—" บนพื้นการ์ด #FAFAFA ต่างจากพื้น ≥ 4.5:1 (เดิม --mute 4.35:1) */
@container (max-width:420px){.bc-k{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-k>div:nth-child(3){border-left:0}.bc-k>div:nth-child(n+3){border-top:1px solid var(--line)}}
.bc-box{margin:18px 20px 0;padding:18px;border-radius:12px;background:var(--navon2);border:1px solid var(--navbd);font-size:14.5px;line-height:1.6;color:var(--text2)}
.bc-box ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.bc-box li{display:flex;gap:8px;align-items:center}
.bc-ft{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;margin-top:18px;border-top:1px solid var(--line)}
.bc-ft .btn{margin-left:auto}
.sp{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1.05fr);overflow:hidden;border-radius:18px}
.sp-col{padding:24px 28px;min-width:0;display:flex;flex-direction:column;gap:12px}.sp-col+.sp-col{border-left:1px solid var(--line)}
.sp h3{margin:0;font-size:16px;font-weight:600;color:var(--text2)}
.sp-hd{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sp-val{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.sp-big{font-size:44px;line-height:1.05;font-weight:600;letter-spacing:-.02em}
.sp-chart svg{display:block;width:100%;height:auto}
.sp-ax{font:500 13px 'Geist',ui-monospace,monospace;fill:var(--mute)}
.sp-dot{fill:var(--surface);stroke:var(--brand);stroke-width:2.2}
.sp-acc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:auto 0 0;padding-top:14px;border-top:1px solid var(--line)}
.sp-acc dt,.sp-tiles dt{font-size:12.5px;color:var(--text3)}.sp-acc dd{margin:3px 0 0;font-weight:600;font-size:14.5px;overflow-wrap:anywhere}
.sp-r .hint,.sp-r .note{margin:0}
.rd{position:relative;width:100%;max-width:420px;margin:auto}.rd svg{display:block;width:100%;height:auto}
.rd-lab{position:absolute;display:flex;flex-direction:column;width:max-content;max-width:150px;font-size:13px;line-height:1.3;color:var(--text3);pointer-events:none}.rd-lab b{font-size:15px;font-weight:600;color:var(--text)}.rd-lab b.pos{color:var(--pos)}.rd-lab b.neg{color:var(--neg)}
.rd-lab.mt{transform:translate(-50%,-100%);text-align:center;align-items:center}.rd-lab.mb,.rd-lab.mc{transform:translate(-50%,0);text-align:center;align-items:center}
.rd-lab.sc,.rd-lab.st{transform:translate(0,-50%)}.rd-lab.sb{transform:translate(0,0)}.rd-lab.ec,.rd-lab.et{transform:translate(-100%,-50%);text-align:right;align-items:flex-end}.rd-lab.eb{transform:translate(-100%,0);text-align:right;align-items:flex-end}
.rd-ring{fill:var(--surface);stroke:var(--border)}.rd-ring.alt{fill:var(--surface2)}.rd-sp{stroke:var(--border)}
.rd-poly{fill:var(--brand);fill-opacity:.16;stroke:var(--brand);stroke-width:2.2;stroke-linejoin:round}
.sp-bar{display:flex;flex-direction:column;gap:6px}
.sp-bl{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14.5px;color:var(--text2)}
.sp-bl .hint{display:block;margin:0;font-size:12.5px}.sp-bl b{font-size:16px;font-weight:600;white-space:nowrap}
.sp-track{position:relative;height:8px;border-radius:4px;background:var(--track)}.sp-track i{position:absolute;left:50%;top:-3px;width:1px;height:14px;background:var(--ctl)}
.sp-track span{position:absolute;top:0;height:8px;border-radius:4px}.sp-track .up{background:var(--posfill)}.sp-track .dn{background:var(--neg)}
.sp-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 0}.sp-tiles>div{padding:10px 12px;border-radius:10px;background:var(--surface2);border:1px solid var(--line);min-width:0}.sp-tiles dd{margin:3px 0 0;font-size:17px;font-weight:600}
.sp-cta{margin-top:auto;background:var(--inv);color:#FFFFFF;width:100%;font-weight:600}.sp-cta:hover{background:#1B2A55;color:#FFFFFF}
.mstm{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:24px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);align-items:start}
@media (max-width:1180px){.sp{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-g{grid-column:1/-1;border-bottom:1px solid var(--line)}.sp-r{border-left:0 !important}}
@media (max-width:720px){.sp{grid-template-columns:1fr}.sp-col{padding:18px 16px}.sp-big{font-size:36px}.sp-col+.sp-col{border-left:0;border-top:1px solid var(--line)}.sp-g{border-bottom:0}
  .bsum{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.bsum>div{padding:10px 12px}.bsum dd{font-size:16px;white-space:normal}.bsum dt{font-size:12px;white-space:normal}}
/* ===== รอบ 10A: ระบบหน้าตา v2 (อนุมัติ 14/10/2026) — ตัวแปรใหม่ · แถบความคืบหน้าการเลื่อน · ปุ่มหัวเว็บแบบแคปซูล · หน้าแรกใหม่ (.hv2)
 * สีไล่เฉพาะคำเน้นในหัวข้อ 24px ขึ้นไป (สว่าง #1E63F4→#0284C7 ≥3.8:1 · มืด #6FA1FF→#38BDF8 ≥7.3:1) · ตัวหนังสือทุกสีผ่าน 4.5:1 ทั้ง 2 ธีม */
:root{--grad:linear-gradient(135deg,#1570EF 0%,#0F5ED6 100%);--btnsh:none;--cardsh:0 1px 2px rgba(11,27,63,.05),0 16px 40px rgba(11,27,63,.10);--floatsh:0 12px 28px rgba(11,27,63,.14);
  --heroglow:radial-gradient(60% 70% at 85% 10%,rgba(30,99,244,.12),transparent 70%),radial-gradient(40% 50% at 0% 0%,rgba(2,132,199,.08),transparent 70%);--ctabg:linear-gradient(135deg,#1570EF 0%,#0F5ED6 100%);--pribg:#1570EF;--prifg:#FFFFFF}
.top{border-top:0;border-image:none}
.sprog{height:3px;background:var(--track)}.sprog>span{display:block;height:3px;width:0;background-image:var(--grad)}
.top .btn,.top .ctl,.drawer .btn{border-radius:999px}
/* หน้าแรก v2 · ขนาดตัวหนังสือถึงค่าสูงสุดที่จอ 1440px แล้วคงที่ (กติกาจอกว้างของเว็บ) */
.hv2{--sec:clamp(64px,7vw,96px)}
.hv2 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);left:auto}
.eyebrow{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 14px;border-radius:999px;background:var(--navon);color:var(--link);font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:13.5px;font-weight:600;line-height:1.3}
.eb-dot{width:7px;height:7px;border-radius:50%;background:var(--brand);flex-shrink:0}
.hv-hero .eb-dot{background:var(--posfill)}
.gw{background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;white-space:nowrap}
@media (max-width:399px){html:not([lang="th"]) .gw{white-space:normal}}      /* รอบ 17: ภาษาอื่นนอกจากไทย (คำยาวกว่า) ที่จอแคบ ตัดบรรทัดในคำเน้นได้ ไม่ล้นจอ · ภาษาไทยเหมือนเดิม */
.hv2 .kicker{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 14px;border-radius:999px;background:var(--navon);color:var(--link);font-size:13.5px}
.hv2 .kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand)}
.hv2 .h2{font-weight:600}
.hv2 .btn{font-family:'Noto Sans Thai',var(--fx),sans-serif}
.hv-pill{border-radius:999px;font-weight:600}
.hv2 .btn-pri{background:var(--pribg);color:var(--prifg);box-shadow:var(--btnsh)}.hv2 .btn-pri:hover{background:var(--pribg);color:var(--prifg);filter:brightness(1.08)}
.hv-lg{min-height:54px;padding:0 28px;font-size:17px}
.hv-sec2{background:var(--surface);border-color:var(--ctl);color:var(--text)}.hv-sec2:hover{border-color:var(--brand);color:var(--text)}
.hv-white{background:#FFFFFF;color:#0B1B3F}.hv-white:hover{background:#EAF1FE;color:#0B1B3F}
.hv-ghost{border-color:rgba(255,255,255,.6);color:#FFFFFF;background:transparent}.hv-ghost:hover{background:rgba(255,255,255,.12);color:#FFFFFF}
.hv-stack{display:flex;flex-direction:column;gap:40px}
.hv-head{display:flex;flex-direction:column;gap:14px;max-width:680px}
.hv-h1{margin:0;font-size:clamp(34px,2.6vw + 18px,55px);line-height:1.18;font-weight:600;letter-spacing:-0.3px;color:var(--text);text-wrap:balance}
.hv-h2{margin:0;font-size:clamp(28px,1.4vw + 20px,40px);line-height:1.25;font-weight:600;color:var(--text);text-wrap:balance}
.hv-h3{margin:0;font-size:28px;line-height:1.25;font-weight:600}
.hv-h4{margin:0;font-size:19px;line-height:1.35;font-weight:600}
.hv-sub{margin:0;font-size:17px;line-height:1.7;color:var(--text3)}
.hv-lead{margin:0;max-width:560px;font-size:18.5px;line-height:1.7;color:var(--text3)}
.hv-sec{padding:var(--sec) 0}
.hv-alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
/* ส่วนเปิด */
.hv-hero{background-image:var(--heroglow);padding:clamp(40px,5vw,72px) 0 clamp(36px,4vw,64px)}
.hv-herogrid{display:flex;flex-wrap:wrap;align-items:center;gap:48px 56px}
.hv-herotext{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:22px}
.hv-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hv-checks{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 20px;color:var(--text2);font-size:15.5px}
.hv-checks li{display:inline-flex;align-items:center;gap:8px}
.hv-shot{flex:1 1 440px;min-width:0;position:relative;padding:60px 0 44px}
.hv-win{border-radius:20px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--cardsh);overflow:hidden;display:flex;flex-direction:column}
.hv-winbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:50px;padding:6px 18px;border-bottom:1px solid var(--line)}
.hv-winbar b{font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:15px;font-weight:600}
.hv-wintitle{color:var(--text);text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hv-wintitle:hover{color:var(--link)}
.hv-winchip{margin-left:auto}
.hv-winbody{padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px}
.hv-ret{display:flex;justify-content:space-between;align-items:flex-end;gap:8px 12px;flex-wrap:wrap}
.hv-ret>div{display:flex;flex-direction:column}.hv-ret .num{font-size:40px;line-height:1.1;font-weight:500}
.hv-gap{margin:0}
.hv-k{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:14px;border-top:1px solid var(--line)}
.hv-k dt{font-size:13.5px;color:var(--text3)}.hv-k dd{margin:2px 0 0;font-family:'Geist',ui-monospace,monospace;font-size:19px;font-weight:500}
.hv-k dd.hv-kname{font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hv-float{position:absolute;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--floatsh)}
.hv-float.tr{top:0;right:16px}.hv-float.bl{bottom:0;left:16px}
.hv-fic{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}
.hv-fic.blue{background:var(--navon);color:var(--brand)}.hv-fic.red{background:var(--negbg);color:var(--neg)}
.hv-ftx{display:flex;flex-direction:column;line-height:1.3;min-width:0}.hv-ftx b{font-size:14.5px}.hv-ftx span{font-size:12.5px;color:var(--text3)}
/* ตัวเลขการใช้งาน */
.hv-ugrid{border-radius:20px;border:1px solid var(--border);overflow:hidden}
.hv-ugrid>div{padding:22px 26px;background:var(--surface)}.hv-ugrid dt{font-size:14.5px}.hv-ugrid dd{margin:4px 0 0;font-size:34px;line-height:1.2}
.hv2 #partner-h{font-size:15px;font-weight:500;color:var(--text3)}
.hv2 section[aria-labelledby="partner-h"]{padding-top:48px;padding-bottom:0 !important}
/* บริการ */
.hv-svc{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch}
.hv-svlist{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:8px}
.hv-svbtn{display:flex;align-items:center;gap:16px;min-height:64px;padding:10px 18px;border-radius:16px;border:1px solid transparent;background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit}
.hv-svbtn:hover{background:var(--surface)}
.hv-svbtn.on{background:var(--surface);border-color:var(--brand);box-shadow:var(--cardsh)}
.hv-svn{font-size:15px;font-weight:600;color:var(--mute)}.hv-svbtn.on .hv-svn{color:var(--brand)}
.hv-svt{display:flex;flex-direction:column;line-height:1.35;min-width:0}.hv-svt b{font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:17px;font-weight:600}.hv-svt span{font-size:14px;color:var(--text3)}
.hv-soon{margin-left:auto;padding:2px 10px;border-radius:999px;background:var(--tagbg);color:var(--tagtx);font-size:12.5px;font-weight:600;white-space:nowrap}
.hv-stage{flex:999 1 520px;min-width:0;display:flex;border-radius:24px;border:1px solid var(--border);background-color:var(--surface2);background-image:radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--brand) 20%,transparent),transparent 60%);padding:clamp(14px,3vw,40px)}
.hv-panel{flex:1}.hv-pbody{flex:1;padding:26px 28px 28px;gap:18px}
.hv-rows{display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--line);overflow:hidden}
.hv-row{display:flex;align-items:center;gap:14px;min-height:60px;padding:10px 16px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none}.hv-row:last-child{border-bottom:0}.hv-row:hover{background:var(--hover);color:var(--text)}
.hv-rname{display:flex;flex-direction:column;line-height:1.3;min-width:0}.hv-rname b{font-size:15.5px}.hv-rname span{font-size:13px;color:var(--text3)}
.hv-rspark{margin-left:auto;flex-shrink:0;display:flex}.hv-rret{font-size:16px;min-width:76px;text-align:right}
.hv-stats{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.hv-stats>div{padding:14px 16px;border-radius:14px;background:var(--surface2)}
.hv-stats dt{font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:18px;font-weight:600;color:var(--text)}.hv-stats dd{margin:2px 0 0;font-size:14px;color:var(--text3)}
.hv-pbody>.btn{margin-top:auto;align-self:flex-start}
/* ความโปร่งใส */
.hv-split{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.hv-info{display:flex;gap:14px;padding:16px 18px;border-radius:16px;background:var(--surface2)}
.hv-info>span:last-child{display:flex;flex-direction:column}.hv-info b{font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:16.5px;font-weight:600}.hv-info>span:last-child>span{font-size:15px;color:var(--text3)}
.hv-cmp{flex:1 1 540px;min-width:0;border-radius:24px;border:1px solid var(--border);background:var(--bg);overflow:hidden;box-shadow:var(--cardsh)}
.hv-cmp table{width:100%;border-collapse:collapse;font-size:15.5px}
.hv-cmp th,.hv-cmp td{padding:16px 14px;text-align:left;vertical-align:top;white-space:normal;border-bottom:0;background:transparent;color:var(--text);font-size:15.5px}.hv-cmp td.hv-us,.hv-cmp th.hv-us{background:var(--navon2)}
.hv-cmp thead th{font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:15px;font-weight:600;color:var(--text2)}.hv-cmp thead th:first-child{font-family:'Noto Sans Thai',var(--fx),sans-serif;font-weight:500;font-size:14px;color:var(--text3)}
.hv-cmp thead th.hv-us{color:var(--link)}
.hv-cmp tbody tr{border-top:1px solid var(--line)}.hv-cmp tbody th{font-size:15.5px;font-weight:600}
.hv-cmp th:first-child{padding-left:20px}.hv-cmp .hv-us{background:var(--navon2);padding-right:20px}
.hv-no,.hv-yes{display:flex;gap:8px}.hv-no{color:var(--text3)}.hv-no svg{color:var(--mute);flex-shrink:0;margin-top:4px}.hv-yes{font-weight:600}.hv-yes svg{flex-shrink:0;margin-top:4px}
@media (max-width:560px){.hv-cmp table,.hv-cmp thead,.hv-cmp tbody{display:block}.hv-cmp thead th:first-child{display:none}.hv-cmp tr{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hv-cmp tbody th{grid-column:1/-1;padding:14px 16px 2px !important}
  .hv-cmp th,.hv-cmp td{padding:10px 12px 14px;min-width:0}.hv-cmp th:first-child{padding-left:16px}.hv-cmp td>span{display:block}.hv-cmp td svg{display:inline-block;vertical-align:-3px;margin:0 6px 0 0}}
/* 4 ขั้นตอน */
.hv-headrow{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.hv-more{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:16px;font-weight:600;text-decoration:none}
.hv-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}
.hv-steps li{display:flex;flex-direction:column;gap:12px;padding:26px 24px;border-radius:20px;border:1px solid var(--border);background:var(--surface)}
.hv-steps p{margin:0;font-size:15.5px;line-height:1.7;color:var(--text3)}
.hv-stepn{align-self:flex-start;font-family:'Noto Sans Thai',sans-serif;font-size:44px;line-height:1;font-weight:600}
/* คำถามที่พบบ่อย */
.hv-faqsec{border-bottom:0}
.hv-faq{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:10px}
.hv-faq details{border-radius:16px;border:1px solid var(--border);background:var(--surface)}
.hv-faq details[open]{background:var(--bg);border-color:var(--ctl)}
.hv-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:12px 20px;cursor:pointer;list-style:none}
.hv-faq summary::-webkit-details-marker{display:none}
.hv-faq summary h3{margin:0;font-size:17px;line-height:1.4;font-weight:600}
.hv-pm{position:relative;width:20px;height:20px;flex-shrink:0}.hv-pm::before,.hv-pm::after{content:"";position:absolute;left:3px;right:3px;top:9px;height:2px;border-radius:2px;background:var(--text2)}
.hv-pm::after{transform:rotate(90deg)}details[open] .hv-pm::after{display:none}
.hv-faq details p{margin:0;padding:0 20px 18px;font-size:16px;line-height:1.75;color:var(--text2)}
/* ชวนเริ่มท้ายหน้า */
.hv-ctasec{background:var(--surface);padding:0 0 72px}
.hv-cta{border-radius:28px;background-color:#143A8F;background-image:var(--ctabg);padding:clamp(32px,5vw,64px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}
@media (max-width:639px){.hv-shot .windots{display:none}.hv-winchip{margin-left:0}.hv-herogrid{gap:32px}.hv-shot{padding:0;display:flex;flex-direction:column;gap:10px}.hv-float{position:static;max-width:none;box-shadow:none}.hv-ret .num{font-size:34px}.hv-k dd{font-size:17px}
  .hv-pbody{padding:20px 18px}.hv-h3{font-size:24px}.hv-ugrid>div{padding:16px 18px}.hv-ugrid dd{font-size:26px}.hv-rspark{display:none}.hv-ctas .btn{flex:1 1 100%}}
/* ===== รอบ 10B: ระบบหน้าตา v2 ทุกหน้า (ต่อจาก 10A) — ป้ายนำหัวข้อ · หัวข้อหนาขึ้น + คำเน้นสีไล่ · ปุ่มแคปซูล · การ์ดมุมโค้ง 18px · แท็บแบบปุ่มแคปซูล · ช่องกรอกมุม 12px · แถบติดต่อท้ายเว็บเป็นการ์ดสีไล่ */
.kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;min-height:30px;padding:0 14px;border-radius:999px;background:var(--navon);color:var(--link);font-size:13.5px;font-weight:600;line-height:1.3}
.kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand);flex-shrink:0}
.t1{font-weight:600;letter-spacing:-0.2px;margin-top:14px}
.h2{font-weight:600}
.btn{border-radius:999px;font-weight:600}
.btn-pri{background:var(--pribg);color:var(--prifg);box-shadow:var(--btnsh)}.btn-pri:hover{background:var(--pribg);color:var(--prifg);filter:brightness(1.08)}

.btn-sec{color:var(--text)}.btn-sec:hover{color:var(--text)}
.card{border-radius:18px}
.card:where(a):hover,a.card:hover{box-shadow:var(--cardsh)}
.tabs{gap:4px;width:max-content;max-width:100%;padding:4px;border:1px solid var(--border);border-radius:999px;background:var(--surface2)}
.tabs a{min-height:40px;padding:0 16px;border-bottom:0;border-radius:999px;font-size:15px}
.tabs a.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px rgba(11,27,63,.12)}
.inp,.field select{border-radius:12px}
.inp:focus,.field select:focus{outline:3px solid color-mix(in srgb,var(--brand) 35%,transparent);outline-offset:0;border-color:var(--brand)}
#footband{padding-top:40px;padding-bottom:40px}
.footband{padding:clamp(24px,3.5vw,44px) clamp(22px,4vw,48px);border-radius:28px;background-color:#143A8F;background-image:var(--ctabg);color:#FFFFFF}

.footband .h2{color:#FFFFFF}.footband .lbl{color:#FFFFFF}      /* รอบ 110: เดิม #E3EBFD บนน้ำเงิน #1570EF = 3.82:1 (ตัวเล็กต้อง ≥ 4.5:1) · ขาว = 4.57:1 */
.footband .btn-pri{background:#FFFFFF;color:#0B1B3F;box-shadow:none}.footband .btn-pri:hover{background:#EAF1FE;color:#0B1B3F;filter:none}.footband .btn-pri svg{color:#0B1B3F !important}
.footband .btn-sec{background:transparent;border-color:rgba(255,255,255,.6);color:#FFFFFF}.footband .btn-sec:hover{background:rgba(255,255,255,.12);color:#FFFFFF}
.drawer a.btn-pri{color:var(--prifg)}
#main{position:relative}
#main:not(:has(.hv2))::before{content:"";position:absolute;left:0;right:0;top:0;height:560px;background-image:var(--heroglow);pointer-events:none;z-index:-1}
/* รอบ 16–17: ซื้อขาดหรือเช่าบอทบน MQL5 (หน้าระบบเทรดอัตโนมัติ · บอร์ด Bots #buy-h) */
.mq5list{display:flex;flex-direction:column;gap:16px}
.mq5{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;padding:32px}
.mq5l,.mq5r{display:flex;flex-direction:column;gap:14px;min-width:0}
.mq5i{width:52px;height:52px;border-radius:14px;background:var(--navon);color:var(--link);display:inline-flex;align-items:center;justify-content:center;flex:none}
.mq5t{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.mq5t li{display:flex;gap:10px;align-items:flex-start;font-size:15px}.mq5t li svg{margin-top:3px;flex:none}
.mq5lk{display:inline-flex;align-items:center;min-height:44px;align-self:flex-start;font-weight:600;font-size:15px;color:var(--link)}
.mq5p{width:100%;border-collapse:collapse;font-size:15px}.mq5p th,.mq5p td{background:none;border-bottom:0;white-space:normal;text-align:left;color:var(--text)}
.mq5p thead th{font-size:13px;font-weight:500;color:var(--text3);padding:0 8px 8px 0}
.mq5p tbody th{font-size:15px;font-weight:500;padding:11px 8px 11px 0;border-top:1px solid var(--line)}.mq5p td{padding:11px 0;border-top:1px solid var(--line)}.mq5p td.num{font-weight:600;font-size:17px;white-space:nowrap;padding-right:8px}.mq5p td.lbl{text-align:right;font-size:13px;color:var(--text3)}
.mq5p tbody tr.buy th,.mq5p tbody tr.buy td{border-top:1.5px solid var(--text)}
.mq5cta{display:flex;flex-direction:column;gap:10px}
.mq5next{display:flex;gap:14px;align-items:center;padding:22px 28px;border-radius:18px;border:1.5px dashed var(--ctl);background:var(--surface2);font-size:15px;color:var(--text)}.mq5next svg{color:var(--mute);flex:none}
@media (max-width:900px){.mq5{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px}}
@media (max-width:400px){.mq5{padding:20px 16px}.mq5next{padding:18px 16px}}
/* ===== รอบ 18: แถบความยินยอมคุกกี้ · หน้าต่างตั้งค่าคุกกี้ 4 หมวด · ช่องรับทราบนโยบาย (PDPA) · ตารางคุกกี้ในหน้านโยบาย ===== */
.ckbar{position:fixed;left:16px;bottom:16px;z-index:150;width:min(640px,calc(100% - 32px));box-sizing:border-box;padding:20px;border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border),0 18px 40px -20px rgba(11,27,63,.35)}
.ckt{margin:0;font-size:15px;line-height:1.6;color:var(--text)}.ckt b{font-weight:600}.ckt a{color:var(--link);white-space:nowrap}
.ckacts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.ckacts .btn{flex:1 1 0;min-height:44px;padding:0 16px}.ckacts .btn-sec{flex:0 0 auto}      /* ยอมรับ = ปฏิเสธ (กว้างเท่ากัน) */
@media (prefers-reduced-motion:no-preference){.ckbar{animation:ckin .25s ease-out}}@keyframes ckin{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
@media (max-width:639px){.ckbar{left:16px;right:16px;width:auto;padding:16px}.ckt{font-size:14.5px}.ckacts .btn{flex:1 1 calc(50% - 4px)}.ckacts .btn-sec{flex-basis:100%}}
.ckrows{display:flex;flex-direction:column}
.ckrow{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.ckrow>div{min-width:0}.ckrow b{display:block;font-weight:600}.ckrow .lbl{display:block;font-size:14px;line-height:1.55}.cktools{display:block;margin-top:4px;font-size:13.5px;color:var(--text3)}
.ckon{flex:none;font-size:14px;color:var(--text3);white-space:nowrap}
.cksw{position:relative;flex:none;width:56px;min-height:44px;border:0;background:transparent;padding:0;cursor:pointer;border-radius:13px}
.cksw::before{content:"";position:absolute;left:6px;top:50%;width:44px;height:26px;margin-top:-13px;border-radius:13px;background:#767676}
.cksw::after{content:"";position:absolute;left:9px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.cksw[aria-checked=true]::before{background:var(--brand)}.cksw[aria-checked=true]::after{left:27px}
@media (prefers-reduced-motion:no-preference){.cksw::after{transition:left .15s}}
.ckdacts{display:flex;flex-direction:column;gap:8px}.ckdtwo{display:flex;gap:8px}.ckdtwo .btn{flex:1 1 0;min-width:0}
@media (max-width:359px){.ckdtwo{flex-direction:column}}
.footbtn{background:none;border:0;padding:0;margin:0;font:inherit;font-size:14.5px;color:var(--text2);min-height:44px;display:inline-flex;align-items:center;cursor:pointer;text-align:left}
.footbtn:hover{color:var(--text);text-decoration:underline}
.pdpa label{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:15px;line-height:1.6;color:var(--text)}
.pdpa input{width:22px;height:22px;margin:2px 0 0;flex-shrink:0;accent-color:var(--brand)}
.lgtbl{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14.5px;line-height:1.55}.lgtbl th,.lgtbl td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line);white-space:normal;overflow-wrap:anywhere}
.lgtbl col.c1{width:24%}.lgtbl col.c2{width:15%}.lgtbl col.c3{width:13%}.lgtbl col.c5{width:16%}
.lgtbl th{font-weight:600;color:var(--text);background:var(--surface2)}.lgtbl code{font-family:'Geist',monospace;font-size:13.5px;word-break:break-all}
.lgwrap{border:1px solid var(--border);border-radius:12px;margin-top:12px;overflow:hidden}
@media (max-width:639px){.lgtbl thead{position:absolute;left:-9999px}.lgtbl,.lgtbl tbody,.lgtbl tr,.lgtbl td{display:block;width:auto}.lgtbl tr{padding:10px 14px;border-bottom:1px solid var(--line)}.lgtbl td{padding:2px 0;border:0}
  .lgtbl td::before{content:attr(data-h);display:block;font-size:12.5px;color:var(--text3)}.lgtbl colgroup{display:none}}
.lgver{display:flex;flex-wrap:wrap;gap:6px 14px;margin:6px 0 0;font-size:14px;color:var(--text3)}
/*@member-start*/
/* ---------- รอบ 11B: ระบบสมาชิก (หัวเว็บ 3 สถานะ · บัญชีของฉัน · โหมดผู้ดูแล) — ใช้เมื่อสวิตช์ login เปิดเท่านั้น ---------- */
.mbox{display:flex;align-items:center;gap:10px}.mbox[hidden]{display:none}
.mdd{position:relative}
.mswitch{display:inline-flex;padding:4px;border-radius:999px;background:var(--surface2);border:1px solid var(--border);gap:2px}
.mswitch button{min-height:44px;min-width:72px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--text2);font:inherit;font-family:'Noto Sans Thai',var(--fx),sans-serif;font-weight:500;font-size:14.5px;cursor:pointer}
.mswitch button[aria-pressed=true]{background:var(--inv);color:#FFFFFF;font-weight:600}
.mbell{position:relative;padding:0;width:44px}
.mbadge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:999px;background:#D92D20;color:#FFFFFF;font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--surface)}
.macct{gap:8px;padding:0 12px 0 6px;font-family:'Noto Sans Thai',var(--fx),sans-serif;font-weight:600}
.mav{width:32px;height:32px;border-radius:50%;background:var(--navon);display:inline-flex;align-items:center;justify-content:center}
.mname{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mmenu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:292px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--floatsh);padding:8px;display:flex;flex-direction:column}
.mmenu[hidden]{display:none}
.mnotes{min-width:340px;max-height:70vh;overflow-y:auto}
.mhead{padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px;display:flex;flex-direction:column;gap:2px}.mhead .lbl{font-size:13px}
.mitem{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:10px;border:0;background:transparent;color:var(--text);font:inherit;font-size:15.5px;text-align:left;text-decoration:none;cursor:pointer;width:100%}
.mitem:hover{background:var(--hover)}
.mrow{justify-content:space-between}
.msep{height:1px;background:var(--line);margin:6px 4px}
.mnote{flex-direction:column;align-items:flex-start;gap:2px}.mnote .lbl{font-size:13px}.mnote.unread{background:var(--navon2)}
.admband{background:var(--tagbg);border-bottom:1px solid var(--tagbd);color:var(--tagtx);font-size:14.5px}
.admband .wrap{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding-top:6px;padding-bottom:6px;text-align:center}
body.admode #nav,body.admode .mbar,body.admode #footband,body.admode #site-footer{display:none !important}
body.admode #main::before{display:none}
body.kt-member .mbar{display:none !important}
.mgrid3{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-items:start;margin-top:28px}
.mgrid2{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));align-items:start}
.mcard{padding:24px;display:flex;flex-direction:column;gap:14px;min-width:0}
.mcard .body{margin:0;font-size:16px}.mcard .hint{margin:0}
.mh{font-size:22px;margin:0}
.mstep{display:flex;align-items:center;gap:10px;font-family:'Noto Sans Thai',var(--fx),sans-serif;font-weight:500;font-size:14px;color:var(--text2)}
.mstep .num{width:28px;height:28px;border-radius:50%;background:var(--inv);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.mdim{opacity:.62}.mon{border:2px solid var(--brand)}
.mcard .btn-line,.mcard .mgoogle{width:100%}.mgoogle{color:var(--text)}
.mcheck{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.6;cursor:pointer}
.mcheck input{width:22px;height:22px;margin:2px 0 0;flex-shrink:0;accent-color:var(--brand)}
.mbox1{border:1px solid var(--border);border-radius:14px;padding:14px 16px}
.mticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.mticks li{display:flex;gap:10px;align-items:flex-start;font-size:16px}.mticks svg{margin-top:4px}
.mtiles{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.mtile{border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--text);background:var(--surface)}
.mbig{font-size:26px;font-weight:500}
.mrowh{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.chip.mmt5{background:var(--navon);color:var(--link);font-weight:600}.chip.mmt5 .dot{background:var(--brand)}
.chip.mblue{background:var(--navon);color:var(--link)}
.mfacts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:12px 18px;margin:0}
.mfacts dt{font-size:14.5px;color:var(--text3)}.mfacts dd{margin:2px 0 0;font-weight:600;font-size:16px}
.macts{display:flex;gap:10px;flex-wrap:wrap}.mcard .macts .btn,.mdlg .macts .btn{width:auto}
.mdanger{color:var(--neg) !important;border-color:var(--negbd) !important}
.mdangerfill{background:var(--neg) !important;color:#FFFFFF !important;box-shadow:none !important}
.mhist{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:6px;font-size:15px}
.mhrow{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mlist{display:flex;flex-direction:column}
.mli{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);min-width:0}.mli>div{min-width:0}
.mkv{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.mkv b{text-align:right;overflow-wrap:anywhere}
.mform{display:flex;flex-direction:column;gap:14px}
.mf2{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}
.mown{border:2px solid var(--posfill)}.mreq{border:2px solid var(--brand)}
.mbotrow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}
.mbotl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.micon{width:44px;height:44px;border-radius:12px;background:var(--navon);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.totp{font-size:24px;letter-spacing:.3em}
.admgrid{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 120px)}
.admside{background:#0B1B3F;padding:20px 12px;display:flex;flex-direction:column;gap:4px}
.admside a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:12px;color:#D6DEEE;text-decoration:none;font-size:15.5px;line-height:1.4}
.admside a:hover{background:#16254A;color:#FFFFFF}.admside a.on{background:#1D3166;color:#FFFFFF;font-weight:600}
.admmain{padding:28px clamp(16px,3vw,36px) 64px;min-width:0;display:flex;flex-direction:column;gap:16px}
.admtbl{overflow-x:auto}.admtbl table{width:100%;border-collapse:collapse;font-size:15px}
.admtbl th{text-align:left;font-weight:600;color:var(--text2);background:var(--surface2);padding:12px 14px;white-space:nowrap}
.admtbl td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:top;text-align:left}
.mcheck.mli{justify-content:flex-start}
.mneg{color:var(--neg)}.mpos{color:var(--pos)}
@media (max-width:899px){.admgrid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;align-content:start}.admside{flex-direction:row;overflow-x:auto;padding:10px 12px;gap:6px;scrollbar-width:none}.admside::-webkit-scrollbar{display:none}.admside a{flex-shrink:0;white-space:nowrap}}
.dmem{display:flex;flex-direction:column;gap:2px;padding:14px 8px;border-bottom:1px solid var(--line)}.dsw{padding:16px 8px 8px}.dsw .mswitch{display:flex}.dsw .mswitch button{flex:1}
@media (min-width:640px){.dmem,.dsw{display:none}#drawer>a[data-go=account]{display:none}}      /* รอบ 98B: แถวโปรไฟล์ (.dprof) แสดงทั้งมือถือและแท็บเล็ต */
@media (max-width:1023px){.mname{display:none}.macct{padding:0 8px 0 6px}}
@media (max-width:1599px){.mbox.hasw{gap:6px}.mbox.hasw .mname,.mbox.hasw .macct>svg:last-child{display:none}.mbox.hasw .macct{padding:0 6px}.mbox.hasw .mswitch button{min-width:0;padding:0 12px}}
@media (min-width:1280px) and (max-width:1365px){.topbar:has(.mbox.hasw) .navlinks.main{display:none}.topbar:has(.mbox.hasw) .menu-btn{display:inline-flex}.top:has(.mbox.hasw) .drawer.open{display:block}}      /* รอบ 17: ผู้ดูแล (มีปุ่มสลับ) จอ 1280–1365px → เมนูหลักอยู่ในปุ่มเมนู */
@media (max-width:639px){.mbox .mswitch,.mbox .macct{display:none}.mbox{gap:6px}.mmenu{position:fixed;left:16px;right:16px;top:72px;min-width:0}
  .admband .wrap{font-size:13px;justify-content:flex-start;text-align:left}.mcard{padding:20px}}
@media (max-width:399px){.macct>svg:last-child{display:none}}
/* รอบ 17: คอร์สเรียนรู้ — หน้าของสมาชิก (ซื้อคอร์ส · เรียน · คอร์สและการซื้อ · ยอดขายคอร์ส) */
.cogrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start;max-width:1100px}
.coform{gap:18px}.cocode{display:flex;gap:10px}.cocode .inp{flex:1;min-width:0}.cocode .btn{flex:none}
.cook{display:flex;gap:6px;align-items:flex-start;margin-top:8px;color:var(--pos);font-size:14px}
.cosum{margin:0;padding:14px 16px;border-radius:14px;background:var(--surface2)}
.cosum>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.cosum dt{color:var(--text2)}.cosum dd{margin:0}.codisc{color:var(--pos)}
.cosum .cotot{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;align-items:baseline}.cotot dt{font-weight:600;color:var(--text)}.cotot dd{font-size:22px;font-weight:600}
.costeps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.costeps li{display:flex;gap:12px;align-items:flex-start}
.costeps .num{width:28px;height:28px;border-radius:50%;background:var(--inv);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex:none}.costeps li>div{display:flex;flex-direction:column}
.cores{max-width:720px}
.lrngrid{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;gap:32px;align-items:start}
.lrnside{display:flex;flex-direction:column;gap:12px;min-width:0}.lrnback{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--text3);text-decoration:none;align-self:flex-start}.lrnt{margin:0}
.lrnprog{display:flex;flex-direction:column;gap:6px}.lrnbar{height:6px;border-radius:99px;background:var(--track);overflow:hidden}.lrnbar i{display:block;height:100%;border-radius:99px;background:var(--brand)}
.lrnsec{border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.lrnsec summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;min-height:44px;cursor:pointer;list-style:none}.lrnsec summary::-webkit-details-marker{display:none}
.lrnsec summary>span:first-child{display:flex;flex-direction:column}.lrnsec ul{list-style:none;margin:0;padding:0 8px 10px}
.lrnl{display:flex;gap:10px;align-items:flex-start;width:100%;min-height:44px;padding:10px 8px;border:0;border-radius:10px;background:transparent;color:var(--text2);font:inherit;font-size:15px;text-align:left;cursor:pointer}
.lrnl:hover{background:var(--hover)}.lrnl.on{background:var(--navon);color:var(--link);font-weight:600}.lrnl svg{margin-top:3px}
.lrndot{width:14px;height:14px;border-radius:50%;border:2px solid var(--ctl);margin-top:4px;flex:none}.lrnmore{padding:8px 10px}
.lrnmain{display:flex;flex-direction:column;gap:16px;min-width:0}.lrnnav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.lrnaside{display:flex;flex-direction:column;gap:16px;min-width:0}.lrnqr{border-radius:10px;border:1px solid var(--border);flex:none;background:var(--surface)}
.lrngate{max-width:640px}
/* รอบ 97: หน้าเรียน — โครงระหว่างโหลด (ผู้เล่นสไลด์และสไตล์ของมันอยู่ใน /assets/learn.<hash>.js) · รายการบทที่ล็อก (ยังไม่มีสิทธิ์) · ความคืบหน้าในกล่องซื้อคอร์ส */
.lrnwrap{min-height:60vh}.lrnwrap .lrngate{margin:0 auto}
.lrnsk{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;max-width:1360px;margin:0 auto;padding:28px clamp(16px,3vw,40px) 72px}
.lrnsk-s,.lrnsk-m{display:flex;flex-direction:column;gap:14px}.lrnsk-st{aspect-ratio:16/9;border-radius:16px}
.lrngate .lrnlock{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.lrnlock li{display:grid;grid-template-columns:72px minmax(0,1fr) auto 16px;gap:10px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--line)}.lrnlock b{font-weight:600;color:var(--text)}
.crlp{display:flex;flex-direction:column;gap:6px;margin-top:2px}
@media (max-width:1023px){.lrnsk{display:block;padding:12px var(--m-g,16px) 80px}.lrnsk-s{display:none}.lrnsk-st{border-radius:12px}.lrnlock li{grid-template-columns:minmax(0,1fr) auto 16px}.lrnlock li>.lbl:first-child{grid-column:1/-1}}
.accrs{display:flex;gap:16px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:16px;flex-wrap:wrap}
.accic{width:64px;height:64px;border-radius:14px;background:var(--navon);display:inline-flex;align-items:center;justify-content:center;flex:none}
.accrsb{flex:1;min-width:200px;display:flex;flex-direction:column;gap:6px}.accrsb .lrnbar{max-width:360px}
.accsoft{background:var(--surface2)}
.admh2{font-size:24px;margin:0}.cfgrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}
.cfev{font-family:'Geist',ui-monospace,monospace;font-size:13px;overflow-wrap:anywhere;color:var(--text)}
.cforders table{min-width:820px}
@media (max-width:1180px){.lrngrid{grid-template-columns:260px minmax(0,1fr)}.lrnaside{grid-column:2}}
@media (max-width:1100px){.cfgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:899px){.cogrid{grid-template-columns:minmax(0,1fr)}.lrngrid{grid-template-columns:minmax(0,1fr)}.lrnaside{grid-column:auto}}
@media (max-width:639px){.cocode{flex-wrap:wrap}.cocode .btn{width:100%}}
/*@member-end*/
/* รอบ 14: หน้า Broker แบบแถว (แคนวาส 16/10/2026) */
.blist{list-style:none;margin:0;padding:6px 0}
.bkrow{display:grid;grid-template-columns:280px minmax(0,1.3fr) minmax(0,.9fr) minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 28px}
.bkrow+.bkrow{border-top:1px solid var(--line)}
.bname{display:flex;align-items:center;gap:16px;min-width:0}
.blogo{width:72px;height:52px;display:flex;align-items:center;justify-content:center;flex:none}
.blogo img{width:72px;height:52px;object-fit:contain;display:block}.blogo img.sq{width:52px;border-radius:12px}
.bcell{display:flex;flex-direction:column;gap:2px;font-size:15px;min-width:0}.bcell .lbl{font-size:13px}
.pcode{display:inline-flex;align-items:center;gap:6px;height:28px;margin-top:6px;padding:0 4px 0 10px;border-radius:8px;background:var(--hover);font-size:12.5px;color:var(--text3);white-space:nowrap}
.pcode b{font-size:13px;color:var(--text);font-weight:600}
.pcode button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;box-shadow:0 0 0 1px var(--border);padding:0}
.pcode button.copied{background:var(--okbg);color:var(--pos)}
/* รอบ 17: จอสัมผัส — พื้นที่กด 44×44 แต่กรอบที่เห็นยัง 24×24 เท่าเดิม (ปุ่มโปร่งใส ขอบติดลบ ไม่ดันแถว · กรอบวาดด้วย ::before) */
@media (max-width:899px),(pointer:coarse){.pcode button{position:relative;z-index:0;width:44px;height:44px;margin:-10px;background:none;box-shadow:none}
.pcode button::before{content:'';position:absolute;left:10px;top:10px;width:24px;height:24px;border-radius:6px;background:var(--surface);box-shadow:0 0 0 1px var(--border);z-index:-1}
.pcode button.copied{background:none}.pcode button.copied::before{background:var(--okbg)}}
.bkrow .bname>div{min-width:0}
@media (max-width:400px){.pcode{white-space:normal;flex-wrap:wrap;height:auto;min-height:28px;max-width:100%;padding:2px 4px 2px 10px}}      /* จอ 320px: ป้ายรหัสพาร์ทเนอร์ตัดบรรทัดได้ ไม่ดันหน้าล้นจอ */
@media (max-width:1100px){.bkrow{grid-template-columns:260px repeat(3,minmax(0,1fr))}.bkrow .bbtns{grid-column:1/-1}}
@media (max-width:640px){.bkrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px;padding:20px}.bkrow>.bname,.bkrow>.bbtns,.bkrow>.bcell:nth-of-type(2){grid-column:1/-1}.bkrow .bbtns{flex-wrap:nowrap}.bkrow .bbtns>*{flex:1 1 auto;min-width:0}}      /* รอบ 17: ปุ่มกว้างตามข้อความ (เดิมเท่ากัน) → "รายละเอียดโบรกเกอร์" บรรทัดเดียวตั้งแต่ 360 px · จอแคบกว่านั้นตัดบรรทัดได้ ยังอยู่แถวเดียวกัน */
/* รอบ 14: ปุ่มเข้าสู่ระบบด้วย LINE ตามแนวทางของ LINE */
.lbtn{display:flex;align-items:center;width:100%;min-height:52px;border:0;border-radius:12px;background:#06C755;color:#FFFFFF;text-decoration:none;font:700 16px/1.2 'Noto Sans Thai',var(--fx),sans-serif;cursor:pointer;padding:0}
.lbtn:hover{color:#FFFFFF;box-shadow:inset 0 0 0 999px rgba(0,0,0,.1)}.lbtn:active{box-shadow:inset 0 0 0 999px rgba(0,0,0,.3)}
.lbtn .li{width:60px;align-self:stretch;display:flex;align-items:center;justify-content:center;flex:none}.lbtn .ls{width:1px;align-self:stretch;background:rgba(0,0,0,.08)}
.lbtn .lt{flex:1;text-align:center;padding:0 16px 0 8px;white-space:nowrap}
/* รอบ 17: ปุ่มที่ยังกดไม่ได้ (ดูตัวอย่าง · "เปิดให้ใช้เร็ว ๆ นี้") ตัดบรรทัดได้ → ไม่ล้นจอ 320 px · ปุ่มที่ใช้ได้จริงยังบรรทัดเดียวตามแนวทาง LINE */
.lbtn[disabled] .lt{white-space:normal;padding-top:8px;padding-bottom:8px}.lbtn .lsub{display:inline-block}
/* รอบ 17: กรอบยืนยันว่าไม่ใช่บอท (Cloudflare Turnstile) — จองที่ไว้ไม่ให้หน้ากระโดดตอนวิดเจ็ตโหลด */
.tsbox{min-height:65px;max-width:100%}
.lbtn[disabled]{background:#FFFFFF;color:rgba(30,30,30,.2);box-shadow:inset 0 0 0 1px rgba(229,229,229,.6);cursor:not-allowed}.lbtn[disabled] svg path{fill:rgba(30,30,30,.2)}.lbtn[disabled] svg text{fill:#FFFFFF}.lbtn[disabled] .ls{background:rgba(229,229,229,.6)}
.mcard .lbtn{width:100%}
/* รอบ 14: แถบพาร์ทเนอร์ — โลโก้อย่างเดียว มุมเหลี่ยม */
.mq2 .mqset{align-items:center}.pcard2{display:inline-flex;align-items:center;flex:none;margin-right:64px;padding:8px 0;text-decoration:none}
.pcard2 img{display:block;height:48px;width:auto}.pcard2 img.ps{width:48px;object-fit:contain}.pcard2 img.pw{width:96px;object-fit:contain}
.pcard2 .pnm{font-weight:600;color:var(--text3)}
@media (max-width:640px){.pcard2{margin-right:44px}.pcard2 img{height:40px}.pcard2 img.ps{width:40px}.pcard2 img.pw{width:80px}}
/* รอบ 15: แพ็กเกจสมาชิก · การชำระเงิน (แบบรอบ 13) */
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;text-align:left}
.tier{display:flex;flex-direction:column;padding:32px;border-radius:24px;border:1px solid var(--border);background:var(--surface)}
.tier.pro{border:2px solid var(--brand);box-shadow:0 24px 48px -32px rgba(21,112,239,.55)}
.tierh{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:28px}
.tierp{display:flex;align-items:baseline;gap:8px;margin-top:22px}.tierp .num{font-size:48px;font-weight:600;letter-spacing:-.03em;line-height:1}
.tierl{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;display:flex;flex-direction:column;gap:12px}
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ticks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.55}.ticks li svg{margin-top:3px}
.plock{text-align:center;margin:20px 0 0;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.cmpw{position:relative;overflow-x:auto;border:1px solid var(--border);border-radius:20px;margin-top:24px}
.cmp{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.cmp thead th{padding:20px 16px;font-size:17px;font-weight:600;text-align:center;border-bottom:1px solid var(--border);width:20%}
.cmp thead th span{display:block;font-size:14px;font-weight:400;color:var(--text3);margin-top:2px}
.cmp thead th.on{color:var(--link);background:var(--navon)}
.cmp tbody th{padding:14px 20px;text-align:left;font-weight:400;border-top:1px solid var(--line)}
.cmp td{padding:14px 16px;border-top:1px solid var(--line)}.cmp td.c{text-align:center}.cmp td:nth-child(3){background:var(--navon2)}
.cmp tr.g th{padding:22px 20px 8px;font-size:13px;font-weight:600;color:var(--text3);background:var(--surface2)}
.pmgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.pmi{width:48px;height:48px;border-radius:14px;background:var(--navon);display:inline-flex;align-items:center;justify-content:center}
.pfaq{margin:24px 0 0}.pfaq>div{padding:20px 0;border-top:1px solid var(--border)}.pfaq>div:last-child{border-bottom:1px solid var(--border)}
.pfaq dt{font-weight:600;font-size:16px}.pfaq dd{margin:6px 0 0;color:var(--text3);font-size:15px;line-height:1.65;max-width:760px}
.pwell{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:16px;border-radius:14px;background:var(--surface2)}
.pmeth{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.popt{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--ctl);font-size:15px;cursor:pointer}
.popt:has(input:checked){box-shadow:inset 0 0 0 2px var(--brand);background:var(--navon)}.popt input{margin-top:4px;accent-color:var(--brand)}
.bsplit{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:stretch}
.bfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.bfacts dt{font-size:13px;color:var(--text3)}.bfacts dd{margin:2px 0 0;font-weight:500}
.bwarn{border-color:var(--tagbd);background:#FFFCF7}
.bok{flex-direction:row;align-items:center;gap:16px;border-color:var(--okbd);background:var(--okbg)}
.okc{width:52px;height:52px;border-radius:50%;background:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pend{flex-direction:row;align-items:center;gap:14px}
.spin{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--ctl);border-top-color:var(--brand);flex:none}
@media (prefers-reduced-motion:no-preference){.spin{animation:ktspin 1s linear infinite}}@keyframes ktspin{to{transform:rotate(360deg)}}
.admtbl th.r,.admtbl td.r{text-align:right}
.rbars{display:flex;align-items:flex-end;gap:14px;min-height:190px;padding-top:8px}.rbar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.rbar i{display:block;width:100%;max-width:56px;border-radius:6px 6px 2px 2px;background:var(--brand)}
@media (max-width:900px){.tiers{grid-template-columns:minmax(0,1fr);max-width:520px;margin:0 auto}.bsplit{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.tier{padding:24px}.tierp .num{font-size:40px}.cmp{min-width:0;font-size:14px}.cmp thead th{padding:14px 4px;font-size:15px;width:21%}.cmp thead th span{font-size:12px}.cmp tbody th{padding:12px 10px 12px 14px}.cmp td{padding:12px 4px}.pmgrid,.bfacts{grid-template-columns:minmax(0,1fr)}}
/* รอบ 22: แพ็กเกจ 4 ใบ (ฟรี · Pro · Elite · Ultimate) · สลับรายเดือน/รายปี และบาท/ดอลลาร์ · ป้ายเร็ว ๆ นี้ */
.pctl{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}
.psave{color:var(--oktx);font-size:12.5px;font-weight:600;margin-left:6px;white-space:nowrap}
.peq{min-height:22px;margin:6px 0 0;color:var(--pos)}
.psoon{min-height:0;height:22px;padding:0 8px;font-size:12px;font-weight:500;margin-left:6px;vertical-align:1px}
.cmp tbody th,.cmp tbody td{white-space:normal;line-height:1.5}      /* รอบ 112: ชื่อแถวขึ้นบรรทัดใหม่ได้ (th/td ทั่วไป nowrap → ชื่อแถวยาว + คอลัมน์แพ็กเกจ 15% ทำให้ตารางกว้าง ~1,700px ต้องเลื่อนแนวนอนทุกขนาดจอ) */
.cmp tbody tr.g th{white-space:nowrap}
.cmp tbody th .psub{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:var(--text3)}      /* รอบ 112: คำอธิบายสั้นใต้ชื่อแถวของตารางเทียบ (Order Book · Order Flow แบบ Data-Driven) */
@media (max-width:640px){.cmp tbody th .psub{font-size:12.5px}table.cmp.c5 thead th{padding:12px 2px;font-size:13px}.cmp tbody tr:not(.g) th{padding-left:12px;padding-right:8px}.cmp thead th span{white-space:normal}}      /* รอบ 112: จอมือถือ ตาราง 5 คอลัมน์พอดีจอ (ราคาขึ้นบรรทัดใหม่ได้) */
.tiers.t4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tiers.t4 .tier{padding:26px 22px}.tiers.t4 .tierp .num{font-size:40px}
.cmp.c5 thead th{width:15%}.cmp.c5 td:nth-child(3){background:transparent}.cmp.c5 td:nth-child(4){background:var(--navon2)}
@media (max-width:1180px){.tiers.t4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px;margin:0 auto}}
@media (max-width:640px){.tiers.t4{grid-template-columns:minmax(0,1fr);max-width:520px}.cmp.c5 thead th{width:16%;font-size:14px}.cmp.c5 thead th span{font-size:11px}.psave{display:none}}
/* ===== รอบ 17: คอร์สเรียนรู้ (แบบรอบ 16 ที่เจ้าของอนุมัติ 19/10/2026) — หน้ารวม · หน้าคอร์ส · ซื้อคอร์ส · เรียน · บัญชีของฉัน › คอร์สและการซื้อ · หลังบ้าน › ยอดขายคอร์ส ===== */
.crtop{padding-top:56px}.crtop .t1{margin-top:18px}.crtop .sub{max-width:760px}
.crsec0{padding-top:40px}.crsec{padding-top:clamp(56px,7vw,96px)}
.crchips{display:flex;gap:8px;flex-wrap:wrap}
.crchip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:2px 10px;border-radius:8px;background:var(--hover);color:var(--text);font-size:13px;line-height:1.3;white-space:nowrap}
.crchip.cron{background:#1570EF;color:#FFFFFF;font-weight:500}.crchip.cronl{background:var(--navon);color:var(--link);font-weight:500}.crchip.crout{background:var(--surface);box-shadow:inset 0 0 0 1px var(--ctl)}
.micon2{width:44px;height:44px;border-radius:12px;background:var(--hover);display:inline-flex;align-items:center;justify-content:center;flex:none}
.crwin{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface);min-width:0}
.crwinbar{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;background:var(--surface2);border-bottom:1px solid var(--border)}
.crwinbar i{width:9px;height:9px;border-radius:50%;background:#D9D9D9;flex:none}.crwinbar span{margin-left:10px;font-size:13px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crwinbody{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;aspect-ratio:16/10;padding:16px;background:linear-gradient(135deg,#EEF5FF 0%,#F7FAFF 60%,#FFFFFF 100%);color:var(--text);text-align:center}
.crwinbody b{font-size:16px;font-weight:600}.crwin-sm .crwinbody{aspect-ratio:16/8}.crheromain .crwinbody{aspect-ratio:auto;min-height:200px}
.crfeat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:40px;border-radius:24px;align-items:center}
.crfeatb{display:flex;flex-direction:column;gap:16px;min-width:0}.crh{margin:0}
.crstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.crstats>div{padding:14px 16px}.crstats>div:first-child{padding-left:0}.crstats>div+div{border-left:1px solid var(--line)}
.crstats dt{font-size:13px;color:var(--text3)}.crstats dd{margin:4px 0 0;font-size:22px;font-weight:600}
.crticks li{font-size:15.5px}
.crprice{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.crbig{font-size:40px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.crpromo{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:10px;background:var(--navon);color:var(--link);font-size:14px;font-weight:500}
.crrowh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.crfilters{display:flex;gap:8px;flex-wrap:wrap}
.crf{min-height:44px;padding:0 16px;border-radius:12px;border:0;background:var(--hover);color:var(--text);font:inherit;font-size:15px;cursor:pointer}.crf.on{background:#1570EF;color:#FFFFFF;font-weight:500}
.crgrid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.crcard{display:flex;flex-direction:column;overflow:hidden;border-radius:18px;text-decoration:none;color:var(--text)}.crcard:hover{border-color:var(--brand);color:var(--text)}
.crcard .crwin{border:0;border-radius:0;border-bottom:1px solid var(--border)}.crcard .crwinbar{display:none}
.crcardb{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}.crcardb .h3{font-size:18px}
.crcardf{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:12px;margin-top:auto}
.crnext{border:1.5px dashed var(--ctl);border-radius:18px;background:var(--surface2);padding:28px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.crsteps{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.crsteps li{padding:24px;display:flex;flex-direction:column;gap:10px;border-radius:18px}
.crno{width:36px;height:36px;border-radius:50%;background:#1570EF;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-weight:600}
.crcta{background:#1570EF;background-image:var(--ctabg);border-radius:24px;padding:clamp(28px,4vw,48px);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;color:#FFFFFF}
.crcta .h2{color:#FFFFFF;margin:0 0 6px}.crcta p{margin:0;color:#FFFFFF;font-size:16px}
.crctab{display:flex;gap:12px;flex-wrap:wrap}
.crwhite{background:#FFFFFF;color:#0B1B3F;font-weight:600}.crwhite:hover{background:#EAF1FE;color:#0B1B3F}
.crghost{border-color:rgba(255,255,255,.8);color:#FFFFFF;background:transparent}.crghost:hover{background:rgba(255,255,255,.12);color:#FFFFFF}
.crdisc{max-width:1100px;margin:0;line-height:1.7}
.crhero{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:start;padding-top:32px}
.crheromain{display:flex;flex-direction:column;gap:20px;min-width:0}.crheromain .sub{margin:0}.crt1{margin:0}
.craside{position:sticky;top:96px}
.crbox{padding:28px;border-radius:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--cardsh)}
.crfull{width:100%}
.crpbox{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:#F5F9FF;border:1px solid var(--navbd)}
.crpbox b{display:block;font-size:15px}.crpbox .lbl{display:block;font-size:13px}
.crnote{margin:0;text-align:center;display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap}
.crask{border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:10px}
.crlead{max-width:820px;margin:0 0 24px}
.crshots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.crshots figure{margin:0;min-width:0}
.crshots figcaption{margin-top:10px;font-size:15px;color:var(--text3)}.crshots figcaption b{color:var(--text)}
.crfeats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.crfeatc{background:var(--hover);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px}
.crparts{display:flex;flex-direction:column;gap:16px}
.crpart{padding:24px;display:flex;flex-direction:column;border-radius:18px}
.crparth{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.crparth .h3{margin-top:2px}
.crlessons{list-style:none;margin:14px 0 0;padding:0}
.crlessons li{display:flex;gap:14px;padding:12px 4px;border-top:1px solid var(--line);font-size:15.5px}.crlessons li .num{width:20px;flex:none;color:var(--text3);font-size:13px;padding-top:3px}
.crlessons .crmore{color:var(--text3)}
.crpicks{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center}
.cror{padding:6px 12px;border-radius:999px;background:var(--hover);color:var(--text3);font-size:13px;white-space:nowrap;justify-self:center}
.crlock{display:inline-flex;align-items:center;gap:6px}
.crfiles{padding:0 8px}.crfile{display:flex;align-items:center;gap:16px;padding:18px 16px;flex-wrap:wrap}.crfile+.crfile{border-top:1px solid var(--line)}
.crfile>div{display:flex;flex-direction:column;flex:1;min-width:200px}.crfile>.crchip{margin-left:auto}
.crneeds{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.crneed{padding:24px;display:flex;flex-direction:column;gap:10px;border-radius:18px}
.crneedb{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-top:6px}
.crrisk{display:flex;gap:12px;align-items:flex-start;border-radius:18px;padding:20px 24px}.crrisk ul{margin:8px 0 0;padding-left:20px}.crrisk li{font-size:15px}
.crline{display:flex;gap:32px;align-items:center;padding:28px;flex-wrap:wrap;border-radius:18px}.crline>div{flex:1;min-width:240px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.crline .h2{margin:0}.crline .body{margin:0}
.crline img{width:200px;height:200px;border-radius:16px;border:1px solid var(--border);object-fit:contain;background:var(--surface)}
@media (max-width:1180px){.crfeats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1100px){.crhero{grid-template-columns:minmax(0,1fr) 340px;gap:32px}}
@media (max-width:899px){.crfeat{grid-template-columns:minmax(0,1fr);padding:20px;gap:20px}.crhero{grid-template-columns:minmax(0,1fr)}.craside{position:static}
  .crshots{grid-template-columns:minmax(0,1fr)}.crpicks{grid-template-columns:minmax(0,1fr)}}
@media (max-width:639px){.crstats{grid-template-columns:repeat(2,minmax(0,1fr))}.crstats>div:nth-child(3){padding-left:0;border-left:0}.crstats>div:nth-child(n+3){border-top:1px solid var(--line)}
  .crfeats{grid-template-columns:minmax(0,1fr)}.crbox{padding:22px}.crbig{font-size:36px}.crline{padding:20px}.crline img{width:160px;height:160px}.crfile>.crchip{margin-left:0}}
/* รอบ 26: ภาพประกอบแอป KuyTrade Journal (SVG) · แผนภาพ AI เชื่อม MCP · คอร์สเด่นบนหน้าแรก */
.crwin .crwinart{display:block;padding:0;aspect-ratio:auto;min-height:0;background:#FFFFFF}
.crart{display:block;width:100%;height:auto}.crart text{font-family:'Noto Sans Thai',var(--fx),system-ui,sans-serif}
.crflow{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.crnode{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}
.crnode b{font-size:18px;font-weight:600;line-height:1.35}.crnode>span:last-child{font-size:15px;line-height:1.6;color:var(--text3)}
.crni{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--navon);color:var(--link);margin-bottom:8px}
.crnode-ai{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.crnode-ai .crni{background:var(--brand);color:#FFFFFF}
.crnode:not(:last-child)::after{content:'';position:absolute;top:50%;right:-23px;width:12px;height:12px;margin-top:-6px;border-top:2px solid var(--brand);border-right:2px solid var(--brand);transform:rotate(45deg)}
.crgate{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:20px 24px;border-radius:20px;background:var(--surface2);border:1px solid var(--border)}
.crgateh{display:flex;align-items:center;gap:10px;color:var(--text)}.crgateh b{font-size:16px;font-weight:600}
.crgates{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1 1 420px}
.crgates li{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:14.5px;font-weight:500;color:var(--text)}
.crgates .num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--text);color:#FFFFFF;font-size:12px;font-weight:600}
.crkill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--negtx);font-size:14.5px;font-weight:600}
.crspot{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center;padding:44px;border:1px solid var(--border);border-radius:24px;background:var(--surface)}
.crspot-v{position:relative;min-width:0}
.crspot-glow{position:absolute;inset:6% -3% -8% 6%;background:radial-gradient(60% 60% at 50% 50%,rgba(21,112,239,.30),transparent 70%);filter:blur(12px);pointer-events:none}
.crspot-v .crwin{position:relative}
.crfloat{position:absolute;left:-20px;bottom:-24px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:#FFFFFF;border:1px solid var(--border);box-shadow:var(--floatsh);max-width:320px}
.crfloat>span{display:flex;flex-direction:column;gap:2px;min-width:0}.crfloat b{font-size:14.5px;color:#161616}.crfloat span span{font-size:13px;color:#545454}
.crspot-b{display:flex;flex-direction:column;gap:18px;min-width:0}
.crspot-t{margin:0;font-size:clamp(24px,1vw + 18px,30px);line-height:1.3;font-weight:600;text-wrap:balance}.crspot-t a{color:var(--text);text-decoration:none}.crspot-t a:hover{color:var(--link)}
.crspot-s{margin:0}.crspot .crstats>div{padding:12px 14px}.crspot .crstats>div:first-child{padding-left:0}.crspot-f{display:flex;flex-direction:column;gap:10px}
.crspot-cta{display:flex;flex-wrap:wrap;gap:12px}.crspot-cta .btn{display:inline-flex;align-items:center;gap:8px}.crhome .ed-grid{margin-top:8px}
@media (max-width:1100px){.crflow{grid-template-columns:repeat(2,minmax(0,1fr))}.crnode:nth-child(2)::after{display:none}}
@media (max-width:1023px){.crspot{grid-template-columns:minmax(0,1fr);padding:28px;gap:44px}}
@media (max-width:639px){.crflow{grid-template-columns:minmax(0,1fr);gap:28px}.crnode:not(:last-child)::after{display:block;top:auto;bottom:-20px;right:auto;left:32px;margin-top:0;transform:rotate(135deg)}
  .crgate{padding:18px}.crspot{padding:18px;border-radius:20px;gap:40px}.crfloat{position:relative;left:auto;bottom:auto;margin:-20px 12px 0;max-width:none}.crspot .crstats>div:nth-child(3){padding-left:0}.crspot-cta .btn{flex:1 1 100%;justify-content:center}}
/* รอบ 106: ชุด ebook CME × AI (คอร์ส format: 'ebook') — ปก 3 เล่มซ้อน · ราคาแบบใบเสร็จ · การ์ดเล่ม · สารบัญเล่ม → ภาค → บท · ใช้ตัวแปรสีของเว็บ (โหมดมืดตามเอง) */
.cbstack{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px;width:100%;min-width:0}
.cbs{position:relative;border-radius:12px;overflow:hidden;background:#0B0B0C;border:1px solid rgba(255,255,255,.06);box-shadow:0 1px 2px rgba(11,27,63,.08),0 10px 28px rgba(11,27,63,.14);min-width:0}
.cbs img{display:block;width:100%;height:100%;object-fit:cover}.cbs1{grid-row:1 / span 2}.cbs2,.cbs3{aspect-ratio:16/9}
.cbstack-card{padding:16px;background:var(--surface2);border-bottom:1px solid var(--border);gap:8px}.cbstack-card .cbs{border-radius:8px;box-shadow:0 1px 2px rgba(11,27,63,.08),0 6px 16px rgba(11,27,63,.12)}
.cbcovf{display:flex;flex-direction:column;justify-content:center;gap:6px;width:100%;height:100%;padding:8% 9%;background:#0B0B0C;color:#FFFFFF;box-sizing:border-box}
.cbcovf small{font-size:12px;font-weight:600;color:#FF5A6E;letter-spacing:.02em}.cbcovf b{font-size:clamp(14px,2.2vw,22px);line-height:1.3;font-weight:700}
.cbstats{grid-template-columns:repeat(4,minmax(0,1fr))}
.cbrcpt{margin:0;display:flex;flex-direction:column;padding:2px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}
.cbrcpt>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0}.cbrcpt>div+div{border-top:1px solid var(--border)}
.cbrcpt dt{font-size:14.5px;line-height:1.5;color:var(--text2)}.cbrcpt dd{margin:0;font-size:15px;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.cbrcpt s{color:var(--text3)}
.cbrcpt .cbtot{padding:12px 0 10px}.cbtot dt{font-weight:600;color:var(--text)}.cbtot dd{font-size:32px;font-weight:700;line-height:1.1;letter-spacing:-.01em}
.cbcode{display:inline-block;padding:0 7px;border:1px dashed var(--ctl);border-radius:6px;font-weight:600;color:var(--text);font-variant-ligatures:none;white-space:nowrap}
.cbsave{margin:0;font-size:14px;line-height:2;color:var(--text2)}.cbsave .cbsavec{margin-right:8px}
.cbsavec{display:inline-flex;align-items:center;min-height:28px;line-height:1.4;vertical-align:middle;padding:2px 10px;border-radius:999px;background:var(--okbg);color:var(--oktx);font-weight:600;font-size:14px;white-space:nowrap}
.cboffer{margin:0;font-size:14px;line-height:1.55;color:var(--text2)}  /* รอบ 110: เอา .nw{white-space:nowrap} ของรอบ 106 ออก — ชนกับกรอบหน้าข่าว .nw ทำให้ข้อความทั้งหน้า AI News ไม่ตัดบรรทัด (390 ล้น ~680px) · วันที่ใช้ .crnw */
.cbhero .cbstack{margin-top:4px}
.cbpath{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cbpath li{display:flex;gap:14px;align-items:flex-start;padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}
.cbpath li>div{display:flex;flex-direction:column;gap:2px;min-width:0}.cbpath b{font-size:17px;line-height:1.45;font-weight:600;color:var(--text)}.cbpath .body{margin:6px 0 0;font-size:15px;line-height:1.65}
.cbpathn{flex:none;width:36px;height:36px;border-radius:50%;background:#1570EF;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:15px}
.cbbooks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.cbbook{padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:20px;min-width:0;scroll-margin-top:96px}
.cbbook .cbcov{margin:0;aspect-ratio:16/9;background:#0B0B0C;border-bottom:1px solid var(--border)}.cbbook .cbcov img{display:block;width:100%;height:100%;object-fit:cover}
.cbbookb{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.cbbookk{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.cbbook .h3{text-wrap:balance}
.cbscope,.cblead{margin:0}.cblead{font-size:15.5px;line-height:1.65}
.cbval{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;margin:2px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cbval b{font-size:20px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}
.cbh4{margin:8px 0 0;font-size:14.5px;font-weight:600;color:var(--text)}
.cbfit{margin:0;padding-left:20px;color:var(--text2);font-size:15px;line-height:1.6;display:flex;flex-direction:column;gap:4px}.cbfit .cbnot{color:var(--text3)}
.cbbook .ticks li{font-size:15px}
.cbsum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}
.cbsum>div{display:flex;flex-direction:column;gap:4px;padding:18px 22px;min-width:0}.cbsum>div+div{border-left:1px solid var(--line)}
.cbsum b{font-size:24px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.cbsum s{color:var(--text3);font-weight:500}
.cbtocs{display:flex;flex-direction:column;gap:12px}
.cbtoc{padding:0;border-radius:18px;overflow:hidden}
.cbtoc>summary{display:flex;align-items:center;gap:12px;padding:18px 22px;list-style:none;font-weight:400}.cbtoc>summary::-webkit-details-marker{display:none}
.cbtoc>summary svg{transform:rotate(90deg);transition:transform .2s ease;flex:none}.cbtoc[open]>summary svg{transform:rotate(-90deg)}
.cbtoc>summary:hover{background:var(--hover)}
.cbtoch{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cbtoch b{font-size:18px;line-height:1.4;font-weight:600;color:var(--text)}
.cbtocb{padding:0 22px 18px;border-top:1px solid var(--line)}
.cbparth{margin:18px 0 0;font-size:14.5px;line-height:1.5;font-weight:600;color:var(--text2)}
.cbls{margin-top:6px}.cbls li .cbchn{width:26px;font-size:13px;color:var(--text3);padding-top:3px;flex:none}
@media (max-width:1023px){.cbbooks{grid-template-columns:minmax(0,1fr)}.cbbook{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr)}.cbbook .cbcov{border-bottom:0;border-right:1px solid var(--border);align-self:stretch;aspect-ratio:auto;min-height:100%}
  .cbbook .cbcov img{height:auto;aspect-ratio:16/9}.cbpath{grid-template-columns:minmax(0,1fr)}}
@media (max-width:719px){.cbbook{display:flex}.cbbook .cbcov{border-right:0;border-bottom:1px solid var(--border);aspect-ratio:16/9;min-height:0}.cbbook .cbcov img{height:100%}
  .cbsum{grid-template-columns:minmax(0,1fr)}.cbsum>div+div{border-left:0;border-top:1px solid var(--line)}.cbsum>div{flex-direction:row;justify-content:space-between;align-items:baseline;padding:14px 18px}.cbsum b{font-size:20px}
  .cbstats>div{padding:12px 10px}.cbstats>div:nth-child(3){padding-left:10px;border-left:1px solid var(--line)}.cbstats>div:nth-child(n+3){border-top:0}.cbstats dd{font-size:20px}
  .cbtoc>summary{padding:16px 18px}.cbtocb{padding:0 18px 16px}.cbpath li{padding:18px}.cbbookb{padding:18px 18px 22px}.cbtot dd{font-size:28px}}
@media (prefers-reduced-motion:reduce){.cbtoc>summary svg{transition:none}}
/* รอบ 20: หน้า TradingView (พาร์ทเนอร์) — ข้อความซ้าย กราฟจริงขวา · ฟีเจอร์ 6 ช่อง · สรุปสัญญาณ · ตารางแพ็กเกจ · 3 ขั้น · คำถาม */
.tvhero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(24px,3vw,48px);align-items:center;padding-top:40px;padding-bottom:32px}
.tvhero .t1{margin-top:8px}
.tvcta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}
.tvcta .btn{gap:8px}
.tvperk{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:12px 14px;border-radius:12px;background:var(--navon2);border:1px solid var(--navbd);color:var(--text2);font-size:15px;line-height:1.55;max-width:560px}
.tvfacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:28px 0 0;border-top:1px solid var(--line)}
.tvfacts>div{padding:14px 12px 0 0}.tvfacts>div+div{padding-left:14px;border-left:1px solid var(--line)}
.tvfacts dt{font-size:22px;font-weight:600;color:var(--text);line-height:1.2}.tvfacts dd{margin:4px 0 0;font-size:13.5px;line-height:1.45;color:var(--text3)}
.tvchart{position:relative;height:520px;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 18px 44px rgba(11,27,63,.10)}
.tvchart .tradingview-widget-container,.tvchart .tradingview-widget-container__widget,.tvta .tradingview-widget-container,.tvta .tradingview-widget-container__widget{height:100%;color-scheme:light}
.tvsec{padding-top:56px}
.tvsec>.h2{margin-bottom:6px}
.tvfeat{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;margin-top:22px}
.tvf{padding:24px;display:flex;flex-direction:column;gap:10px}.tvf .h3{margin:4px 0 0;font-size:19px}.tvf .body{margin:0;font-size:15.5px}
.tvfi{width:48px;height:48px;border-radius:12px;background:var(--navon);display:inline-flex;align-items:center;justify-content:center}
.tvsplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,3vw,48px);align-items:start}
.tvsplit .mktcats{justify-content:flex-start;margin:20px 0 14px}
.tvsplit-s{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.tvta{position:relative;height:460px;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.tvtbl th[scope=row]{text-align:left;font-size:16px;color:var(--text);background:transparent;border-bottom:1px solid var(--line);white-space:normal}
.tvtbl td{text-align:center}.tvtbl tr.tvrec>*{background:var(--navon2)}
.tvtbl .chip{background:var(--navon);color:var(--link)}
.tvband{padding:28px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--navon2);border-color:var(--navbd)}
.tvband .tvcta{margin-top:0}
@media (max-width:1023px){.tvhero,.tvsplit,.tvsplit-s{grid-template-columns:minmax(0,1fr)}.tvchart{height:440px}}
@media (max-width:639px){.tvhero{padding-top:28px}.tvfacts{grid-template-columns:repeat(2,minmax(0,1fr))}.tvfacts>div:nth-child(3){padding-left:0;border-left:0}.tvfacts>div:nth-child(n+3){margin-top:12px;border-top:1px solid var(--line)}
  .tvchart{height:380px}.tvta{height:420px}.tvcta .btn{width:100%;justify-content:center}.tvsec{padding-top:44px}.tvband{padding:22px}.tvtbl td{text-align:right}}
/* รอบ 21: หน้ารายละเอียดอินดิเกเตอร์แบบเต็ม (SMC Wave+ V2.0) — ข้อความ + ไทม์เฟรม + ปุ่ม ซ้าย · การ์ดสัญญาณบนกราฟ ขวา */
.ixhero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,64px);align-items:start;padding-top:24px;padding-bottom:48px}
.ixtf{display:flex;gap:14px;align-items:flex-start;margin-top:24px;padding:16px 18px;border-radius:14px;background:var(--navon2);border:1px solid var(--navbd);max-width:620px}
.ixtfi{width:44px;height:44px;border-radius:12px;background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--navbd);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.ixtf b{display:block;font-size:17px;font-weight:600;color:var(--text);line-height:1.4}.ixtf>div>span{display:block;margin-top:2px;font-size:15px;line-height:1.6;color:var(--text2)}
.ixtfc{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ixtfc span{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:#FFFFFF;border:1px solid var(--navbd);color:var(--link);font-size:13.5px;font-weight:600}
.ixcta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.ixcta .btn{gap:8px}
.ixcta2{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:14px}.ixcta2 .btn{gap:8px}
.ixsig{padding:22px;display:flex;flex-direction:column;gap:12px}
.ixsigh{font-size:14px;font-weight:600;color:var(--text3)}
.ixst{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}.ixst:first-of-type{border-top:0}
.ixst b{display:block;font-size:15.5px;font-weight:600;color:var(--text)}.ixst div>span{display:block;font-size:14px;line-height:1.55;color:var(--text3)}
.ixchip{flex-shrink:0;width:156px;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:8px;font-size:12.5px;font-weight:700;letter-spacing:.01em;white-space:nowrap}
.ixchip.pos{background:var(--okbg);color:var(--oktx)}.ixchip.brand{background:var(--navon);color:var(--link)}.ixchip.warn{background:var(--tagbg);color:var(--tagtx)}
.ixplan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:4px}
.ixplan>div{padding:10px;border-radius:10px;background:var(--surface2);border:1px solid var(--line);text-align:center}.ixplan span{display:block;font-size:12.5px;color:var(--text3)}.ixplan b{font-size:18px;font-weight:600;color:var(--text)}
.ixshots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px;margin-top:16px}
.ixband{background:var(--surface2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.ixfeat{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;margin-top:22px}
.ixf{padding:24px;display:flex;flex-direction:column;gap:10px}.ixf .h3{margin:4px 0 0;font-size:18px}.ixf .body{margin:0;font-size:15.5px}
.ixfi{width:48px;height:48px;border-radius:12px;background:var(--navon);display:inline-flex;align-items:center;justify-content:center}
.ixtwo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:24px;align-items:start;padding-top:48px}
.ixbox{padding:24px}.ixbox .h3{margin:0 0 14px}
.ixlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ixlist li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.6;color:var(--text2)}
.ixsess{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ixsess>div{padding:14px;border-radius:12px;background:var(--navon2);border:1px solid var(--navbd)}.ixsess b{display:block;font-size:15.5px}.ixsess span{font-size:14.5px;color:var(--text2)}
.ixend{padding:28px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--navon2);border-color:var(--navbd)}
@media (max-width:899px){.ixhero{grid-template-columns:minmax(0,1fr)}}
/* รอบ 31: ภาพกราฟจริงใน Hero ของอินดิเกเตอร์ */
.ixhero{row-gap:32px}
.ixfig{grid-column:1/-1;margin:0;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#FFFFFF;box-shadow:0 1px 2px rgba(16,24,40,.04),0 24px 48px -28px rgba(16,24,40,.28)}
.ixfig-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface2)}
.ixfig-bar i{width:9px;height:9px;border-radius:50%;background:var(--border)}
.ixfig-bar span{margin-left:8px;font-size:12px;color:var(--text3);font-variant-numeric:tabular-nums}
.ixfig-img{display:block;cursor:zoom-in}
.ixfig-img img{display:block;width:100%;height:auto}
.ixfig-img:focus-visible{outline:2px solid var(--link);outline-offset:-2px}
.ixfig figcaption{display:flex;gap:8px;align-items:flex-start;padding:12px 16px;border-top:1px solid var(--border);font-size:13px;line-height:1.55;color:var(--text2)}
.ixfig figcaption svg{flex-shrink:0;margin-top:2px}
@media (max-width:639px){.ixcta .btn,.ixend .btn{width:100%;justify-content:center}.ixchip{width:auto}.ixst{flex-direction:column;gap:6px}.ixplan{grid-template-columns:repeat(2,minmax(0,1fr))}.ixsess{grid-template-columns:minmax(0,1fr)}.ixend{padding:22px}}
/* ===== รอบ 23: CME Analysis (หน้าแรกต่อจาก "บริการของเรา" · หน้า /cme-analysis) ===== */
.cm-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);gap:40px;align-items:start}
.cm-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.cm-main{display:flex;flex-direction:column;gap:10px;min-width:0}
.cm-main.card{padding:18px}
/* รอบ 40: ระดับราคา CME แบบ Minimal Clean Premium — หัว (มุมมอง + เวลา) · บันไดระดับ (แถบสีบาง ชื่อ + บทบาท ราคาชิดขวา) · แถว "ราคาตอนนี้" */
.cmh{display:flex;align-items:flex-end;justify-content:space-between;gap:10px 16px;flex-wrap:wrap}
.cmh-l{display:flex;flex-direction:column;gap:3px;min-width:0}
.cmh-k{font-size:12.5px;font-weight:500;color:var(--text3);line-height:1.3}
.cmh-v{display:inline-flex;align-items:center;gap:7px;font-size:21px;font-weight:650;letter-spacing:-.015em;line-height:1.15;color:var(--text2)}
.cmh-v svg{width:13px;height:13px;flex:none}.cmh-v.up{color:var(--pos)}.cmh-v.dn{color:var(--negtx)}.cmh-v.flat i{display:block;width:11px;height:2px;border-radius:2px;background:currentColor}
.cmh-r{display:flex;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--text3);line-height:1.4}
.cmh-r span+span{margin-left:12px;padding-left:12px;border-left:1px solid var(--border)}
.cm-lv{display:flex;flex-direction:column}
.cml-r{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 0 10px 16px;border-top:1px solid var(--line)}
.cml-r:first-child{border-top:0}
.cml-r::before{content:'';position:absolute;left:0;top:50%;width:3px;height:20px;margin-top:-10px;border-radius:3px;background:var(--c,var(--text3))}
.cml-n{display:flex;flex-direction:column;gap:1px;min-width:0}
.cml-n b{font-size:15px;font-weight:600;line-height:1.35;color:var(--text)}
.cml-n small{font-size:12.5px;line-height:1.4;color:var(--text3)}
.cml-p{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--text);white-space:nowrap}
.cml-now{margin:2px -12px;padding:10px 12px 10px 28px;border-top-color:transparent;border-radius:10px;background:var(--navon)}
.cml-now::before{left:12px;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px rgba(21,112,239,.18)}
.cml-now+.cml-r{border-top-color:transparent}.cml-now .cml-n b,.cml-now .cml-p{color:var(--brand)}
.cm-lv.sk{gap:8px}.cm-lv.sk>div{height:42px;border-radius:10px;background:linear-gradient(90deg,var(--surface2) 25%,var(--hover) 37%,var(--surface2) 63%);background-size:400% 100%}
@media (prefers-reduced-motion:no-preference){.cm-lv.sk>div{animation:cmsk 1.4s ease infinite}}@keyframes cmsk{0%{background-position:100% 50%}100%{background-position:0 50%}}
.cm-warn{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;font-size:13px;line-height:1.55;color:var(--text3)}.cm-warn svg{flex:none;margin-top:2px}
.cm-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:16px}
.cm-top #cm-px{font-size:18px;font-weight:600}.cm-top #cm-px.up{color:var(--pos)}.cm-top #cm-px.dn{color:var(--neg)}
.cm-live{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--negtx)}
.cm-live::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.cm-live.off{color:var(--text3);font-weight:500}.cm-live.warn{color:var(--warn);font-weight:600}
@media (prefers-reduced-motion:no-preference){.cm-live:not(.off)::before{animation:cmpl 1.6s infinite}}@keyframes cmpl{50%{opacity:.3}}
.cm-tfs{margin-left:auto}.cm-tfs .seg{min-height:34px;min-width:44px;font-size:13.5px}
.cm-chart{position:relative;height:380px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface)}
.cm-chart.lg{height:clamp(420px,62vh,640px)}
.cm-c{position:absolute;inset:0}
.cm-skel,.cm-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:14px;pointer-events:none}
.cm-c canvas+.cm-skel,.cm-c:not(:empty)~.cm-skel{display:none}
/* รอบ 32: ชั้นวาดทับกราฟ CME (แบบกราฟเทรดของ KuyTrade Journal) */
:root{--cme-call:#DC2626;--cme-put:#2563EB;--cme-pivot:#B98900;--cme-sd:#7C8494;--cme-sdfill:rgba(14,23,38,.25);--cme-band:14,23,38;--cme-bandk:.7}
.cm-ov{position:absolute;left:0;top:0;right:0;bottom:28px;pointer-events:none;overflow:hidden;z-index:2;font-family:'Geist',var(--fx),sans-serif}
.cmx-band{position:absolute;left:0;right:0}
.cmx-line{position:absolute;left:0;right:0;height:0}
.cmx-lab{position:absolute;transform:translateY(-50%);display:flex;align-items:center;gap:6px;height:19px;padding:0 7px 0 0;border-radius:5px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 0 0 1px var(--border);font-size:11px;white-space:nowrap;color:var(--text);z-index:3}
.cmx-lab i{width:4px;align-self:stretch;border-radius:5px 0 0 5px}.cmx-lab b{font-weight:600}.cmx-lab .num{color:var(--text2)}
.cmx-lab .cmx-oi{padding-left:6px;border-left:1px solid var(--border);color:var(--text2)}      /* รอบ 50: จำนวนสัญญา OI ของ Wall */
.cmx-zone{position:absolute;left:0;right:0;border-radius:2px}
.cmx-zone.buy{background:rgba(22,163,74,.11);border-top:1px solid rgba(22,163,74,.5);border-bottom:1px solid rgba(22,163,74,.5)}
.cmx-zone.sell{background:rgba(220,38,38,.09);border-top:1px solid rgba(220,38,38,.45);border-bottom:1px solid rgba(220,38,38,.45)}
.cmx-zone span{position:absolute;top:-19px;font-size:10.5px;font-weight:600;white-space:nowrap;padding:1px 6px;border-radius:4px;background:var(--surface);box-shadow:0 0 0 1px var(--border)}
.cmx-zone.buy span{top:auto;bottom:-20px;color:var(--pos)}.cmx-zone.sell span{color:var(--negtx)}
.cmx-pt{position:absolute}.cmx-pt.win{background:rgba(22,163,74,.09)}.cmx-pt.loss{background:rgba(220,38,38,.08)}.cmx-pt.dim{opacity:.5}
/* รอบ 49: แผนบนกราฟแบบเรียบ — แผนอื่นที่ไม่ได้เลือกเหลือแถบจาง · ป้ายเป็นเม็ดสีขาวมีแถบสีด้านซ้าย */
.cmx-zone.faint{background:transparent;border-top:1px dashed rgba(120,130,150,.35);border-bottom:1px dashed rgba(120,130,150,.35)}.cmx-zone.buy.faint{background:rgba(22,163,74,.035)}.cmx-zone.sell.faint{background:rgba(220,38,38,.03)}
.cmx-zone.faint span{top:50%;bottom:auto;transform:translateY(-50%);box-shadow:none;background:transparent;font-weight:600;opacity:.8}
.cmx-pl{position:absolute;height:0;border-top:1px solid}.cmx-pl.dash{border-top-style:dashed}
.cmx-pl.en{border-color:var(--text2)}.cmx-pl.sl{border-color:var(--neg)}.cmx-pl.tp{border-color:var(--posfill)}.cmx-pl.dim{opacity:.55}
.cmx-pl span{position:absolute;left:50%;transform:translate(-50%,-50%);max-width:calc(100% + 40px);overflow:hidden;text-overflow:ellipsis;font-size:10.5px;font-weight:600;white-space:nowrap;padding:2px 7px;border-radius:5px;color:#FFFFFF;box-shadow:0 1px 2px rgba(14,23,38,.18);z-index:3}
.cmx-pl.en span{background:var(--text);color:var(--bg)}.cmx-pl.sl span,.cmx-pl.tp span{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border),0 1px 2px rgba(14,23,38,.08);border-left:3px solid var(--neg);font-weight:600}.cmx-pl.tp span{border-left-color:var(--posfill)}
.cmx-pk{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:7px 10px;border-top:1px solid var(--border)}
.cmx-pkl{font-size:12px;color:var(--text3)}.cmx-pks{display:flex;flex-wrap:wrap;gap:6px}.cmx-pkm{margin-left:auto;font-size:12px;color:var(--text3)}
.cmx-pkb{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font:inherit;font-size:12.5px;cursor:pointer}
.cmx-pkb b{font-weight:600}.cmx-pkb.buy b{color:var(--pos)}.cmx-pkb.sell b{color:var(--negtx)}
.cmx-pkb[aria-pressed=true]{border-color:var(--ctl);background:var(--surface2);color:var(--text);box-shadow:inset 0 0 0 1px var(--ctl)}
.cmx-pkr{font-size:11.5px;padding:0 5px;border-radius:5px;background:var(--surface2);color:var(--text2)}
@media (max-width:640px){.cmx-pkm{margin-left:0;width:100%}}
.cmx-news{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,rgba(180,83,9,.13) 0 6px,transparent 6px 12px);border-left:1px solid var(--warn);border-right:1px solid var(--warn)}
.cmx-news span{position:absolute;top:4px;left:4px;font-size:10.5px;font-weight:600;color:var(--warn);white-space:nowrap;background:color-mix(in srgb,var(--surface) 88%,transparent);padding:0 4px;border-radius:4px}
.cmx-strip{border:1px solid var(--border);border-radius:12px;background:var(--surface2);font-size:13px}
.cmx-strip:empty{display:none}
.cmx-st{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:7px 10px}
.cmx-st>b{font-weight:700;letter-spacing:.02em}
.cmx-kv{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.cmx-kv>span:first-child{color:var(--text3)}.cmx-kv b{font-weight:600}
.cmx-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:600;background:var(--hover);color:var(--text2)}
.cmx-pill.ok{background:var(--okbg);color:var(--pos)}.cmx-pill.bad{background:var(--negbg);color:var(--negtx)}
.cmx-sp{flex:1 1 auto}
.cmx-lay{display:flex;flex-wrap:wrap;gap:4px}
.cmx-chip{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text3);font:inherit;font-size:12px;cursor:pointer}
.cmx-chip i{width:8px;height:8px;border-radius:2px;opacity:.45}.cmx-chip.on{color:var(--text);border-color:var(--ctl)}.cmx-chip.on i{opacity:1}
.cmx-chip.lock{cursor:not-allowed;opacity:.6}
.cmx-more{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.cmx-wn{color:var(--warn)}
.cmx-pan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:10px 12px 12px;border-top:1px solid var(--line)}
.cmx-pan h4{margin:0 0 4px;font-size:12.5px;font-weight:600;color:var(--text3)}.cmx-pan ul{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:3px;color:var(--text2);font-size:13px}
.cmx-pan li.w{color:var(--warn)}.cmx-pan li.e{color:var(--negtx)}.cmx-pan .lbl{margin:0;font-size:12.5px}.cmx-fn{margin-top:8px!important}
.cmx .cm-top{gap:8px 10px}
@media (max-width:900px){.cmx-pan{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.cmx-lay{display:none}.cmx-strip.open .cmx-lay{display:flex}.cmx-st{gap:6px 8px}.cmx .cm-tfs .seg{min-width:40px}}
.cm-cw{position:relative}
/* รอบ 52: บันได Open Interest บนกราฟ (แท่ง Call บน · Put ล่าง ชิดขวา ที่ระดับราคาจริง) · ปุ่ม "แผนเทรดอย่างเดียว" */
.cmx-oib{position:absolute;right:0;border-radius:2px 0 0 2px;opacity:.38}
.cmx-oib.c{background:var(--cme-call)}.cmx-oib.p{background:var(--cme-put)}.cmx-oib.w{opacity:.8}
.cmx-oil{position:absolute;display:flex;align-items:center;gap:5px;height:17px;padding:0 6px;border-radius:4px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 0 0 1px var(--border);font-size:10.5px;line-height:1;white-space:nowrap;color:var(--text2);font-variant-numeric:tabular-nums;z-index:2}
.cmx-oil b{font-weight:600}.cmx-oil b.c{color:var(--cme-call)}.cmx-oil b.p{color:var(--cme-put)}.cmx-oil em{font-style:normal;font-weight:700;color:var(--text)}
.cmx-oil i{font-style:normal;font-size:10px;margin-left:-2px}.cmx-oil i.up{color:var(--pos)}.cmx-oil i.dn{color:var(--negtx)}
.cmx-oih{position:absolute;top:4px;right:6px;display:flex;align-items:center;gap:5px;height:18px;padding:0 7px;border-radius:5px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 0 0 1px var(--border);font-size:10.5px;white-space:nowrap;color:var(--text3);z-index:2}
.cmx-oih b{color:var(--text);font-weight:700}.cmx-oih i{width:8px;height:8px;border-radius:2px;margin-left:2px}.cmx-oih i.c{background:var(--cme-call)}.cmx-oih i.p{background:var(--cme-put)}
.cmx-solo{font-weight:600}.cmx-solo svg{flex:none}.cmx-solo.on{background:var(--text);border-color:var(--text);color:var(--bg)}
/* รอบ 52: ผลลัพธ์แผนเทรด — แถบเลือกวัน + การ์ดแผนพร้อมกราฟแท่งเทียน */
.cmr-days{display:flex;gap:8px;margin-top:14px;padding:2px 2px 8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
.cmr-day{flex:none;scroll-snap-align:start;display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 10px;min-width:132px;padding:9px 12px;border:1px solid var(--sx-line);border-radius:12px;background:var(--sx-surface);color:var(--sx-text);font:inherit;text-align:left;cursor:pointer}
.cmr-day:hover{border-color:var(--sx-line2)}
.cmr-day[aria-pressed=true]{border-color:var(--sx-blue);box-shadow:inset 0 0 0 1px var(--sx-blue);background:var(--sx-blue-soft)}
.cmr-day .cmr-dd{font-size:13px;font-weight:600}.cmr-day .cmr-dots{justify-self:end}.cmr-day .cmr-r{text-align:left;font-size:14px}.cmr-day .cmr-chip{justify-self:end;font-size:11px;padding:1px 7px}
.cmr-day:focus-visible{outline:2px solid var(--sx-blue);outline-offset:2px}
.cmr-det{margin-top:6px}.cmr-det .cmsh-sk{height:440px}
.cmr-card{padding:18px 20px;border:1px solid var(--sx-line);border-radius:14px}
.cmr-dt{margin:0;font-size:16px;font-weight:700}
.cmr-dact{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.cmr-open{font-size:13px;font-weight:600;color:var(--sx-blue-tx);text-decoration:none;white-space:nowrap}.cmr-open:hover{text-decoration:underline}
.cmc{margin:14px 0 4px}
.cmc-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.cmc-zs{display:flex;flex-wrap:wrap;gap:6px}.cmc-zs .cmr-dot{width:9px;height:9px}
.cmc-oi{margin-left:auto}
.cmc-ch{position:relative;height:clamp(300px,46vh,440px);border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}
.cmc-vl{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed var(--text3);opacity:.7}
.cmc-vl span{position:absolute;top:4px;left:4px;font-size:10.5px;font-weight:600;white-space:nowrap;color:var(--text3);background:color-mix(in srgb,var(--surface) 88%,transparent);padding:0 4px;border-radius:4px}
.cmc-ov .cmx-zone span{top:2px;bottom:auto}.cmc-ov .cmx-zone.faint span{top:50%}
.cmc-note{margin:8px 0 0;font-size:12px;line-height:1.55;color:var(--sx-mute)}
/* รอบ 72: ป้ายกราฟสด */
.cmc-live{display:inline-flex;align-items:center;gap:6px;margin-left:8px;color:var(--sx-text2,#3A4556);font-weight:500;white-space:nowrap}
.cmc-live i{width:7px;height:7px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 0 rgba(22,163,74,.45);animation:cmcPulse 2s ease-out infinite}
@keyframes cmcPulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}70%{box-shadow:0 0 0 7px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
@media (prefers-reduced-motion:reduce){.cmc-live i{animation:none}}
@media (max-width:640px){.cmc-oi{margin-left:0}.cmc-ch{height:300px}.cmr-card{padding:14px}.cms-ch{flex-wrap:wrap}.cmr-dact{justify-content:flex-start}}
#cm-lockbox{position:absolute;right:76px;bottom:40px;z-index:3;max-width:calc(100% - 96px)}#cm-lockbox:empty{display:none}
.cm-lock{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 32px -12px rgba(14,23,38,.25)}
.cm-lock>span{display:flex;flex-direction:column;gap:2px;font-size:14px}
.cm-lock.sm .lbl{font-size:12.5px}
.cm-lock .btn{flex:none;white-space:nowrap}      /* รอบ 53.2 */
.cm-note{margin:0}
.cm-pg{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.cm-panel{padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0}
.cm-sub{margin:6px 0 0;font-size:15.5px}
.cm-zone{border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.cm-zone.buy{border-left:4px solid var(--posfill)}.cm-zone.sell{border-left:4px solid var(--neg)}
.cm-zh{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}
.cm-zd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin:0}.cm-zd dt{font-size:12.5px;color:var(--text3)}.cm-zd dd{margin:0;font-weight:600}
.cm-news{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}.cm-news li{display:flex;gap:10px}
.cm-hl{display:flex;gap:8px;overflow-x:auto;padding:6px 0 4px;scrollbar-width:thin}
.cm-hr{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font:inherit;font-size:13.5px;cursor:pointer;color:var(--text2)}
.cm-hr.on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--navon)}
.cm-what{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:24px 0 0}.cm-what>div{border:1px solid var(--border);border-radius:14px;padding:16px}.cm-what dt{font-weight:600;font-size:16px}.cm-what dd{margin:6px 0 0;color:var(--text3);font-size:15px;line-height:1.65}
@media (max-width:1100px){.cm-pg{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.cm-grid{grid-template-columns:minmax(0,1fr);gap:24px}}
@media (max-width:640px){.cm-chart{height:320px}.cm-chart.lg{height:420px}#cm-lockbox{position:static;max-width:none;margin-top:8px}.cm-lock{box-shadow:none}.cm-lock>span{flex:1;min-width:0}.cm-lock .btn{flex:none}.cm-tfs{margin-left:0}}
/* ===== รอบ 23c: หัวหน้าแรกแบบกึ่งกลาง (ไม่มีพอร์ตผลงาน) + ชิปราคาทองสด ===== */
.hv-hero.hv-center{padding:clamp(56px,7vw,112px) 0 clamp(28px,3vw,48px)}
.hv-center .hv-herogrid{justify-content:center}
.hv-center .hv-herotext{flex:0 1 920px;align-items:center;text-align:center;gap:24px}
.hv-center .hv-h1{font-size:clamp(38px,3.2vw + 18px,64px)}
.hv-center .hv-lead{max-width:720px}
.hv-center .hv-ctas,.hv-center .hv-checks{justify-content:center}
.hv-live{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;text-decoration:none;box-shadow:0 6px 20px -12px rgba(14,23,38,.25)}
.hv-live:hover{border-color:var(--brand)}
.hv-live b{font-weight:600}.hv-live .num{font-weight:600;font-size:16px}.hv-live .lbl{font-size:13.5px}
.hv-livedot{width:8px;height:8px;border-radius:50%;background:var(--negtx);flex:none}
.hv-live.off .hv-livedot{background:var(--text3)}
@media (prefers-reduced-motion:no-preference){.hv-live:not(.off) .hv-livedot{animation:cmpl 1.6s infinite}}
/* ===== รอบ 24: (KUYTRADE INSIDER → รอบ 25 แทนด้วย KUYTRADE SOCIAL ด้านล่าง) · AI Analysis · หน้าแรกเรียงใหม่ — ขาวเป็นหลัก · น้ำเงินเข้ม #0B2D6F (ความน่าเชื่อถือ) · เขียว #16A34A เฉพาะสถานะที่ใช้งานได้ ===== */
:root{--ins-navy:#0B2D6F;--ins-navy2:#0A2459;--ins-green:#16A34A;--ins-gtx:#86EFAC}
.sr{width:1px;height:1px;overflow:hidden}
.linkbtn{background:none;border:0;padding:0;min-height:32px;font:inherit;font-size:14px;color:var(--link);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.tabs button{flex-shrink:0;white-space:nowrap;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:15px;color:var(--text2);cursor:pointer}
.tabs button.on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px rgba(11,27,63,.12)}
/* หน้าแรก: AI Analysis (ห่อ CME) */
.ai-head{display:flex;flex-direction:column;gap:14px;max-width:820px;margin-bottom:36px}
.cm-h3{font-size:clamp(22px,1vw + 16px,28px)}
.ai-strip{margin-top:28px;padding:22px 24px;border-radius:18px;border:1px solid var(--border);background:var(--surface2);display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.ai-sh{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ai-sh b{font-size:19px;font-family:'Noto Sans Thai',var(--fx),sans-serif}
.ai-cats{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:600px){.ai-strip .ai-cats{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px}.ai-strip .ai-cats li{flex:none}}
.ai-cats li{padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:14px;color:var(--text2)}
/* สถานะ (เปิดแล้ว / เร็ว ๆ นี้) ใช้ร่วมกันทุกส่วน */
.ins-st{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 12px;border-radius:999px;background:var(--track);color:var(--text2);font-size:13px;font-weight:600;white-space:nowrap}
.ins-st.live{background:var(--okbg);color:var(--oktx)}
.ins-dot{width:8px;height:8px;border-radius:50%;background:var(--ins-green);flex:none}
/* หน้าแรก: ความโปร่งใส · แพ็กเกจ · คอร์ส */
.hv-trust{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.hv-trust .hv-info{background:var(--surface);border:1px solid var(--border)}
.pl-teaser{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
.pl-tcard{padding:22px;display:flex;flex-direction:column;gap:8px}.pl-tcard.rec{box-shadow:inset 0 0 0 2px var(--brand)}
.pl-tn{font-size:20px;font-family:'Noto Sans Thai',var(--fx),sans-serif}.pl-tp{font-size:26px;font-weight:600}
.pl-tcard ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14.5px;color:var(--text2)}.pl-tcard li{display:flex;gap:8px;align-items:flex-start}.pl-tcard li svg{margin-top:4px}
.pl-tcard .hv-soon{margin-left:4px}
@media (max-width:1100px){.pl-teaser{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.pl-teaser{grid-template-columns:1fr}}
.ed-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.ed-card{padding:22px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--text)}.ed-card:hover{border-color:var(--brand)}
.ed-k{display:inline-flex;gap:8px;align-items:center;font-size:13.5px;color:var(--link);font-weight:600}.ed-t{font-size:19px;line-height:1.35;font-family:'Noto Sans Thai',var(--fx),sans-serif}
.ed-s{font-size:15px;line-height:1.6;color:var(--text3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* หน้า AI Analysis */
.ai-sec{padding-top:40px}
.ai-card{padding:28px;display:flex;flex-direction:column;gap:16px;max-width:980px}
.ai-ch{display:flex;gap:16px;align-items:center}.ai-ch>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.ai-ch .ins-ti{background:var(--navon);color:var(--brand)}
.ai-nh{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ai-grid{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.ai-cat{padding:16px 18px;font-size:15.5px}.ai-cat b{font-weight:500}
.ai-pr{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin:20px 0 0}
.ai-pr>div{padding:18px 20px;border-radius:16px;background:var(--surface2);border:1px solid var(--line)}.ai-pr dt{font-weight:600;font-size:16.5px}.ai-pr dd{margin:6px 0 0;color:var(--text3);font-size:15px;line-height:1.6}
.popt.dis{opacity:.6;cursor:not-allowed}
/* หลังบ้าน › KUYTRADE SOCIAL (ตรวจเนื้อหา) */
.ains-q{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.ains-q details summary{cursor:pointer;color:var(--link);min-height:36px;display:flex;align-items:center}
.ains-body{max-height:420px;overflow:auto;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin-top:8px}
.ains-gl{display:flex;flex-direction:column;gap:6px;margin:8px 0}
/* ===== รอบ 25: KUYTRADE SOCIAL — แอปชุมชน (Social.html · SocialPlus.html) =====
 * พื้นเทาอมฟ้าอ่อน + การ์ดขาว (สว่าง) · พื้นกรมท่าเกือบดำ + การ์ดน้ำเงินเข้ม (มืด) · น้ำเงินเป็นสีหลัก เขียวเป็นสีเน้น (สด/สำเร็จ/ขาขึ้น)
 * ตัวแปร --sx-* อยู่ที่ :root (หน้าต่าง modal ใช้ได้) · ธีมมืดเฉพาะใน .sx[data-theme=dark] และส่วนเข้มของหน้าแรก · ทั้งเว็บยังไม่มีโหมดมืด (ตามรอบ 14) */
:root{--sx-bg:#F3F6FA;--sx-surface:#FFFFFF;--sx-raise:#F7F9FC;--sx-sunk:#EDF1F6;--sx-line:#E2E8F0;--sx-line2:#CBD4E1;--sx-text:#0E1726;--sx-text2:#3A4556;--sx-mute:#5F6B7E;
  --sx-blue:#1570EF;--sx-pri:#1570EF;--sx-pri2:#0F5BD0;--sx-blue-soft:#EAF2FF;--sx-blue-tx:#0B4FB8;--sx-green:#16A34A;--sx-green-soft:#E6F6EC;--sx-green-tx:#166534;
  --sx-neg:#DC2626;--sx-neg-soft:#FDECEC;--sx-neg-tx:#B91C1C;--sx-amber:#D97706;--sx-amber-soft:#FEF3E2;--sx-amber-tx:#8A4B07;
  --sx-shadow:0 1px 2px rgba(14,23,38,.05),0 2px 6px rgba(14,23,38,.04);--sx-shadow2:0 14px 36px rgba(14,23,38,.16);--sx-r:16px;--sx-hd:76px}
@media (max-width:639px){:root{--sx-hd:68px}}
.sx[data-theme=dark]{--sx-bg:#070B14;--sx-surface:#0E1524;--sx-raise:#131C2E;--sx-sunk:#0A101C;--sx-line:#1F2A3D;--sx-line2:#2E3C55;--sx-text:#E8EDF5;--sx-text2:#BAC5D6;--sx-mute:#8D9AB0;
  --sx-blue:#4C8DFF;--sx-pri:#2563EB;--sx-pri2:#1D4ED8;--sx-blue-soft:rgba(76,141,255,.15);--sx-blue-tx:#9CC0FF;--sx-green:#34D399;--sx-green-soft:rgba(52,211,153,.14);--sx-green-tx:#7EE8C0;
  --sx-neg:#F87171;--sx-neg-soft:rgba(248,113,113,.14);--sx-neg-tx:#FCA5A5;--sx-amber:#FBBF24;--sx-amber-soft:rgba(251,191,36,.14);--sx-amber-tx:#FCD34D;
  --sx-shadow:0 1px 2px rgba(0,0,0,.45);--sx-shadow2:0 18px 44px rgba(0,0,0,.55);
  --bg:#070B14;--surface:#0E1524;--surface2:#131C2E;--hover:#131C2E;--track:#1A2436;--line:#1F2A3D;--border:#1F2A3D;--ctl:#2E3C55;--text:#E8EDF5;--text2:#BAC5D6;--text3:#A5B1C4;--mute:#8D9AB0;
  --link:#9CC0FF;--linkh:#BBD3FF;--brand:#4C8DFF;--navon:rgba(76,141,255,.15);--okbg:rgba(52,211,153,.14);--oktx:#7EE8C0;--negbg:rgba(248,113,113,.14);--negtx:#FCA5A5;--neg:#F87171;--pos:#34D399;--tagbg:rgba(251,191,36,.14);--tagtx:#FCD34D;--okbd:rgba(52,211,153,.32);--negbd:rgba(248,113,113,.34);--warn:#FBBF24;color-scheme:dark}

/* ---------- โครงแอป ---------- */
.sx{position:relative;background:var(--sx-bg);color:var(--sx-text);min-height:calc(100vh - var(--sx-hd));font-size:15.5px;line-height:1.6}
.sx :focus-visible{outline:3px solid var(--sx-blue);outline-offset:2px}
.sx-app{display:grid;grid-template-columns:252px minmax(0,1fr);max-width:1560px;margin:0 auto}
.sx-side{position:sticky;top:var(--sx-hd);height:calc(100vh - var(--sx-hd));border-right:1px solid var(--sx-line);background:var(--sx-surface)}
.sx-sidein{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:18px 14px 16px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin}
.sx-logo{display:flex;align-items:center;gap:10px;padding:2px 8px 16px;color:var(--sx-text)!important;text-decoration:none;min-height:44px}
.sx-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(140deg,#1570EF,#0B2D6F 70%);display:inline-flex;align-items:center;justify-content:center;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.sx-brand{display:flex;flex-direction:column;line-height:1.05}.sx-brand b{font-size:15px;font-weight:800;letter-spacing:.04em}.sx-brand span{font-size:11.5px;font-weight:800;letter-spacing:.34em;color:var(--sx-green)}
.sx-create{width:100%;margin:0 0 12px}
.sx-nav{display:flex;flex-direction:column;gap:2px}
.sx-nav2,.sx-nav3{margin-top:12px;padding-top:12px;border-top:1px solid var(--sx-line)}
.sx-navh{font-size:12.5px;font-weight:600;color:var(--sx-mute);padding:6px 12px 4px}
.sx-nl{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:12px;color:var(--sx-text2)!important;text-decoration:none;font-size:15px;font-weight:500}
.sx-nl:hover{background:var(--sx-raise);color:var(--sx-text)!important}
.sx-nl.on{background:var(--sx-blue-soft);color:var(--sx-blue-tx)!important;font-weight:600}
.sx-nl.on::before{content:'';position:absolute;left:-14px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--sx-blue)}
.sx-nl-sm{min-height:40px;font-size:14px}
.sx-sic{width:28px;height:28px;border-radius:8px;background:var(--sx-sunk);color:var(--sx-blue);display:inline-flex;align-items:center;justify-content:center;flex:none}
.sx-nb{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--sx-neg);color:#FFFFFF;font-size:11.5px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.sx-sidesec{margin-top:8px}.sx-sidesec:empty{display:none}
.sx-sidefoot{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.sx-theme{display:inline-flex;padding:3px;border-radius:999px;background:var(--sx-sunk);border:1px solid var(--sx-line)}
.sx-theme button{min-width:40px;min-height:34px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--sx-mute);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font:inherit;font-size:13.5px}
.sx-theme button[aria-pressed=true]{background:var(--sx-surface);color:var(--sx-text);box-shadow:var(--sx-shadow)}
.sx-work{min-width:0;padding:0 clamp(16px,2.4vw,36px) 72px}
.sx-top{position:sticky;top:var(--sx-hd);z-index:8;display:flex;gap:12px;align-items:center;padding:14px 0;background:var(--sx-bg)}
@supports (backdrop-filter:blur(8px)){.sx-top{background:color-mix(in srgb,var(--sx-bg) 86%,transparent);backdrop-filter:blur(10px)}}
.sx-search{position:relative;flex:1;max-width:760px;display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px 0 14px;border-radius:14px;background:var(--sx-surface);border:1px solid var(--sx-line);box-shadow:var(--sx-shadow)}
.sx-search:focus-within{border-color:var(--sx-blue);box-shadow:0 0 0 4px var(--sx-blue-soft)}
.sx-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:15.5px;color:var(--sx-text);min-height:44px;outline:0;padding:0}
.sx-search input::placeholder{color:var(--sx-mute)}
.sx-kbd{font:inherit;font-size:12px;min-width:22px;height:22px;border-radius:6px;border:1px solid var(--sx-line2);color:var(--sx-mute);display:inline-flex;align-items:center;justify-content:center;flex:none}
.sx-sug{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--sx-surface);border:1px solid var(--sx-line);border-radius:14px;box-shadow:var(--sx-shadow2);padding:6px;max-height:min(70vh,540px);overflow:auto;z-index:20}
.sx-sgh{font-size:12.5px;font-weight:600;color:var(--sx-mute);padding:10px 10px 4px}
.sx-sug a{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;color:var(--sx-text)!important;text-decoration:none;min-height:44px}
.sx-sug a>span:last-child{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.sx-sug a b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-sug a .sx-mut{font-size:12.5px}
.sx-sug a:hover,.sx-sug a[aria-selected=true]{background:var(--sx-blue-soft)}
.sx-sug .sx-sall{border-top:1px solid var(--sx-line);border-radius:0 0 10px 10px;margin-top:4px;color:var(--sx-blue-tx)!important;font-weight:600}
.sx-top .sx-topnew{display:none}
.sx-page{min-width:0}

/* ---------- หัวหน้า · คอลัมน์ · การ์ด ---------- */
.sx-ph{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-end;justify-content:space-between;margin:6px 0 20px}
.sx-ph>div:first-child{min-width:0;max-width:780px}
.sx-pha{display:flex;flex-wrap:wrap;gap:8px}
.sx-h1{margin:0;font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:clamp(25px,1.1vw + 18px,33px);line-height:1.22;font-weight:700;letter-spacing:-.01em;color:var(--sx-text);overflow-wrap:anywhere}
.sx-h1s{margin:0;font-size:20px;line-height:1.3;font-weight:700;color:var(--sx-text)}
.sx-phs{margin:6px 0 0;color:var(--sx-text2);font-size:16px;line-height:1.65}
.sx-h2{margin:0 0 12px;font-size:19px;font-weight:700;line-height:1.35;color:var(--sx-text)}
.sx-h3{margin:0;font-size:17px;font-weight:600;line-height:1.4;color:var(--sx-text);overflow-wrap:anywhere}
.sx-h3 a,.sx-pt a{color:var(--sx-text)!important;text-decoration:none}.sx-h3 a:hover,.sx-pt a:hover{color:var(--sx-blue-tx)!important;text-decoration:underline}
.sx-sech{margin:28px 0 12px}
.sx-mut{color:var(--sx-mute);font-size:14px}
p.sx-mut{margin:6px 0 0}
.sx-crumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px;color:var(--sx-mute);margin:2px 0 14px;min-width:0}
.sx-crumb a{color:var(--sx-mute)!important;text-decoration:none}.sx-crumb a:hover{color:var(--sx-blue-tx)!important;text-decoration:underline}
.sx-crumb>span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-cols{display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:24px;align-items:start}
.sx-cols-read{grid-template-columns:minmax(0,1fr) 300px}
.sx-main{min-width:0;display:flex;flex-direction:column;gap:14px}
.sx-main>:empty{display:none}
.sx-aside{min-width:0;display:flex;flex-direction:column;gap:14px}
.sx-aside>div{display:flex;flex-direction:column;gap:14px}.sx-aside>div:empty{display:none}
@media (max-width:1199px){.sx-cols,.sx-cols-read{grid-template-columns:minmax(0,1fr)}}
.sx-card{background:var(--sx-surface);border:1px solid var(--sx-line);border-radius:var(--sx-r);padding:18px 20px;box-shadow:var(--sx-shadow);min-width:0}
.sx-list{display:flex;flex-direction:column;gap:12px;min-width:0}
.sx-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.sx-grid-m{grid-template-columns:repeat(auto-fill,minmax(min(100%,232px),1fr))}
.sx-grid-p{grid-template-columns:repeat(auto-fill,minmax(min(100%,264px),1fr))}
.sx-sk{display:flex;flex-direction:column;gap:12px}.sx-skr{display:flex;gap:10px;align-items:center}
.sx-moreb{display:flex;justify-content:center;margin-top:14px}.sx-moreb:empty{display:none}
.sx-more2{min-width:200px}
.sx-tips{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14.5px;line-height:1.6;color:var(--sx-text2)}
.sx-rules{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;line-height:1.6}

/* ---------- ปุ่ม · ช่องกรอก ---------- */
.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid transparent;font:inherit;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none!important;cursor:pointer;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s}
.sx-btn-pri{background:var(--sx-pri);color:#FFFFFF!important}.sx-btn-pri:hover{background:var(--sx-pri2)}
.sx-btn-ghost{background:var(--sx-surface);border-color:var(--sx-line2);color:var(--sx-text)!important}.sx-btn-ghost:hover{background:var(--sx-raise);border-color:var(--sx-mute)}
.sx-btn-soft{background:var(--sx-blue-soft);color:var(--sx-blue-tx)!important}.sx-btn-soft:hover{border-color:var(--sx-blue)}
.sx-btn-ghostd{background:transparent;border-color:var(--sx-line2);color:var(--sx-text)!important}.sx-btn-ghostd:hover{background:rgba(255,255,255,.07);border-color:var(--sx-text2)}
.sx-btn-sm{min-height:38px;padding:0 14px;font-size:14px;border-radius:10px}
.sx-btn-xs{min-height:32px;padding:0 10px;font-size:13px;border-radius:9px;gap:6px}
.sx-btn-lg{min-height:52px;padding:0 24px;font-size:16.5px;border-radius:14px}
.sx-btn[disabled],.sx-btn[aria-busy=true]{opacity:.55;cursor:default}
.sx-danger{color:var(--sx-neg-tx)!important}.sx-btn-ghost.sx-danger:hover{border-color:var(--sx-neg)}
.sx-btnrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sx-linkbtn{background:none;border:0;padding:0;min-height:36px;display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:14px;font-weight:500;color:var(--sx-blue-tx)!important;cursor:pointer;text-decoration:none;align-self:flex-start}
.sx-linkbtn:hover{text-decoration:underline}
.sx-iconbtn{width:40px;height:40px;border-radius:10px;border:1px solid var(--sx-line);background:var(--sx-surface);color:var(--sx-text2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.sx-iconbtn:hover{background:var(--sx-raise);color:var(--sx-text)}
.sx-upl{cursor:pointer}
.sx-inp,.sx-sel{width:100%;min-height:44px;padding:9px 12px;border-radius:12px;border:1px solid var(--sx-line2);background:var(--sx-surface);color:var(--sx-text);font:inherit;font-size:15.5px;line-height:1.5}
.sx-sel{width:auto;max-width:100%;padding-right:28px}
textarea.sx-inp{resize:vertical;min-height:88px}
.sx-inp:focus,.sx-sel:focus{outline:0;border-color:var(--sx-blue);box-shadow:0 0 0 4px var(--sx-blue-soft)}
.sx-inp::placeholder{color:var(--sx-mute)}
.sx-fs{border:0;padding:0;margin:0;min-width:0}
.sx .flabel{color:var(--sx-text)}
.sx-pf .sx-sel,.mf2 .sx-sel{width:100%}

/* ---------- ชิป · แท็ก · ป้าย ---------- */
.sx-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.sx-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--sx-line);background:var(--sx-surface);color:var(--sx-text2);font:inherit;font-size:14px;white-space:nowrap}
button.sx-chip{cursor:pointer}button.sx-chip:hover{border-color:var(--sx-line2);color:var(--sx-text)}
.sx-chip.on{background:var(--sx-text);border-color:var(--sx-text);color:var(--sx-surface)}
.sx-chips-sm .sx-chip{min-height:28px;padding:0 10px;font-size:13px}
.sx-chipx{padding-right:4px}
.sx-chipx button{width:26px;height:26px;border:0;background:transparent;border-radius:50%;color:var(--sx-mute);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.sx-chipx button:hover{background:var(--sx-sunk);color:var(--sx-neg-tx)}
.sx-chipk{position:relative;display:inline-flex}
.sx-chipk input{position:absolute;opacity:0;width:1px;height:1px}
.sx-chipk span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--sx-line2);background:var(--sx-surface);color:var(--sx-text2);font-size:14px;cursor:pointer}
.sx-chipk input:checked+span{background:var(--sx-blue-soft);border-color:var(--sx-blue);color:var(--sx-blue-tx);font-weight:600}
.sx-chipk input:focus-visible+span{outline:3px solid var(--sx-blue);outline-offset:2px}
.sx-tags{display:flex;flex-wrap:wrap;gap:6px}
.sx-tag{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 10px;border-radius:8px;background:var(--sx-blue-soft);color:var(--sx-blue-tx)!important;font:inherit;font-size:13.5px;font-weight:500;text-decoration:none;border:0}
button.sx-tag{cursor:pointer}.sx-tag[aria-pressed=true]{background:var(--sx-pri);color:#FFFFFF!important}
.sx-tag:hover{text-decoration:underline}.sx-tag .sx-mut{font-size:12px}
.sx-k,.sx-flag,.sx-spc,.sx-badge,.sx-lvl,.sx-st,.sx-dt{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 9px;border-radius:7px;font-size:12.5px;font-weight:600;line-height:1.2;white-space:nowrap}
.sx-k-ed{background:var(--sx-text);color:var(--sx-surface)}.sx-k-ar{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}.sx-k-ds{background:var(--sx-sunk);color:var(--sx-text2)}
.sx-flag{background:var(--sx-amber-soft);color:var(--sx-amber-tx)}.sx-flag-g{background:var(--sx-green-soft);color:var(--sx-green-tx)}
.sx-spc{border:1px solid var(--sx-line);color:var(--sx-text2)!important;text-decoration:none;font-weight:500}.sx-spc:hover{border-color:var(--sx-blue);color:var(--sx-blue-tx)!important}
.sx-lockc{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:13px;font-weight:600;color:var(--sx-amber-tx);background:var(--sx-amber-soft);padding:3px 10px;border-radius:999px}
.sx-badge,.sx-lvl,.sx-st{border-radius:999px}
.sx-b-blue{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}.sx-b-green{background:var(--sx-green-soft);color:var(--sx-green-tx)}.sx-b-plan{background:var(--sx-amber-soft);color:var(--sx-amber-tx)}
.sx-lvl{background:var(--sx-sunk);color:var(--sx-text2)}
.sx-lvl-leader{background:var(--sx-pri);color:#FFFFFF}.sx-lvl-expert{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}.sx-lvl-contributor{background:var(--sx-green-soft);color:var(--sx-green-tx)}
.sx-bdg{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sx-st{background:var(--sx-sunk);color:var(--sx-text2)}.sx-st-ok{background:var(--sx-green-soft);color:var(--sx-green-tx)}.sx-st-warn{background:var(--sx-amber-soft);color:var(--sx-amber-tx)}.sx-st-bad{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.sx-sbd{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--sx-mute);font-weight:500}.sx-sbd-p{color:var(--sx-amber-tx)}
.sx-sbds{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px}
.sx-vb{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--sx-green-tx)}
.sx-live{color:var(--sx-green-tx);font-weight:600}
.sx-up{color:var(--sx-green-tx)}.sx-dn{color:var(--sx-neg-tx)}
/* ป้ายชนิดข้อมูล: สด · หน่วงเวลา · วิเคราะห์โดย AI · ยังไม่มีข้อมูล · ข้อมูลจากแหล่งภายนอก */
.sx-dt{border-radius:999px;font-size:12px;border:1px solid transparent}
.sx-dt-g{background:var(--sx-green-soft);color:var(--sx-green-tx)}.sx-dt-a{background:var(--sx-amber-soft);color:var(--sx-amber-tx)}.sx-dt-b{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}.sx-dt-n{border-color:var(--sx-line2);color:var(--sx-mute)}
.sx-pulse{width:7px;height:7px;border-radius:50%;background:var(--sx-green);flex:none}
@media (prefers-reduced-motion:no-preference){.sx-pulse{animation:sxp 2s ease-out infinite}}
@keyframes sxp{0%{box-shadow:0 0 0 0 rgba(22,163,74,.55)}70%{box-shadow:0 0 0 7px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.sx-legend{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 18px}

/* ---------- สมาชิก (รูป · ชื่อ) ---------- */
.sx-av{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF;font-weight:700;flex:none;object-fit:cover;background:var(--sx-sunk);line-height:1}
img.sx-av{display:block}
.sx-av-team{background:linear-gradient(140deg,#1570EF,#0B2D6F 70%)}
.sx-avxl{border:4px solid var(--sx-surface);box-shadow:var(--sx-shadow)}
.sx-who{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%;color:var(--sx-text)!important;text-decoration:none}
a.sx-who:hover b{text-decoration:underline}
.sx-whot{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.sx-whot b{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:4px}
.sx-whot .sx-mut{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-avs{display:flex;flex-wrap:wrap;gap:6px}
.sx-mrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;min-width:0}
.sx-card.sx-mrow{padding:12px 16px}
.sx-mrow>.sx-btnrow{flex:none}
/* รอบ 113: ปุ่มส่งข้อความข้างปุ่มติดตาม (รายชื่อสมาชิก · การ์ดสมาชิก) — ไอคอนอย่างเดียว ป้ายอ่านออกเสียงอยู่ใน aria-label */
.sx-mra{display:inline-flex;align-items:center;gap:6px;flex:none}.sx-mca{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.sx-btn.dm-mbtn{padding:0;width:38px}.sx-btn-xs.dm-mbtn{width:32px}[data-dm-to][hidden]{display:none!important}

/* ---------- การ์ดโพสต์ ---------- */
.sx-post{display:flex;flex-direction:column;gap:10px;padding:18px 20px 8px}
.sx-post.sx-ed{box-shadow:inset 3px 0 0 var(--sx-blue),var(--sx-shadow)}
.sx-ph2{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;min-width:0}
.sx-pmeta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
.sx-pt{margin:0;font-size:18px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.sx-h1.sx-pt{font-size:clamp(25px,1.4vw + 17px,34px);font-weight:700}
.sx-px{margin:0;color:var(--sx-text2);font-size:15px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.sx-lockm{display:flex;gap:6px;align-items:center;margin:0}
.sx-acts{display:flex;align-items:center;gap:2px;margin:2px -8px 0;padding-top:4px;border-top:1px solid var(--sx-line)}
.sx-act{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--sx-mute)!important;font:inherit;font-size:14px;cursor:pointer;text-decoration:none}
.sx-act:hover{background:var(--sx-raise);color:var(--sx-text)!important}
.sx-act.on{color:var(--sx-blue-tx)!important}.sx-act.on svg{fill:currentColor}
.sx-act[data-act=react].on,.sx-act[data-rr].on{color:var(--sx-neg)!important}
.sx-act[disabled]{opacity:.5;cursor:default}
.sx-more{margin-left:auto}
.sx-act-sm{min-height:34px;font-size:13px;padding:0 8px}
.sx-acts-lg{margin:4px 0 0;padding:8px 0;border-bottom:1px solid var(--sx-line);flex-wrap:wrap}
@media (max-width:460px){.sx-post .sx-act>span:not(.num):not(.sr){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.sx-media{display:grid;gap:4px;border-radius:14px;overflow:hidden}
.sx-m2{grid-template-columns:1fr 1fr}.sx-m3,.sx-m4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:clamp(220px,34vw,380px)}
.sx-m3 .sx-mi:first-child{grid-row:span 2}
.sx-mi{display:block;padding:0;border:0;background:var(--sx-sunk);cursor:zoom-in;min-height:0;min-width:0;aspect-ratio:16/10;overflow:hidden}
.sx-m1 .sx-mi{aspect-ratio:auto}.sx-m3 .sx-mi,.sx-m4 .sx-mi{aspect-ratio:auto;height:100%}
.sx-mi img{width:100%;height:100%;object-fit:cover;display:block}
.sx-m1 .sx-mi img{object-fit:contain;max-height:480px}
.mdlg.sx-lbd{max-width:min(1100px,96vw)}
.sx-lb img{display:block;max-width:100%;max-height:76vh;margin:0 auto;border-radius:10px}
.sx-lockcard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:28px 20px;background:linear-gradient(180deg,var(--sx-blue-soft),var(--sx-surface) 70%)}
.sx-lockcard>b{font-size:17px}
.sx-lockcard .sx-guest{box-shadow:none;border:0;padding:0;background:transparent;justify-content:center;text-align:center}
.sx-guest{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between;background:linear-gradient(110deg,var(--sx-surface) 30%,var(--sx-blue-soft))}
.sx-guest>div:first-child{flex:1 1 260px;min-width:0}.sx-guest b{font-size:17px}
.sx-gbtn{display:flex;flex-wrap:wrap;gap:8px}
.sx-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:40px 20px;border:1px dashed var(--sx-line2);border-radius:var(--sx-r);background:var(--sx-surface);color:var(--sx-text2)}
.sx-empty b{font-size:17px;color:var(--sx-text)}.sx-empty p{margin:0;max-width:460px;color:var(--sx-mute)}
.sx-err{border-style:solid;border-color:var(--sx-neg-soft)}
.sx-note{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:12px;background:var(--sx-blue-soft);color:var(--sx-blue-tx);font-size:14.5px;line-height:1.55}
.sx-note svg{margin-top:3px}.sx-note a{color:inherit!important;font-weight:600}
.sx-note.sx-warn{background:var(--sx-amber-soft);color:var(--sx-amber-tx)}.sx-note.sx-bad{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}.sx-note.sx-ok{background:var(--sx-green-soft);color:var(--sx-green-tx)}
.sx-disc{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--sx-mute)}

/* ---------- แท็บ · ปุ่มแบ่งส่วน · เมนู ---------- */
.sx-tabs{display:flex;gap:2px;border-bottom:1px solid var(--sx-line);margin:4px 0 14px;overflow-x:auto;scrollbar-width:none}
.sx-tabs::-webkit-scrollbar{display:none}
.sx-tabs button{position:relative;flex:none;min-height:46px;padding:0 14px;border:0;background:transparent;font:inherit;font-size:15px;font-weight:500;color:var(--sx-mute);cursor:pointer;white-space:nowrap}
.sx-tabs button:hover{color:var(--sx-text)}
.sx-tabs button[aria-selected=true]{color:var(--sx-text);font-weight:600}
.sx-tabs button[aria-selected=true]::after{content:'';position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--sx-blue)}
.sx-segs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:12px;background:var(--sx-sunk);border:1px solid var(--sx-line);margin-bottom:12px;max-width:100%}
.sx-segs button{min-height:36px;padding:0 12px;border:0;border-radius:9px;background:transparent;font:inherit;font-size:14px;color:var(--sx-text2);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.sx-segs button[aria-pressed=true]{background:var(--sx-surface);color:var(--sx-text);font-weight:600;box-shadow:var(--sx-shadow)}
.sx-pop{position:absolute;z-index:30;min-width:210px;background:var(--sx-surface);border:1px solid var(--sx-line);border-radius:12px;box-shadow:var(--sx-shadow2);padding:6px;display:flex;flex-direction:column}
.sx-pop button{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:0;border-radius:8px;background:transparent;font:inherit;font-size:14.5px;color:var(--sx-text);cursor:pointer;text-align:left}
.sx-pop button:hover,.sx-pop button:focus{background:var(--sx-raise);outline:0}.sx-pop button:focus-visible{box-shadow:inset 0 0 0 2px var(--sx-blue)}

/* ---------- เขียนโพสต์ ---------- */
.sx-tb{display:flex;flex-wrap:wrap;gap:2px;padding:4px;border:1px solid var(--sx-line2);border-bottom:0;border-radius:12px 12px 0 0;background:var(--sx-raise);margin-bottom:-12px}
.sx-tb button{min-width:36px;height:34px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--sx-text2);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.sx-tb button:hover{background:var(--sx-surface);color:var(--sx-text)}
.sx-tb .sx-pvb{margin-left:auto;font-weight:500}.sx-tb .sx-pvb[aria-pressed=true]{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}
.sx-pv{min-height:300px;padding:14px 16px;border:1px solid var(--sx-line2);border-radius:12px;background:var(--sx-surface)}
.sx-imgs{display:flex;flex-wrap:wrap;gap:8px}.sx-imgs:empty{display:none}
.sx-img{position:relative;width:96px;height:96px;border-radius:10px;overflow:hidden;background:var(--sx-sunk);border:1px solid var(--sx-line);flex:none}
.sx-img img{width:100%;height:100%;object-fit:cover;display:block}
.sx-img button{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(14,23,38,.74);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.sx-men-box{display:flex;flex-direction:column;margin-top:-6px;padding:4px;background:var(--sx-surface);border:1px solid var(--sx-line);border-radius:12px;box-shadow:var(--sx-shadow2);max-width:380px}
.sx-men-box button{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 10px;border:0;border-radius:8px;background:transparent;font:inherit;font-size:14px;color:var(--sx-text);cursor:pointer;text-align:left}
.sx-men-box button[aria-selected=true],.sx-men-box button:hover{background:var(--sx-blue-soft)}
.sx-men,.sx-hash{color:var(--sx-blue-tx)!important;text-decoration:none;font-weight:600}.sx-men:hover,.sx-hash:hover{text-decoration:underline}

/* ---------- รอบ 98C: หน้าสร้างโพสต์แบบใหม่ (Compose.html) — แถบบน · ชิป · ช่องข้อความไม่มีกรอบ · ไทล์แนบ · แถบปลายทาง · แผ่นย่อย ----------
 *   อยู่ใน .sx เสมอ (ใช้ตัวแปรสีของสังคมคุยเทรด → โหมดมืดตามธีม) · มือถือเต็มจอ · เดสก์ท็อป = การ์ดกลางจอ/หน้าต่าง · ปุ่มสูง ≥ 44px */
.sx .cz-wrap{--cz-g:20px}
.sx .cz-wrap[data-mode=page]{display:flex;justify-content:center;padding:4px 0 32px}
.sx .cz-wrap[data-mode=modal]{position:fixed;inset:0;z-index:180;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.sx .cz-bd{position:absolute;inset:0;background:rgba(8,13,24,.56)}
.sx[data-theme=dark] .cz-bd{background:rgba(0,0,0,.7)}
.sx .cz{position:relative;display:flex;flex-direction:column;width:100%;max-width:640px;background:var(--sx-surface);color:var(--sx-text);border:1px solid var(--sx-line);border-radius:20px;box-shadow:var(--sx-shadow2);overflow:hidden}
.sx .cz-wrap[data-mode=modal] .cz{max-height:min(860px,calc(100vh - 48px));max-height:min(860px,calc(100dvh - 48px))}
.sx .cz-wrap[data-mode=page] .cz{box-shadow:var(--sx-shadow);min-height:min(640px,calc(100vh - 140px))}
.sx .cz-top,.sx .cz-shtop{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:60px;padding:8px 14px 8px 8px;border-bottom:1px solid var(--sx-line);background:var(--sx-surface);flex:none}
.sx .cz-shtop{grid-template-columns:48px minmax(0,1fr) 48px}
.sx .cz-x{width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--sx-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.sx .cz-x:hover{background:var(--sx-raise)}
.sx .cz-h{margin:0;text-align:center;font-size:17px;font-weight:700;line-height:1.3;color:var(--sx-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx .cz-go{min-width:80px;min-height:44px;padding:0 20px;border:0;border-radius:12px;background:var(--sx-pri);color:#FFFFFF;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .15s}
.sx .cz-go:hover{background:var(--sx-pri2)}
.sx .cz-go:disabled{background:var(--sx-line);color:var(--sx-mute);cursor:not-allowed}
.sx .cz button:focus-visible,.sx .cz label:focus-visible,.sx .cz-prm button:focus-visible{outline:2px solid var(--sx-blue);outline-offset:2px}
.sx .cz-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px var(--cz-g) 8px;display:flex;flex-direction:column;gap:14px}
.sx .cz-who{display:flex;align-items:center;gap:12px}
.sx .cz-whot{display:flex;flex-direction:column;min-width:0}
.sx .cz-whot b{font-size:16px;font-weight:700;line-height:1.35;color:var(--sx-text)}
.sx .cz-whos{font-size:13.5px;line-height:1.45;color:var(--sx-mute);overflow-wrap:anywhere}
.sx .cz-chips,.sx .cz-tiles,.sx .cz-dest,.sx .cz-pra{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sx .cz-chips::-webkit-scrollbar,.sx .cz-tiles::-webkit-scrollbar,.sx .cz-dest::-webkit-scrollbar,.sx .cz-pra::-webkit-scrollbar{display:none}
.sx .cz-chips{margin:0 calc(-1 * var(--cz-g));padding:2px var(--cz-g)}
.sx .cz-chip{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 14px;border:1px solid var(--sx-line2);border-radius:999px;background:var(--sx-surface);color:var(--sx-text);font:inherit;font-size:14.5px;font-weight:600;white-space:nowrap;cursor:pointer}
.sx .cz-chip:hover{background:var(--sx-raise)}
.sx .cz-chip.on{border-color:var(--sx-blue);background:var(--sx-blue-soft);color:var(--sx-blue-tx)}
.sx .cz-picked{display:flex;flex-wrap:wrap;gap:6px}.sx .cz-picked:empty{display:none}
.sx .cz-pk{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px 0 12px;border:0;border-radius:999px;background:var(--sx-raise);color:var(--sx-text2);font:inherit;font-size:13.5px;font-weight:700;letter-spacing:.01em;cursor:pointer}
.sx .cz-pk:hover{background:var(--sx-sunk)}
.sx .cz-v-bullish{background:var(--sx-green-soft);color:var(--sx-green-tx)}
.sx .cz-v-bearish{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.sx .cz-v-neutral{background:var(--sx-amber-soft);color:var(--sx-amber-tx)}
.sx .cz-title{width:100%;padding:2px 0 10px;border:0;border-bottom:1px solid var(--sx-line);background:transparent;color:var(--sx-text);font:inherit;font-size:20px;font-weight:700;line-height:1.4;outline:0}
.sx .cz-title:focus{border-bottom-color:var(--sx-blue)}
.sx .cz-tb{margin:0;border-bottom:1px solid var(--sx-line2);border-radius:12px}
.sx .cz-ta{width:100%;min-height:140px;padding:0;border:0;resize:none;overflow:hidden;background:transparent;color:var(--sx-text);font:inherit;font-size:21px;line-height:1.55;outline:0}
.sx .cz-ta.long{font-size:16.5px;line-height:1.75}
.sx .cz-ta::placeholder,.sx .cz-title::placeholder{color:var(--sx-mute);opacity:1}
.sx .cz-pv{min-height:140px}
.sx .cz-imgs .sx-img{width:calc((100% - 8px) / 2);max-width:200px;height:auto;aspect-ratio:1}
.sx .cz-notes{display:flex;flex-direction:column;gap:6px}.sx .cz-notes:empty{display:none}
.sx .cz-note{display:flex;align-items:center;gap:8px;margin:0;font-size:13.5px;line-height:1.5;color:var(--sx-text2)}
.sx .cz-note .sx-linkbtn{margin-left:auto;min-height:32px}
.sx .cz-note-b{color:var(--sx-blue-tx)}
.sx .cz-note.bad,.sx .cz .sx-mut.bad,.sx .cz-wp.bad{color:var(--sx-neg-tx)}
.sx .cz-tiles{flex:none;padding:12px var(--cz-g) 14px}
.sx .cz-tile{flex:1 0 108px;max-width:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:78px;padding:10px 8px;border:1px solid var(--sx-line);border-radius:14px;background:var(--sx-surface);box-shadow:var(--sx-shadow);color:var(--sx-text);font:inherit;font-size:13.5px;font-weight:600;text-align:center;cursor:pointer}
.sx .cz-tile:hover{background:var(--sx-raise)}
.sx .cz-t-img svg{color:var(--sx-green)!important}.sx .cz-t-cam svg{color:var(--sx-blue)!important}.sx .cz-t-vid svg{color:var(--sx-neg)!important}.sx .cz-t-at svg{color:var(--sx-amber)!important}
.sx .cz-dest{flex:none;align-items:center;padding:12px var(--cz-g) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--sx-line)}
.sx .cz-pill{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 15px;border:0;border-radius:999px;background:var(--sx-sunk);color:var(--sx-text);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
.sx .cz-pill:hover{background:var(--sx-line)}
.sx .cz-pill.on{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}
.sx[data-theme=dark] .cz-pill{background:var(--sx-raise);box-shadow:inset 0 0 0 1px var(--sx-line2)}.sx[data-theme=dark] .cz-pill.on{background:var(--sx-blue-soft);box-shadow:inset 0 0 0 1px var(--sx-blue)}
.sx .cz-pill:disabled{opacity:.55;cursor:not-allowed}
.sx .cz-fi,.sx .cz-ck{display:inline-flex;align-items:center;justify-content:center}
.sx .cz-ck{display:none;width:18px;height:18px;border-radius:50%;background:var(--sx-blue);color:#FFFFFF}
.sx .cz-pill.on .cz-ck{display:inline-flex}.sx .cz-pill.on .cz-fi{display:none}
.sx .cz-lockd{display:flex;align-items:center;gap:6px;margin:0;min-height:44px;font-size:13.5px;color:var(--sx-mute);flex:0 1 auto;min-width:0}
/* แผ่นย่อย (ทับทั้งการ์ด · ย้อนกลับ) */
.sx .cz-sh{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;background:var(--sx-surface);animation:czin .16s ease-out}
.sx .cz-sh[hidden]{display:none}
@keyframes czin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sx .cz-sh{animation:none}}
.sx .cz-shp{display:flex;flex-direction:column;height:100%;min-height:0}
.sx .cz-shb{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px var(--cz-g);display:flex;flex-direction:column;gap:12px}
.sx .cz-shb>p{margin:0;line-height:1.6}
.sx .cz-shf{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px var(--cz-g) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--sx-line)}
.sx .cz-shf .sx-mut{margin-right:auto;font-size:13.5px}
.sx .cz-sec{margin:6px 0 0;font-size:14px;font-weight:700;color:var(--sx-text2)}
.sx .cz-gls{list-style:none;margin:0 -8px;padding:0;display:flex;flex-direction:column;gap:2px}
.sx .cz-row{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px;border-radius:12px;cursor:pointer}
.sx .cz-row:hover{background:var(--sx-raise)}
.sx .cz-row.dis{opacity:.55;cursor:not-allowed}
.sx .cz-rt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.sx .cz-rt b{font-size:15px;font-weight:600;color:var(--sx-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx .cz-rt .sx-mut{font-size:13px;line-height:1.45}
.sx .cz-gav{width:40px;height:40px;border-radius:12px;object-fit:cover;flex:none}
.sx .cz-gic{display:inline-flex;align-items:center;justify-content:center;background:var(--sx-blue-soft);color:var(--sx-blue-tx)}
.sx .cz-cb,.sx .cz-row input[type=radio]{width:22px;height:22px;margin:0 4px 0 0;accent-color:var(--sx-blue);flex:none;cursor:pointer}
.sx .cz-gst{flex:none;padding:0 6px;font-size:13px;font-weight:600;color:var(--sx-mute);white-space:nowrap}
.sx .cz-gj{flex:none}
.sx .cz .sx-btn{min-height:44px}
.sx .cz-empty{margin:0;padding:4px 0;line-height:1.6}
.sx .cz-opts{display:flex;flex-wrap:wrap;gap:8px}
.sx .cz-opt{min-height:44px;padding:0 16px;border:1px solid var(--sx-line2);border-radius:999px;background:var(--sx-surface);color:var(--sx-text);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.sx .cz-opt:hover{background:var(--sx-raise)}
.sx .cz-opt.on{border-color:var(--sx-blue);background:var(--sx-blue-soft);color:var(--sx-blue-tx)}
.sx .cz-opt:disabled{opacity:.45;cursor:not-allowed}
.sx .cz-syf{display:flex;gap:8px}.sx .cz-syf .sx-inp{flex:1;min-width:0}
.sx .cz-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sx .cz-view{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:88px;padding:14px;border:1px solid var(--sx-line2);border-radius:14px;background:var(--sx-surface);color:var(--sx-text);font:inherit;text-align:left;cursor:pointer}
.sx .cz-view b{font-size:16px}.sx .cz-view .sx-mut{font-size:12.5px}
.sx .cz-view.cz-v-bullish,.sx .cz-view.cz-v-bearish,.sx .cz-view.cz-v-neutral{background:var(--sx-surface)}
.sx .cz-view.cz-v-bullish svg{color:var(--sx-green)!important}.sx .cz-view.cz-v-bearish svg{color:var(--sx-neg)!important}.sx .cz-view.cz-v-neutral svg{color:var(--sx-amber)!important}
.sx .cz-view.on{border-color:var(--sx-blue);box-shadow:inset 0 0 0 1px var(--sx-blue);background:var(--sx-blue-soft)}
.sx .cz-fs{margin:0 -8px;padding:0;border:0;display:flex;flex-direction:column;gap:2px}
.sx .cz-fs .sx-sel{margin-top:6px;max-width:220px;min-height:40px}
.sx .cz-ri{width:40px;height:40px;border-radius:50%;background:var(--sx-raise);color:var(--sx-text2);display:inline-flex;align-items:center;justify-content:center;flex:none}
.sx .cz-dt{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10px}
.sx .cz-dt label{display:flex;flex-direction:column;gap:6px}.sx .cz-dt .sx-inp{min-height:48px}
.sx .cz-wp{margin:0;font-size:15px;line-height:1.6;color:var(--sx-text)}
.sx .cz-sh.cz-scrim{background:rgba(8,13,24,.5);justify-content:flex-end;align-items:center;animation:none}
.sx .cz-ask{height:auto;width:100%;max-width:440px;gap:12px;padding:20px 20px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:var(--sx-surface);box-shadow:var(--sx-shadow2);animation:czin .16s ease-out}
.sx .cz-ask .cz-h{text-align:left;font-size:18px;white-space:normal}.sx .cz-ask p{margin:0;line-height:1.6;color:var(--sx-text2)}
.sx .cz-cfa{display:flex;flex-direction:column;gap:10px;margin-top:4px}.sx .cz-cfa .sx-btn{width:100%}
@media (min-width:768px){.sx .cz-sh.cz-scrim{justify-content:center}.sx .cz-ask{border-radius:20px;margin-bottom:0}}
/* ช่อง "คุณกำลังคิดอะไรอยู่" (หน้าหลัก · ห้องในคอมมูนิตี้) */
.sx .cz-prm{display:flex;flex-direction:column;gap:10px;padding:14px 16px 8px}
.sx .cz-prr{display:flex;align-items:center;gap:12px}
.sx .cz-prb{flex:1;min-width:0;min-height:46px;padding:0 18px;border:1px solid var(--sx-line);border-radius:999px;background:var(--sx-raise);color:var(--sx-mute);font:inherit;font-size:15.5px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.sx .cz-prb:hover{background:var(--sx-sunk);color:var(--sx-text2)}
.sx .cz-pra{gap:2px;padding-top:6px;border-top:1px solid var(--sx-line)}
.sx .cz-pra button{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--sx-text2);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
.sx .cz-pra button:hover{background:var(--sx-raise)}
.sx .cz-pra svg{color:var(--sx-blue)}
/* โพสต์ที่ตั้งเวลาไว้ */
.sx .cz-sc{display:flex;flex-direction:column;gap:10px;padding:16px 18px}
.sx .cz-sct{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sx .cz-sct .sx-mut{font-size:13.5px}
.sx .cz-scx{margin:0;font-size:15.5px;line-height:1.65;color:var(--sx-text);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sx .cz-sca{display:flex;gap:8px;flex-wrap:wrap}.sx .cz-sca .sx-btn,.sx .cz-sc+.sx-btn{min-height:44px}
.sx .cz-scm{text-align:center;font-size:13px}
/* โพสต์ที่ไม่ได้ตั้งหัวเรื่อง = ข้อความโพสต์ · โพสต์อยู่ที่ไหนบ้าง */
.sx .sx-pt.sx-pta{font-size:16.5px;font-weight:400;line-height:1.7;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.sx .sx-dest{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-4px 0 0;font-size:13.5px}.sx .sx-dest a{color:inherit;text-decoration:underline;text-underline-offset:2px}
body.cz-open .toast{z-index:190}
@media (min-width:768px){.sx .sx-cb{max-width:700px;margin:0 auto}}
@media (max-width:767px){
  .sx .cz-wrap[data-mode]{position:fixed;inset:0;z-index:180;display:block;padding:0;background:var(--sx-surface)}
  .sx .cz-wrap .cz-bd{display:none}
  .sx .cz-wrap[data-mode] .cz{max-width:none;height:100%;max-height:none;min-height:0;border:0;border-radius:0;box-shadow:none}
  .sx .cz-wrap{--cz-g:16px}
  .sx .cz-top,.sx .cz-shtop{min-height:56px;padding:6px 12px 6px 4px}
  .sx .cz-ta{font-size:20px}.sx .cz-ta.long{font-size:16px}
  .sx .cz-tile{flex:0 0 116px}
  .sx .cz-prm{padding:12px var(--m-g,16px) 6px}
  .sx .cz-pra button{font-size:13.5px;padding:0 8px}
}
/* จอแคบ: ตั้งเวลา/ใครอ่านได้ที่ยังไม่ได้ตั้ง = ปุ่มไอคอนกลม (ชื่ออยู่ใน aria-label · ตั้งแล้วแสดงค่า) → 4 ปุ่มพอดีจอ 360 */
@media (max-width:400px){
  .sx .cz-dest{gap:6px;padding-left:12px;padding-right:12px}
  .sx .cz-pill{padding:0 12px;gap:6px;font-size:13.5px}
  .sx .cz-pill.cz-pi:not(.on){width:44px;padding:0;justify-content:center}
  .sx .cz-pill.cz-pi:not(.on) span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}

/* ---------- เนื้อหา (Markdown) ---------- */
.sx-md{font-size:16.5px;line-height:1.8;color:var(--sx-text);overflow-wrap:anywhere}
.sx-md p{margin:0 0 14px}.sx-md h2{font-size:21px;font-weight:700;margin:26px 0 10px;color:var(--sx-text)}.sx-md h3{font-size:18px;font-weight:600;margin:20px 0 8px}
.sx-md ul,.sx-md ol{padding-left:22px;margin:0 0 14px;display:flex;flex-direction:column;gap:4px}
.sx-md blockquote{margin:0 0 14px;padding:10px 16px;border-left:3px solid var(--sx-blue);background:var(--sx-raise);border-radius:0 10px 10px 0;color:var(--sx-text2)}
.sx-md pre{margin:0 0 14px;background:var(--sx-sunk);border:1px solid var(--sx-line);border-radius:10px;padding:12px 14px;overflow:auto;font-size:14px;line-height:1.6}
.sx-md code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--sx-sunk);padding:1px 5px;border-radius:5px}
.sx-md pre code{background:none;padding:0}
.sx-md hr{border:0;border-top:1px solid var(--sx-line);margin:22px 0}
.sx-md>:last-child{margin-bottom:0}

/* ---------- หน้าโพสต์ · ความเห็น ---------- */
.sx-art{padding:24px clamp(18px,3vw,36px);display:flex;flex-direction:column;gap:14px}
.sx-reads{margin:0!important}
.sx-own{display:flex;flex-wrap:wrap;gap:8px}
.sx-modbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;background:var(--sx-amber-soft);border-color:transparent;box-shadow:none}
.sx-modbar b{font-size:13.5px;color:var(--sx-amber-tx);margin-right:4px}
.sx-replies{padding:22px clamp(18px,3vw,32px)}
.sx-thread{display:flex;flex-direction:column;margin-top:16px}
.sx-rt{padding:16px 0;border-top:1px solid var(--sx-line)}
.sx-reply{display:flex;flex-direction:column;gap:6px;scroll-margin-top:calc(var(--sx-hd) + 96px);border-radius:12px}
.sx-reply.pend{opacity:.75}.sx-reply>.sx-flag{align-self:flex-start;margin-left:42px}
.sx-rbody{font-size:15.5px;line-height:1.7;padding-left:42px}
.sx-ra{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;padding-left:34px}
.sx-kids{margin:12px 0 0 42px;padding-left:16px;border-left:2px solid var(--sx-line);display:flex;flex-direction:column;gap:16px}
.sx-rslot{padding-left:42px;margin-top:6px}.sx-rslot:empty{display:none}
.sx-rform{display:flex;flex-direction:column;gap:8px}
.sx-rbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.sx-rbar>span:last-child{display:flex;gap:14px;align-items:center}.sx-rbar>.sx-mut{font-size:13px}
.sx-nocom{margin:16px 0 0!important}
/* รอบ 64: ป้าย Verify Account · บัญชีเจ้าของระบบ */
.sx-vf{display:inline-flex;vertical-align:-2px;margin-left:4px;color:#1D9BF0;line-height:0}
.sx-teamc{display:inline-flex;align-items:center;margin-left:6px;padding:1px 8px;border-radius:999px;background:#E3F2FD;color:#0B5C9E;font-size:11.5px;font-weight:700;vertical-align:2px;line-height:1.6}.sx-h1 .sx-teamc{font-size:13px;vertical-align:5px}.sx-vf-m{color:#9A7210}
.sx-ownc{display:inline-flex;align-items:center;margin-left:6px;padding:1px 8px;border-radius:999px;background:linear-gradient(135deg,#F7D774,#C9971C);color:#3B2A00;font-size:11.5px;font-weight:700;letter-spacing:.2px;vertical-align:2px;line-height:1.6}
.sx-h1 .sx-ownc{font-size:13px;vertical-align:5px}.sx-h1 .sx-vf{vertical-align:-1px;margin-left:6px}
.sx-av-master{background:linear-gradient(135deg,#F2C94C,#B7860B)!important}
.sx-post.sx-mpost{border-color:#E3C15A;box-shadow:0 0 0 1px #E3C15A,0 6px 18px rgba(201,151,28,.12)}
.sx-reply.sx-mrep{background:linear-gradient(90deg,rgba(242,201,76,.10),transparent 70%);border-radius:12px;padding:6px 8px;margin:-6px -8px}
.cc-m.cc-master{background:linear-gradient(90deg,rgba(242,201,76,.14),transparent 75%);border-left:3px solid #C9971C}
.chip.ac-master{background:linear-gradient(135deg,#F7D774,#C9971C);color:#3B2A00;font-weight:700;gap:4px}.cc-nm.cc-mst{font-weight:800}.cc-tg.owner{background:linear-gradient(135deg,#F7D774,#C9971C);color:#3B2A00}
.sx-cpan{margin:6px -2px 0;padding-top:4px;border-top:1px solid var(--sx-line)}.sx-cpan[hidden]{display:none}
.sx-cpan .sx-thread{margin-top:0}.sx-cpan .sx-rt:first-child{border-top:0}.sx-cpan .sx-nocom{margin:8px 0 0!important}
.sx-cpf{margin-top:10px}.sx-cpo{margin:10px 0 0;font-size:14px}.sx-cpl{margin:10px 0 0}.sx-cmore{margin:10px 0 4px}
.sx-evhost{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--sx-line)}
.sx-pevbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
@media (prefers-reduced-motion:no-preference){.sx-new{animation:sxnew 2.6s ease-out}}
@keyframes sxnew{from{background:var(--sx-blue-soft)}to{background:transparent}}
@media (max-width:640px){.sx-rbody,.sx-ra,.sx-rslot{padding-left:0}.sx-reply>.sx-flag{margin-left:0}.sx-kids{margin-left:6px;padding-left:12px}}

/* ---------- แถบขวา · แดชบอร์ดสมาชิก ---------- */
.sx-rc{display:flex;flex-direction:column;gap:4px;padding:16px 18px}
.sx-rh{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--sx-text)}
.sx-rrow{display:flex;flex-direction:column;justify-content:center;gap:1px;padding:8px 10px;margin:0 -10px;border-radius:10px;color:var(--sx-text)!important;text-decoration:none;min-height:44px;min-width:0}
.sx-rrow:hover{background:var(--sx-raise)}
.sx-rrow b{font-weight:500;font-size:14.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sx-rrow .sx-mut{font-size:13px}
.sx-rrowi{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.sx-rrowi>span:last-child{display:flex;flex-direction:column;min-width:0}
.sx-date{width:44px;height:48px;flex:none;border-radius:10px;background:var(--sx-blue-soft);color:var(--sx-blue-tx);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.sx-date b{font-size:18px}.sx-date span{font-size:11.5px;font-weight:600}
.sx-memb{display:flex;align-items:center;justify-content:space-between;gap:10px}.sx-memb b{font-size:18px}
.sx-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sx-tool{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--sx-line);color:var(--sx-text)!important;text-decoration:none;font-size:13.5px;font-weight:500;min-height:44px;line-height:1.3}.sx-tool:hover{border-color:var(--sx-blue)}
.sx-hello{display:flex;flex-direction:column;gap:14px;background:linear-gradient(120deg,var(--sx-surface) 45%,var(--sx-blue-soft))}
.sx-helloh{display:flex;gap:14px;align-items:center;min-width:0}.sx-helloh p{margin:4px 0 0}
.sx-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0}
.sx-stats>div{min-width:0}
.sx-stats a{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;background:var(--sx-surface);border:1px solid var(--sx-line);text-decoration:none;color:var(--sx-text)!important;height:100%}
.sx-stats a:hover{border-color:var(--sx-blue)}
.sx-stats dt{font-size:12.5px;color:var(--sx-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-stats dd{margin:2px 0 0;font-size:20px;font-weight:700}
.sx-stats-p>div{padding:10px 12px;border-radius:12px;background:var(--sx-raise);border:1px solid var(--sx-line)}
@media (max-width:640px){.sx-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sx-onb{display:flex;flex-direction:column;gap:16px}.sx-onbh{display:flex;gap:12px;align-items:flex-start}.sx-onbh .sx-h2{margin:0}.sx-onbh p{margin:4px 0 0}
.sx-onbs{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.sx-onbs>span{flex:1 1 220px}

/* ---------- รอบ 59: หน้าหลักแบบคอมมูนิตี้ (คนที่ออนไลน์ · สมาชิกใหม่ · ดาวเด่นสัปดาห์ · ชวนเพื่อน · บล็อก/ซ่อน · การจำกัดสิทธิ์) — สีจากตัวแปร --sx-* (ธีมมืดตาม .sx[data-theme=dark]) ---------- */
.sx-lobby{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;padding:18px 20px;border:1px solid var(--sx-line);border-radius:20px;background:var(--sx-surface);box-shadow:var(--sx-shadow)}
.sx-lobm{display:flex;align-items:center;gap:16px;min-width:0;flex:1 1 360px}
.sx-lobt{min-width:0;flex:1}
.sx-lobl{display:flex;align-items:center;gap:10px;margin:0;font-size:clamp(18px,.6vw + 14px,22px);font-weight:700;line-height:1.35;color:var(--sx-text)}
.sx-lobl b{color:var(--sx-blue-tx);font-weight:800}
.sx-lobs{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--sx-mute)}.sx-lobs:empty{display:none}
.sx-loba{display:flex;gap:8px;flex-wrap:wrap}.sx-loba:empty{display:none}
.sx-facel{display:flex;list-style:none;margin:0;padding:0 0 0 10px}
.sx-facel li{margin-left:-10px}
.sx-face{display:block;border-radius:50%;box-shadow:0 0 0 3px var(--sx-surface);text-decoration:none;line-height:0}
.sx-facen{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--sx-blue-soft);color:var(--sx-blue-tx);font-size:13px;font-weight:700;line-height:1}
.sx-lobby.noface .sx-faces{display:none}
@media (prefers-reduced-motion:no-preference){.sx-face{transition:transform .15s ease}.sx-face:hover{transform:translateY(-3px)}}
.sx-livedot{position:relative;flex:none;width:10px;height:10px;border-radius:50%;background:var(--sx-green)}
@media (prefers-reduced-motion:no-preference){.sx-livedot{animation:sxp 2s ease-out infinite}}
.sx-ckin svg{color:var(--sx-amber)}.sx-ckin.on{background:var(--sx-green-soft);border-color:transparent;color:var(--sx-green-tx)!important;cursor:default;opacity:1}.sx-ckin.on svg{color:currentColor}
@media (max-width:640px){.sx-lobby{padding:16px}.sx-lobm{flex-basis:100%;flex-direction:column;align-items:flex-start;gap:10px}.sx-loba{width:100%}.sx-loba>*{flex:1 1 auto}}
.sx-banbox{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--sx-neg-soft);color:var(--sx-neg-tx);font-size:14.5px;line-height:1.55}
.sx-banbox svg{flex:none;margin-top:2px}.sx-banbox b{font-size:15px}.sx-banbox p{margin:4px 0 0}.sx-banbox .sx-mut{color:inherit;opacity:.85}
.sx-note-q{background:var(--sx-raise);color:var(--sx-text2);margin-top:2px}
/* ชวนเพื่อน */
.sx-invi{flex:none;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--sx-amber-soft);color:var(--sx-amber-tx)}
.sx-invi.sm{width:32px;height:32px}.sx-invi.lg{width:64px;height:64px}
.sx-invm{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;border-color:var(--sx-amber);background:linear-gradient(0deg,var(--sx-amber-soft),var(--sx-amber-soft)),var(--sx-surface)}
.sx-invm .sx-invi{background:var(--sx-surface)}
.sx-invb{min-width:0;display:flex;flex-direction:column;gap:10px}.sx-invb .sx-h2{margin:0}.sx-invb>p{margin:0;color:var(--sx-text2);font-size:14.5px;line-height:1.6}
.sx-invf{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;font-size:14px;color:var(--sx-text2)}.sx-invf .sx-linkbtn{min-height:32px}
@media (max-width:520px){.sx-invm{grid-template-columns:minmax(0,1fr)}.sx-invm .sx-invi{width:44px;height:44px}}
.sx-ivlink{display:flex;gap:8px;align-items:center;min-width:0}
.sx-ivlink .sx-inp{flex:1 1 auto;min-width:0;font-size:14px;background:var(--sx-surface)}
.sx-ivshare{display:flex;flex-wrap:wrap;gap:8px}
.sx-btn-line{background:#06C755;color:#FFFFFF!important}.sx-btn-line:hover{background:#05B04B}
@media (max-width:520px){.sx-ivlink{flex-wrap:wrap}.sx-ivlink .sx-btn{flex:1 1 100%}}
.sx-invr{gap:8px}.sx-invrh{display:flex;align-items:center;gap:10px}.sx-invrh .sx-rh{margin:0;line-height:1.4}.sx-invr p{margin:0}.sx-invr .sx-btn{align-self:flex-start;margin-top:4px}
.sx-invs{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:var(--sx-amber-soft);color:var(--sx-amber-tx)!important;font-size:14.5px;font-weight:600;line-height:1.4;text-decoration:none}
.sx-invs>span:nth-child(2){flex:1;min-width:0}.sx-invs .sx-invi{background:var(--sx-surface)}
@media (min-width:1200px){.sx-invs{display:none}}
.sx-nl-inv>svg{color:var(--sx-amber)}
.sx-nbg{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--sx-amber-soft);color:var(--sx-amber-tx);font-size:11.5px;font-weight:700;line-height:1.5;white-space:nowrap}
.sx-promo.sx-promo-inv{padding:10px 12px 10px 16px;gap:10px 12px;justify-content:flex-start;background:var(--sx-amber-soft);border-color:transparent;color:var(--sx-amber-tx);font-size:14px}
.sx-promo-inv>span{flex:1 1 240px;min-width:0;line-height:1.55}.sx-promo-inv>svg{flex:none}
/* สมาชิกใหม่ (แทรกในฟีด) · ดาวเด่นสัปดาห์นี้ */
.sx-newm{padding:16px 0 10px}
.sx-newmh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px 8px}.sx-newmh .sx-rh{margin:0}.sx-newmh .sx-linkbtn{min-height:32px}
.sx-newl{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(148px,calc((100% - 30px) / 4));gap:10px;list-style:none;margin:0;padding:4px 20px 10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.sx-nm{scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 12px;border:1px solid var(--sx-line);border-radius:14px;background:var(--sx-raise);text-align:center;min-width:0}
.sx-nmw{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:100%;text-decoration:none;color:var(--sx-text)!important}
.sx-nmw b{margin-top:4px;font-size:14px;line-height:1.35;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx-nmw .sx-mut{font-size:12.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-chip-s{min-height:24px;padding:0 9px;font-size:12px}
@media (max-width:640px){.sx-newl{grid-auto-columns:minmax(140px,44%)}}
.sx-topl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.sx-tw{display:flex;align-items:center;gap:10px;padding:6px 0;min-width:0}
.sx-twn{flex:none;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--sx-sunk);color:var(--sx-text2);font-size:12.5px;font-weight:700}
.sx-tw1 .sx-twn,.sx-tw2 .sx-twn,.sx-tw3 .sx-twn{background:var(--sx-amber-soft);color:var(--sx-amber-tx)}
.sx-stats-r{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-stats-r a{padding:8px 10px}.sx-stats-r dd{font-size:17px}
.sx-hello .sx-memb{margin:0;font-size:14px;color:var(--sx-text2)}.sx-hello .sx-memb b{font-size:15px;color:var(--sx-text)}.sx-hello .sx-memb .sx-linkbtn{min-height:28px}
/* หน้าชวนเพื่อน */
.sx-ivh{display:flex;flex-direction:column;gap:14px;padding:22px 24px}
.sx-ivhm{display:flex;gap:16px;align-items:flex-start}.sx-ivhm .sx-phs{max-width:62ch}
.sx-ivst{display:flex;gap:8px;align-items:center;margin:0;padding:10px 12px;border-radius:12px;font-size:14.5px;font-weight:600;line-height:1.5}
.sx-ivst svg{flex:none}.sx-ivst.ok{background:var(--sx-green-soft);color:var(--sx-green-tx)}.sx-ivst.warn{background:var(--sx-amber-soft);color:var(--sx-amber-tx)}
/* รอบ 102: ชวนเพื่อนแบบขั้น (ยอดรวม) — ความคืบหน้า + บันไดขั้น (หน้าชวนเพื่อน · การ์ดแถบขวา) */
.sx-ivtier{display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px;border:1px solid var(--sx-line);border-radius:14px;background:var(--sx-raise)}
.sx-ivprog{display:flex;flex-direction:column;gap:2px;margin:0;font-size:14px;line-height:1.5;color:var(--sx-text2)}.sx-ivprog b{font-size:15.5px;color:var(--sx-text)}
.sx-lad{position:relative;display:grid;grid-template-columns:repeat(var(--kn,3),minmax(0,1fr));margin:2px 0 0;padding:0;list-style:none}
.sx-ladt{position:absolute;top:9px;left:calc(50% / var(--kn,3));right:calc(50% / var(--kn,3));height:4px;border-radius:999px;background:var(--sx-line);overflow:hidden}
.sx-ladt i{display:block;height:100%;border-radius:inherit;background:var(--sx-blue)}
.sx-lad li{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:0 4px;text-align:center}
.sx-ladd{position:relative;z-index:1;box-sizing:border-box;width:22px;height:22px;margin-bottom:6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--sx-surface);border:2px solid var(--sx-line2);color:#FFFFFF}
.sx-lad li.got .sx-ladd{background:var(--sx-blue);border-color:var(--sx-blue)}
.sx-lad li.nx .sx-ladd{border-color:var(--sx-blue);box-shadow:0 0 0 4px var(--sx-blue-soft)}
.sx-ladn{font-size:12.5px;line-height:1.35;color:var(--sx-mute)}
.sx-lad b{font-size:14px;line-height:1.3;font-weight:700;color:var(--sx-blue-tx);text-wrap:balance;overflow-wrap:anywhere}
.sx-lad li.got .sx-ladn,.sx-lad li.nx .sx-ladn{color:var(--sx-text2)}
.sx-lad.sm{margin:4px 0 2px}.sx-lad.sm b{font-size:13px}.sx-lad.sm .sx-ladn{font-size:12px}.sx-lad.sm li{padding:0 2px}
.sx-ivcode{margin:0;font-size:13.5px}
.sx-steps{list-style:none;counter-reset:ivs;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sx-steps li{counter-increment:ivs;display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--sx-line);border-radius:14px;background:var(--sx-raise);min-width:0}
.sx-steps li::before{content:counter(ivs);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:4px;border-radius:50%;background:var(--sx-pri);color:#FFFFFF;font-weight:700;font-size:14px}
.sx-steps b{font-size:15px;line-height:1.4}.sx-steps span{font-size:13.5px;line-height:1.55;color:var(--sx-text2)}
@media (max-width:760px){.sx-steps{grid-template-columns:minmax(0,1fr)}.sx-ivhm{flex-direction:column}.sx-ivh{padding:18px}}
.sx-ivfrh{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}.sx-ivfrh .sx-h2{margin:0}
.sx-stats-i{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin:12px 0 4px}.sx-stats-i>div{padding:10px 12px;border-radius:12px;background:var(--sx-raise);border:1px solid var(--sx-line)}
.sx-frl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.sx-fr{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--sx-line);min-width:0}
.sx-frt{flex:1;min-width:0;display:flex;flex-direction:column}.sx-frt a{color:var(--sx-text)!important;text-decoration:none}.sx-frt .sx-mut{font-size:13px}
.sx-fr .sx-frt{flex:1;width:auto}      /* รอบ 102: แถวเพื่อนในหน้าชวนเพื่อน — กันกฎ .sx-frt{width:64px} ของแถวติดตาม (รอบ 78) ที่ทำให้ข้อความแคบเหลือ 64px */
.sx-ivhm .sx-phs{display:block;-webkit-line-clamp:unset;overflow:visible}      /* รอบ 102: คำอธิบายกติกาชวนเพื่อนแสดงครบบนมือถือ */
.sx-stc{flex:none;padding:3px 10px;border-radius:999px;background:var(--sx-sunk);color:var(--sx-text2);font-size:12.5px;font-weight:600;white-space:nowrap}
.sx-stc.ok{background:var(--sx-green-soft);color:var(--sx-green-tx)}.sx-stc.warn{background:var(--sx-amber-soft);color:var(--sx-amber-tx)}.sx-stc.bad{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.sx-ivcr{display:flex;gap:8px;margin-top:6px}.sx-ivcr .sx-inp{flex:1;min-width:0}
.sx-frs{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.sx-frm{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:2px;font-size:12.5px}.sx-fra{color:var(--sx-green-tx)}.sx-fra.old{color:var(--sx-mute)}.sx-frp{color:var(--sx-blue-tx);font-weight:600}
.sx-ivflt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 4px}.sx-ivq{flex:0 1 220px;min-width:160px}.sx-ivq .sx-inp{width:100%}
.sx-ivcnt{font-size:13px;margin:6px 0 0}.sx-ivfr .sx-frl{align-items:stretch;flex:none;gap:0}.sx-ivfr .sx-frt b{white-space:normal}.sx-ivnone{margin:12px 0 0}
.sx-ivpts{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}
.sx-ivpts li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:start}.sx-ivpts b{font-size:17px;color:var(--sx-green-tx)}.sx-ivpts li>span{display:flex;flex-direction:column}.sx-ivpts .sx-mut{font-size:13px}
.sx-ivrules summary{cursor:pointer;font-weight:700;min-height:32px;display:flex;align-items:center}
.sx-ivrules[open] summary{margin-bottom:8px}
/* บล็อกและซ่อน */
.sx-blkh{display:grid;gap:8px;margin:0 0 14px}
.sx-blkh>div{display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px;padding:10px 12px;border-radius:12px;background:var(--sx-raise)}
.sx-blkh dt{display:flex;align-items:center;gap:6px;font-weight:700}.sx-blkh dd{margin:0;color:var(--sx-text2);font-size:14px;line-height:1.55}
@media (max-width:520px){.sx-blkh>div{grid-template-columns:minmax(0,1fr)}}
.sx-blkl{list-style:none;margin:0;padding:0}.sx-blkl li{border-top:1px solid var(--sx-line)}
.sx-empty.sx-blk{border:0;padding:24px 8px}
.sx-mutedn{align-items:center;margin-bottom:12px}.sx-mutedn>span{flex:1}.sx-mutedn .sx-linkbtn{min-height:28px}

/* ---------- รอบ 60: คลิปวิดีโอ · สตอรี่ 24 ชั่วโมง · ไฮไลท์ · แท็บสื่อ ---------- */
/* คลิปในโพสต์ · หน้าโพสต์ · กิจกรรม (ขนาดตามสัดส่วนคลิป · คลิปแนวตั้งไม่เต็มความกว้าง) */
.sx-vid{position:relative;width:100%;border-radius:14px;overflow:hidden;background:#000000}
.sx-vid video{display:block;width:100%;height:100%;object-fit:contain;background:#000000}
.sx-vdur{position:absolute;top:10px;right:10px;padding:0 8px;border-radius:999px;background:rgba(0,0,0,.66);color:#FFFFFF;font-size:12.5px;font-weight:600;line-height:22px;pointer-events:none}
/* ช่องคลิปในฟอร์มโพสต์/กิจกรรม */
.sx-vslotw:empty{display:none}
.sx-vslot{position:relative;width:200px;max-width:100%;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--sx-sunk);border:1px solid var(--sx-line);display:flex;align-items:center;justify-content:center}
.sx-vslot img{width:100%;height:100%;object-fit:cover;display:block}
.sx-vslot .sx-vdur{top:auto;bottom:8px;right:8px}
.sx-vslot button{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(14,23,38,.74);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.sx-vslot.ld{flex-direction:column;gap:8px;padding:16px;aspect-ratio:auto;min-height:96px}
.sx-vph{display:inline-flex;color:var(--sx-mute)}
.sx-vbar{width:100%;height:6px;border-radius:3px;background:var(--sx-line);overflow:hidden}
.sx-vbar i{display:block;height:100%;width:0;border-radius:3px;background:var(--sx-blue);transition:width .2s linear}
/* แถบสตอรี่บนหน้าหลัก · แถวไฮไลท์บนโปรไฟล์ */
.sx-stw:empty{display:none}
.sx-tray,.sx-hls{margin:0 0 14px;padding:12px 4px 8px;border-radius:var(--sx-r);background:var(--sx-surface);border:1px solid var(--sx-line);box-shadow:var(--sx-shadow)}
.sx-hls{margin:14px 0 0}
.sx-trl{list-style:none;margin:0;padding:0 10px;display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.sx-trl::-webkit-scrollbar{display:none}
.sx-trl>li{position:relative;flex:none;scroll-snap-align:start}
.sx-sti{display:flex;flex-direction:column;align-items:center;gap:6px;width:74px;padding:2px 0 4px;border:0;border-radius:12px;background:none;font:inherit;color:var(--sx-text);cursor:pointer}
.sx-str{position:relative;display:flex;align-items:center;justify-content:center;width:66px;height:66px;padding:4px;border-radius:50%;background:var(--sx-line2)}
.sx-str>.sx-av{box-shadow:0 0 0 2px var(--sx-surface)}
.sx-sti.new .sx-str,.sx-avf.sx-avst.new{background:conic-gradient(from 210deg,#1570EF,#22B8E6,#16A34A,#1570EF)}
.sx-stn{max-width:74px;font-size:12.5px;line-height:1.35;color:var(--sx-text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-sti.new .sx-stn{color:var(--sx-text);font-weight:600}
.sx-sti:hover .sx-str{filter:brightness(1.05)}
.sx-stadd .sx-str{background:transparent}
.sx-stplus{position:absolute;right:0;bottom:0;width:24px;height:24px;border-radius:50%;background:var(--sx-pri);border:2px solid var(--sx-surface);display:flex;align-items:center;justify-content:center}
.sx-hlr{background:var(--sx-line)}
.sx-hlr>img.sx-av{object-fit:cover}
.sx-hlph{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:var(--sx-sunk);color:var(--sx-mute);flex:none}
.sx-stadd.sx-hli .sx-hlph,.sx-stadd .sx-hlr .sx-hlph{border:1.5px dashed var(--sx-line2);background:transparent}
.sx-hled{position:absolute;top:0;right:0;width:26px;height:26px;border-radius:50%;border:1px solid var(--sx-line);background:var(--sx-surface);color:var(--sx-text2);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--sx-shadow)}
.sx-hled:hover{color:var(--sx-blue-tx);border-color:var(--sx-blue)}
/* วงแหวนสตอรี่บนรูปโปรไฟล์ */
.sx-avst{padding:4px;border:0;background:var(--sx-line2);cursor:pointer}
.sx-avst .sx-avxl{border-width:3px}
/* หน้าดูสตอรี่ (เต็มจอ · สัดส่วน 9:16) */
.modal.sx-stvm{background:rgba(0,0,0,.92);padding:16px;align-items:center}
.mdlg.sx-stvd{width:auto;max-width:calc(100vw - 32px);height:min(calc(100vh - 32px),880px);height:min(calc(100dvh - 32px),880px);max-height:none;aspect-ratio:9/16;padding:0;gap:0;border:0;border-radius:18px;background:#000000;color:#FFFFFF;box-shadow:none;overflow:visible;display:block}
.mdlg.sx-stvd :focus-visible{outline:3px solid #FFFFFF;outline-offset:2px}
.sx-stv{position:relative;width:100%;height:100%;border-radius:inherit}
.sx-stbody{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:#000000;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.sx-stbar{position:absolute;top:10px;left:10px;right:10px;z-index:3;display:flex;gap:4px;pointer-events:none}
.sx-stseg{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.34);overflow:hidden}
.sx-stseg i{display:block;height:100%;width:0;background:#FFFFFF;border-radius:2px}
.sx-sthd{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:2px;padding:20px 6px 30px 12px;border-radius:18px 18px 0 0;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0))}
.sx-sthw{flex:1;min-width:0;display:flex;align-items:center;gap:8px}
.sx-sthn{display:inline-flex;align-items:center;gap:8px;min-width:0;color:#FFFFFF!important;text-decoration:none}
.sx-sthn b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-sthn .sx-av{box-shadow:0 0 0 1.5px rgba(255,255,255,.7)}
.sx-sttime{flex:none;font-size:13px;color:rgba(255,255,255,.8);white-space:nowrap}
.sx-stic{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.sx-stic:hover{background:rgba(255,255,255,.14)}
.sx-stimg,.sx-stvid{display:block;width:100%;height:100%;object-fit:contain;background:#000000}
.sx-stcap{position:absolute;left:16px;right:16px;bottom:78px;z-index:1;margin:0;padding:8px 12px;border-radius:12px;background:rgba(0,0,0,.58);color:#FFFFFF;font-size:15px;line-height:1.5;text-align:center;overflow-wrap:anywhere}
.sx-sttext{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:100%;height:100%;padding:76px 26px 88px;text-align:center;color:#FFFFFF}
.sx-sttext p{margin:0;font-size:clamp(20px,3.4vh,30px);font-weight:700;line-height:1.38;white-space:pre-line;overflow-wrap:anywhere}
.sx-sttext.bg-blue,.sx-bgc.bg-blue{background:linear-gradient(160deg,#0B2D6F,#1570EF)}
.sx-sttext.bg-green,.sx-bgc.bg-green{background:linear-gradient(160deg,#053B2B,#15803D)}
.sx-sttext.bg-gold,.sx-bgc.bg-gold{background:linear-gradient(160deg,#4A2405,#B45309)}
.sx-sttext.bg-red,.sx-bgc.bg-red{background:linear-gradient(160deg,#6B1111,#DC2626)}
.sx-sttext.bg-violet,.sx-bgc.bg-violet{background:linear-gradient(160deg,#2E0757,#7C3AED)}
.sx-sttext.bg-ink,.sx-bgc.bg-ink{background:linear-gradient(160deg,#05070C,#283447)}
.sx-stlink{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:40px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.18);color:#FFFFFF!important;text-decoration:none;font-size:14px;font-weight:600}
.sx-stlink span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-stpost{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:76px 18px 88px;background:linear-gradient(160deg,#0B2D6F,#0E1726)}
.sx-stpost>img{display:block;width:100%;max-height:42%;object-fit:cover;border-radius:14px 14px 0 0}
.sx-stpost>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border-radius:14px;background:#FFFFFF;color:#0E1726}
.sx-stpost>img+div{border-radius:0 0 14px 14px}
.sx-stpost .sx-mut{font-size:12.5px;font-weight:700;color:#5F6B7E}
.sx-stpost b{font-size:18px;line-height:1.4;overflow-wrap:anywhere}
.sx-stpost p{margin:0;font-size:14.5px;line-height:1.6;color:#3A4556;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.sx-stpost .sx-btn{margin-top:6px}
.sx-stft{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:30px 14px 14px;border-radius:0 0 18px 18px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.55))}
.sx-stft:empty{display:none}
.sx-stviews{margin-right:auto;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:0;border-radius:999px;background:rgba(255,255,255,.16);color:#FFFFFF;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.sx-stlike{width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}
.sx-stlike.on{color:#FF4D6D}.sx-stlike.on svg{fill:currentColor}.sx-stlike:active{transform:scale(.92)}
.sx-stviews:hover,.sx-stlike:hover{background:rgba(255,255,255,.24)}
.sx-stnav{position:absolute;top:50%;z-index:4;width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;cursor:pointer}
.sx-stnav:hover{background:rgba(255,255,255,.26)}
.sx-stnav.prev{left:-62px}.sx-stnav.prev svg{transform:rotate(180deg)}.sx-stnav.next{right:-62px}
.sx-stgone{margin:0;padding:24px;color:#FFFFFF;text-align:center}
@media (max-width:639px){
  .modal.sx-stvm{padding:0;align-items:stretch}
  .mdlg.sx-stvd{width:100vw;max-width:none;height:100vh;height:100dvh;aspect-ratio:auto;border-radius:0}
  .sx-sthd{border-radius:0;padding-top:calc(20px + env(safe-area-inset-top))}.sx-stbar{top:calc(10px + env(safe-area-inset-top))}
  .sx-stft{border-radius:0;padding-bottom:calc(14px + env(safe-area-inset-bottom))}
  .sx-stnav{display:none}
}
@media (max-width:760px) and (min-width:640px){.sx-stnav.prev{left:8px}.sx-stnav.next{right:8px}}
/* สร้างสตอรี่ */
.mdlg.sx-stcd{max-width:480px}
.sx-stcd .sx-segs{margin:0;align-self:flex-start}
.sx-segs button[aria-selected=true]{background:var(--sx-surface);color:var(--sx-text);font-weight:600;box-shadow:var(--sx-shadow)}
.sx-stpick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:168px;padding:22px;border:2px dashed var(--sx-line2);border-radius:14px;background:var(--sx-raise);color:var(--sx-text2);text-align:center;cursor:pointer}
.sx-stpick b{font-size:15.5px;color:var(--sx-text)}
.sx-stpick:hover{border-color:var(--sx-blue);color:var(--sx-blue-tx)}
#sxs-prev:empty{display:none}
.sx-stprev{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:200px;aspect-ratio:9/16;margin:12px auto 0;border-radius:14px;overflow:hidden;background:var(--sx-sunk)}
.sx-stprev img{width:100%;height:100%;object-fit:cover;display:block}
.sx-stprev .sx-vdur{top:auto;bottom:8px;right:8px}
.sx-stprev.ld{flex-direction:column;gap:10px;max-width:none;aspect-ratio:auto;min-height:110px;padding:20px}
.sx-stedit{height:auto;min-height:220px;padding:22px;border-radius:14px}
.sx-stedit textarea{width:100%;min-height:150px;border:0;background:transparent;color:#FFFFFF;font:inherit;font-size:22px;font-weight:700;line-height:1.4;text-align:center;resize:none}
.sx-stedit textarea::placeholder{color:rgba(255,255,255,.74)}
.sx-stedit textarea:focus{outline:none}
.sx-stedit:focus-within{outline:3px solid var(--sx-blue);outline-offset:2px}
.sx-bgs{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.sx-bgc{width:36px;height:36px;padding:0;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--sx-line2);cursor:pointer}
.sx-bgc[aria-checked=true]{box-shadow:0 0 0 3px var(--sx-blue)}
.sx-stshare{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;border-radius:12px;background:var(--sx-raise);border:1px solid var(--sx-line);color:var(--sx-text2)}
.sx-stshare b{min-width:0;color:var(--sx-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* คนที่ดูสตอรี่ */
.sx-stvl{display:flex;flex-direction:column;max-height:60vh;overflow-y:auto}
.sx-stvl .sx-mrow{border-top:1px solid var(--sx-line);padding:8px 0}
.sx-stlk{display:inline-flex;color:#E11D48}.sx-stlk svg{fill:currentColor}
/* ไฮไลท์: เลือกชุด · สร้างใหม่ · แก้ไข */
.sx-hlpick{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sx-hlpick button{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px;border:1px solid var(--sx-line);border-radius:12px;background:var(--sx-surface);font:inherit;color:var(--sx-text);text-align:left;cursor:pointer}
.sx-hlpick button:hover{border-color:var(--sx-blue)}
.sx-hlpick img,.sx-hlpick .sx-hlph{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.sx-hlpick b{flex:1;min-width:0;overflow-wrap:anywhere}
.sx-hlnew{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--sx-line)}
.sx-row2{display:flex;gap:8px}.sx-row2 .sx-inp{flex:1;min-width:0}.mdlg .sx-row2 .btn{width:auto;flex:none}
.sx-arch{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px}
.sx-archi{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12.5px;cursor:pointer;min-width:0}
.sx-archt{position:relative;display:block;width:100%;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:var(--sx-sunk);border:2px solid transparent}
.sx-archt img{display:block;width:100%;height:100%;object-fit:cover}
.sx-archt .sx-sttext{padding:8px;gap:0;font-size:12px;font-weight:700;line-height:1.3;overflow:hidden}
.sx-archt .sx-vdur{top:auto;bottom:4px;right:4px;font-size:11px;line-height:18px;padding:0 6px}
.sx-archi input{position:absolute;top:6px;left:6px;z-index:1;width:20px;height:20px;margin:0;accent-color:var(--sx-pri)}
.sx-archi input:checked+.sx-archt{border-color:var(--sx-blue)}
.sx-archi .sx-linkbtn{min-height:30px;font-size:13px;align-self:center}
/* แท็บสื่อบนโปรไฟล์ */
.sx-mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border-radius:14px;overflow:hidden}
.sx-mt{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--sx-sunk)}
.sx-mt img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.sx-mt:hover img{transform:scale(1.04)}
.sx-mtx{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--sx-mute)}
.sx-mtv{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;gap:4px;padding:0 7px;border-radius:999px;background:rgba(0,0,0,.62);color:#FFFFFF;font-size:12px;font-weight:600;line-height:22px}
.sx-mtl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(14,23,38,.5)}
.sx-mt:focus-visible{outline-offset:-3px}
@media (prefers-reduced-motion:reduce){.sx-mt img,.sx-vbar i,.sx-stlike{transition:none}.sx-mt:hover img{transform:none}}

/* ผลตรวจรอบ 60: สตอรี่/ไฮไลท์ที่ถูกซ่อน (เจ้าของเห็นป้าย) · ตัวอย่างในคิวรายงาน/กิจกรรมของหลังบ้าน · คลิปของโพสต์รอตรวจ */
.sx-stft{flex-wrap:wrap}
.sx-sthid{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.6);color:#FFFFFF;font-size:13px;font-weight:600;line-height:1.35}
.sx-hlhid{display:block;max-width:74px;font-size:11px;line-height:1.3;color:var(--warn)}
.arep{display:flex;gap:10px;align-items:flex-start}
.arep-img img{display:block;width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}
.aev-media{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.aev-media img{display:block;width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}
.aev-media a.lbl{display:inline-flex;align-items:center;min-height:44px}
.ains-vid{display:block;width:100%;max-width:420px;max-height:320px;margin-top:10px;border-radius:10px;background:#000000}
/* ---------- โปรไฟล์ · ตั้งค่า ---------- */
.sx-profc{padding:0;overflow:hidden}
.sx-cover{aspect-ratio:16/9;height:auto;background:linear-gradient(115deg,#0B2D6F,#1570EF 58%,#16A34A);background-size:cover;background-position:center}
.sx-profh{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-start;padding:12px clamp(18px,3vw,28px) 0}.sx-profh>.sx-av,.sx-profh>.sx-avf{margin-top:-60px}
.sx-profn{flex:1 1 240px;min-width:0;padding-bottom:4px}.sx-profn .sx-h1{font-size:clamp(23px,1vw + 18px,30px)}.sx-profn p{margin:2px 0 0}
.sx-profa{display:flex;gap:8px;padding-top:4px}
.sx-profb{padding:14px clamp(18px,3vw,28px) 22px;display:flex;flex-direction:column;gap:14px}
.sx-bio{margin:0;font-size:15.5px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}
.sx-pinfo{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sx-links{display:flex;flex-wrap:wrap;gap:8px}
.sx-links a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--sx-line);color:var(--sx-text2)!important;text-decoration:none;font-size:14px}.sx-links a:hover{border-color:var(--sx-blue);color:var(--sx-blue-tx)!important}
.sx-actv{display:flex;flex-direction:column;gap:6px}.sx-actv a{display:flex;flex-direction:column;color:var(--sx-text)!important;text-decoration:none}.sx-actv p{margin:0;color:var(--sx-text2);overflow-wrap:anywhere}
.sx-frl{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:var(--sx-text)!important;text-decoration:none}.sx-frl b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-frt{width:64px;flex:none}
.sx-pf{display:flex;flex-direction:column;gap:16px}
.sx-pfm{display:flex;flex-direction:column}
.sx-coverx{aspect-ratio:16/9;height:auto;max-width:560px;border-radius:14px;background:linear-gradient(115deg,#0B2D6F,#1570EF 58%,#16A34A);background-size:cover;background-position:center;display:flex;align-items:flex-start;justify-content:flex-end;padding:10px}
.sx-avx{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:-44px 0 0 16px}
.sx-handle{display:flex;align-items:center;border:1px solid var(--sx-line2);border-radius:12px;background:var(--sx-surface);padding-left:12px}.sx-handle span{color:var(--sx-mute)}
.sx-handle .sx-inp{border:0;box-shadow:none!important;padding-left:4px;background:transparent}.sx-handle:focus-within{border-color:var(--sx-blue);box-shadow:0 0 0 4px var(--sx-blue-soft)}
.sx-linkr{display:flex;gap:8px;margin-bottom:8px}.sx-linkr>*{min-width:0}.sx-linkr .sx-sel{flex:0 0 150px;width:auto}.sx-linkr .sx-inp{flex:1}
@media (max-width:520px){.sx-linkr{flex-wrap:wrap}.sx-linkr .sx-sel{flex:1 1 calc(100% - 48px)}.sx-linkr .sx-inp{flex:1 1 100%}}
.sx-sw{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 0;border-bottom:1px solid var(--sx-line);cursor:pointer}
.sx-sw input{position:absolute;opacity:0;width:1px;height:1px}
.sx-swt{position:relative;width:44px;height:26px;border-radius:999px;background:var(--sx-line2);flex:none;transition:background-color .15s}
.sx-swt::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}
.sx-sw input:checked+.sx-swt{background:var(--sx-green)}.sx-sw input:checked+.sx-swt::after{transform:translateX(18px)}
.sx-sw input:focus-visible+.sx-swt{outline:3px solid var(--sx-blue);outline-offset:2px}.sx-sw input:disabled+.sx-swt{opacity:.5}
.sx-themes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;margin-top:12px}
.sx-themec{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border-radius:14px;border:1px solid var(--sx-line2);background:var(--sx-surface);color:var(--sx-text);font:inherit;text-align:left;cursor:pointer}
.sx-themec[aria-pressed=true]{border-color:var(--sx-blue);box-shadow:0 0 0 3px var(--sx-blue-soft)}

/* ---------- Space · สมาชิก · แจ้งเตือน · ค้นหา ---------- */
.sx-space{display:flex;flex-direction:column;gap:10px}.sx-space>p{margin:0;flex:1}
.sx-spch{display:flex;gap:12px;align-items:flex-start;min-width:0}.sx-spch>div{min-width:0}
.sx-spi{width:44px;height:44px;border-radius:12px;background:var(--sx-blue-soft);color:var(--sx-blue);display:inline-flex;align-items:center;justify-content:center;flex:none}
.sx-spi-lg{width:64px;height:64px;border-radius:18px}
.sx-spf{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:auto}
.sx-spaceh{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}.sx-spaceh .sx-spch{flex-wrap:wrap}
.sx-spht{flex:1 1 320px;min-width:0}.sx-spht p{margin:6px 0 0}
.sx-spha{display:flex;gap:8px;flex-wrap:wrap}
.sx-res{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:12px;border-top:1px solid var(--sx-line)}
.sx-res b{display:inline-flex;gap:6px;align-items:center;font-size:13.5px;color:var(--sx-mute);margin-right:4px}
.sx-res a{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 12px;border-radius:999px;background:var(--sx-raise);border:1px solid var(--sx-line);color:var(--sx-text)!important;text-decoration:none;font-size:14px;max-width:100%}
.sx-res a:hover{border-color:var(--sx-blue)}
/* รอบ 73: ไฟล์แนบของกิจกรรม · ตัวอย่างรูปปก */
.sx-files{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--sx-line)}
.sx-files h2{display:flex;gap:8px;align-items:center;margin:0}
.sx-files ul,.sx-flist{list-style:none;margin:0;padding:0;display:grid;gap:8px}.sx-flist:empty{display:none}
.sx-file{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 10px 8px 8px;border:1px solid var(--sx-line);border-radius:12px;background:var(--sx-raise)}
.sx-fext{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:9px;background:var(--sx-blue-soft);color:var(--sx-blue-tx);font-size:11.5px;font-weight:700;letter-spacing:.02em}
.sx-fnm{flex:1;min-width:0;display:grid;gap:2px}.sx-fnm b{font-weight:600;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sx-text)}.sx-fnm .sx-mut{font-size:13px}
.sx-flk{display:inline-flex;gap:5px;align-items:center;font-size:13px;flex:none}
.sx-fbar{display:block;width:100%;height:6px;margin-top:4px;border-radius:3px;background:var(--sx-line);overflow:hidden}.sx-fbar i{display:block;height:100%;border-radius:3px;background:var(--sx-blue);transition:width .2s linear}
.sx-fhint{margin:0 0 8px;font-size:13.5px}
.sx-fac{display:grid;gap:6px;margin-top:10px}
.sx-cvp{margin:0 0 8px;aspect-ratio:16/9;max-width:420px;border-radius:12px;overflow:hidden;background:var(--sx-sunk);border:1px solid var(--sx-line)}.sx-cvp[hidden]{display:none}
.sx-cvp img{display:block;width:100%;height:100%;object-fit:cover}
@media (prefers-reduced-motion:reduce){.sx-fbar i{transition:none}}
.sx-qpost{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.sx details summary{cursor:pointer;color:var(--sx-blue-tx);min-height:36px;display:flex;align-items:center}
.sx-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px;padding:12px}
.sx-filters .sx-inp{flex:1 1 240px;width:auto}
.sx-ifil,.sx-nfil,.sx-mkcats{margin-bottom:14px}
@media (max-width:760px){.sx-ifil,.sx-nfil,.sx-mkcats{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}}
.sx-mcard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:22px 16px}
.sx-mcard p{margin:0}.sx-mcard .sx-bdg,.sx-mcard .sx-chips{justify-content:center}.sx-mcard .sx-btn{margin-top:8px}
.sx-mav{border-radius:50%;margin-bottom:6px;display:inline-flex}
.sx-mhl{font-size:14px;color:var(--sx-text2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sx-nlist{padding:6px}
.sx-nrow{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:var(--sx-text)!important;text-decoration:none;min-height:60px}
.sx-nrow:hover{background:var(--sx-raise)}.sx-nrow.unread{background:var(--sx-blue-soft)}
.sx-ni{width:38px;height:38px;border-radius:50%;background:var(--sx-sunk);color:var(--sx-blue);display:inline-flex;align-items:center;justify-content:center;flex:none}
.sx-nt{flex:1;min-width:0;display:flex;flex-direction:column}.sx-nt>span:first-child{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.sx-dot{width:9px;height:9px;border-radius:50%;background:var(--sx-blue);flex:none}
.sx-mine{display:flex;flex-direction:column;gap:8px}
.sx-sres{margin-bottom:26px}.sx-sresh{display:flex;align-items:baseline;justify-content:space-between;gap:12px}

/* ---------- AI Insights ---------- */
.sx-ins{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;grid-auto-flow:row dense}
.sx-insi{grid-column:1/-1;display:flex;flex-direction:column;gap:10px;min-width:0}.sx-insq{grid-column:span 5}.sx-insc{grid-column:span 7}.sx-insd{grid-column:span 7}.sx-inse{grid-column:span 5}.sx-insn{grid-column:span 7}.sx-insw{grid-column:span 5}.sx-inst{grid-column:1/-1}      /* รอบ 39C: เอางานวิจัยออก · + ข่าวรายวัน */
@media (max-width:1199px){.sx-ins>*{grid-column:1/-1!important;grid-row:auto!important}}
.sx-ich{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.sx-ich .sx-h2{margin:0}
.sx-src{margin:12px 0 0;font-size:12.5px;color:var(--sx-mute);line-height:1.55}
.sx-qv{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.sx-qv b{font-size:clamp(30px,1.6vw + 20px,42px);font-weight:700;letter-spacing:-.02em}.sx-qv span{font-size:15px;font-weight:600}
.sx-spark{display:block;width:100%;height:64px;margin:10px 0 4px}
.sx-tvbox{position:relative;height:360px;border-radius:12px;overflow:hidden;border:1px solid var(--sx-line);background:var(--sx-surface)}.sx-tvbox .tradingview-widget-container{height:100%}
.sx-tvcal{height:440px;margin-bottom:8px}
.sx-wl{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.sx-wlf{display:flex;gap:8px;margin-bottom:12px}.sx-wlf .sx-inp{flex:1;min-width:0;text-transform:uppercase}
.sx-insih{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sx .nwi{border-color:var(--sx-line);border-radius:var(--sx-r);box-shadow:var(--sx-shadow);background:var(--sx-surface)}
/* รอบ 40: AI News แบบกระทู้ข่าว */
.sx-thl-lead{margin:2px 0 0;font-size:14px}
.sx-thl{list-style:none;margin:8px 0 0;padding:0}
.sx-thl>li+li{border-top:1px solid var(--sx-line)}
.sx-th{display:flex;flex-direction:column;gap:4px;padding:12px 10px;margin:0 -10px;border-radius:12px;color:var(--sx-text)!important;text-decoration:none;min-width:0}
.sx-th:hover{background:var(--sx-raise)}
.sx-th-h{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;font-size:12.5px;color:var(--sx-mute);line-height:1.45}
.sx-th-cat{font-weight:600;color:var(--sx-text2)}
.sx-th-imp{display:inline-flex;align-items:center;gap:6px;color:var(--sx-neg-tx);font-weight:600}
.sx-th-imp::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--sx-neg)}
.sx-th-h time{margin-left:auto;white-space:nowrap}
.sx-th-t{font-weight:600;font-size:15.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sx-th-s{font-size:14px;line-height:1.55;color:var(--sx-text2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sx-th-m{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:12.5px;color:var(--sx-mute);margin-top:2px}
.sx-th-off{display:inline-flex;align-items:center;gap:4px;color:var(--sx-green-tx)}
.sx-th-c{margin-left:auto;display:inline-flex;gap:12px}
.sx-th-c>span{display:inline-flex;align-items:center;gap:4px}
.sx-thf{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;margin-top:10px}
.sx-rlist{display:flex;flex-direction:column}
.sx-insc .cm-lv{margin-top:6px}

/* ---------- กิจกรรม ---------- */
.sx-evbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.sx-evbar .sx-tabs{margin:0;flex:1 1 280px}.sx-evbar .sx-segs{margin:0}
.sx-ev{display:flex;gap:16px;padding:16px}
.sx-evdl{flex:none;width:66px;border-radius:14px;background:var(--sx-blue-soft);color:var(--sx-blue-tx)!important;text-decoration:none;display:flex;align-self:flex-start}
.sx-evd{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:10px 0;line-height:1.15}.sx-evd span{font-size:12px;font-weight:600}.sx-evd b{font-size:24px;font-weight:700}
.sx-evb{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.sx-evb p{margin:0}
.sx-evm{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--sx-text2);margin:0}.sx-evm svg{margin-top:3px;color:var(--sx-mute)!important}
.sx-tzn{margin-top:14px!important;font-size:13px}
.sx-cal{padding:16px}
.sx-calh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.sx-calh .sx-h2{margin:0;text-align:center}
.sx-calh [data-cm="-1"] svg{transform:rotate(180deg)}
.sx-calg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.sx-cwd{font-size:12.5px;color:var(--sx-mute);text-align:center;padding:4px 0;font-weight:600}
.sx-cd{min-height:98px;border-radius:10px;border:1px solid var(--sx-line);padding:6px;display:flex;flex-direction:column;gap:4px;min-width:0;background:var(--sx-surface)}
.sx-cd>span{font-size:13px;color:var(--sx-mute)}.sx-cd.has{background:var(--sx-raise)}
.sx-cd.today{border-color:var(--sx-blue)}.sx-cd.today>span{color:var(--sx-blue-tx);font-weight:700}
.sx-cdx{border:0;background:transparent}
.sx-cde{display:block;font-size:12px;line-height:1.3;padding:3px 6px;border-radius:6px;background:var(--sx-blue-soft);color:var(--sx-blue-tx)!important;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){.sx-cd{min-height:56px;padding:4px}.sx-cde{font-size:0;height:6px;padding:0;border-radius:3px;background:var(--sx-blue)}.sx-ev{gap:12px;padding:14px}.sx-evdl{width:56px}}
.sx-evpage{display:flex;flex-direction:column;gap:14px;padding:22px clamp(18px,3vw,32px)}
.sx-evcover{width:100%;max-height:320px;object-fit:cover;border-radius:12px;display:block}
.sx-evinfo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin:0}
.sx-evinfo>div{padding:14px;border-radius:12px;background:var(--sx-raise);border:1px solid var(--sx-line);min-width:0}
.sx-evinfo dt{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--sx-mute);font-weight:600}.sx-evinfo dd{margin:6px 0 0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.sx-bar{display:block;height:6px;border-radius:999px;background:var(--sx-sunk);overflow:hidden;margin-top:8px}.sx-bar>span{display:block;height:100%;background:var(--sx-green);border-radius:999px}
.sx-evact{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sx-rsvp{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* ---------- Creator Marketplace ---------- */
.sx-prod{padding:0;overflow:hidden;display:flex;flex-direction:column}
.sx-pimg{display:block;aspect-ratio:16/10;background:var(--sx-sunk);overflow:hidden}
.sx-pimg img{width:100%;height:100%;object-fit:cover;display:block}
@media (prefers-reduced-motion:no-preference){.sx-pimg img{transition:transform .3s ease}.sx-prod:hover .sx-pimg img{transform:scale(1.03)}}
.sx-pph{width:100%;height:100%;min-height:120px;display:flex;align-items:center;justify-content:center;color:var(--sx-blue);background:linear-gradient(135deg,var(--sx-blue-soft),var(--sx-sunk))}
.sx-pbody{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.sx-pbody p{margin:0}
.sx-psum{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sx-price{font-size:17px;font-weight:700}
.sx-stars{display:inline-flex;gap:1px;vertical-align:middle}.sx-stars svg{fill:currentColor}
.sx-item{display:flex;flex-direction:column;gap:14px;padding:20px clamp(18px,3vw,32px)}
.sx-gal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.sx-gal button{padding:0;border:1px solid var(--sx-line);border-radius:10px;overflow:hidden;background:var(--sx-sunk);cursor:pointer;aspect-ratio:1}
.sx-gal button:first-child{grid-column:1/-1;aspect-ratio:16/9;border-radius:14px;cursor:default}
.sx-gal button img{width:100%;height:100%;object-fit:cover;display:block}.sx-gal button:first-child img{object-fit:contain}
.sx-gal0{display:flex;aspect-ratio:16/9;border-radius:14px;overflow:hidden}
.sx-pbox{gap:10px}.sx-bigp{font-size:28px;font-weight:700}
.sx-buy{display:flex;flex-direction:column;gap:12px}.sx-buy fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.sx-buy .sx-btn{width:100%}
.sx-pfacts{margin:6px 0 0;display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--sx-line)}
.sx-pfacts div{display:flex;flex-direction:column}.sx-pfacts dt{font-size:12.5px;color:var(--sx-mute);font-weight:600}.sx-pfacts dd{margin:2px 0 0;font-size:14.5px}
.sx-reviews{display:flex;flex-direction:column;gap:14px;padding-top:18px;border-top:1px solid var(--sx-line)}.sx-reviews .sx-h2{margin:0}
.sx-rsum{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.sx-rsum>b{font-size:40px;font-weight:700;line-height:1}
.sx-rdist{flex:1 1 220px;display:flex;flex-direction:column;gap:4px}.sx-rdist>div{display:flex;align-items:center;gap:6px;font-size:13px}
.sx-rdist .sx-bar{flex:1;margin:0}.sx-rdist .sx-bar>span{background:var(--sx-amber)}
.sx-rvf{display:flex;flex-direction:column;gap:10px;box-shadow:none;background:var(--sx-raise)}
.sx-rate{border:0;padding:0;margin:0;display:flex;gap:2px}
.sx-rate label{position:relative;cursor:pointer;color:var(--sx-line2)}
.sx-rate input{position:absolute;opacity:0;width:1px;height:1px}
.sx-rate label>span{display:inline-flex;padding:2px;border-radius:6px}.sx-rate svg{fill:currentColor}
.sx-rate input:focus-visible+span{outline:3px solid var(--sx-blue)}
.sx-rate:has(input[value="1"]:checked) label:nth-of-type(-n+1),.sx-rate:has(input[value="2"]:checked) label:nth-of-type(-n+2),.sx-rate:has(input[value="3"]:checked) label:nth-of-type(-n+3),
.sx-rate:has(input[value="4"]:checked) label:nth-of-type(-n+4),.sx-rate:has(input[value="5"]:checked) label:nth-of-type(-n+5){color:var(--sx-amber)}
.sx-review{display:flex;flex-direction:column;gap:6px;padding-top:14px;border-top:1px solid var(--sx-line)}.sx-review p{margin:0;overflow-wrap:anywhere}
.sx-sreply{margin-left:14px;padding:10px 12px;border-left:3px solid var(--sx-blue);background:var(--sx-raise);border-radius:0 10px 10px 0}.sx-sreply p{margin:4px 0 0}
.sx-lib{display:flex;gap:16px;padding:16px}
.sx-limg{flex:none;width:120px;height:90px;border-radius:12px;overflow:hidden;background:var(--sx-sunk);display:block}.sx-limg img{width:100%;height:100%;object-fit:cover;display:block}
.sx-lbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.sx-lbody p{margin:0}
.sx-deliv{padding:12px 14px;border-radius:12px;background:var(--sx-raise);border:1px solid var(--sx-line);display:flex;flex-direction:column;gap:8px}.sx-deliv p{margin:0;overflow-wrap:anywhere}
.sx-secret{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sx-secret code{flex:1 1 200px;min-width:0;overflow-wrap:anywhere;padding:8px 10px;border-radius:8px;background:var(--sx-surface);border:1px solid var(--sx-line2);font-size:13.5px}
.sx-bnote{display:flex;flex-direction:column;gap:6px}.sx-bnote .sx-btnrow .sx-inp{flex:1 1 220px;width:auto}
@media (max-width:560px){.sx-lib{flex-direction:column}.sx-limg{width:100%;height:150px}}
.sx-storeh{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.sx-storeh .sx-h2{margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sx-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;margin-bottom:14px}
.sx-kpi{display:flex;flex-direction:column;gap:4px}.sx-kpi b{font-size:24px;font-weight:700}
.sx-tbl{overflow-x:auto;max-width:100%}.sx-card.sx-tbl{padding:6px}
.sx-tbl table{width:100%;border-collapse:collapse;font-size:14px}
.sx-tbl th{text-align:left;font-weight:600;color:var(--sx-mute);font-size:12.5px;padding:8px 10px;border-bottom:1px solid var(--sx-line);white-space:nowrap}
.sx-tbl td{padding:10px;border-bottom:1px solid var(--sx-line);vertical-align:top}.sx-tbl tr:last-child td{border-bottom:0}
.sx-tbl code{overflow-wrap:anywhere}

/* ---------- แผ่นเมนู (มือถือ) ---------- */
.sx-sheet{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:4px 0 8px}
.sx-sl{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border-radius:12px;background:var(--sx-raise);border:1px solid var(--sx-line);color:var(--sx-text)!important;text-decoration:none;font-size:14.5px;font-weight:500;min-width:0}
.sx-sl>span:not(.sx-nb){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-sl.on{border-color:var(--sx-blue);color:var(--sx-blue-tx)!important}
.mdlg.sx-sheetd{display:flex;flex-direction:column;gap:14px}.mdlg.sx-sheetd .sx-theme{align-self:flex-start}.mdlg.sx-sheetd .sx-theme span{font-size:13.5px}

/* ---------- เดสก์ท็อปเล็ก/แท็บเล็ต: แถบไอคอน · มือถือ: แถบล่าง ---------- */
.sx-bnav{display:none}
@media (min-width:640px) and (max-width:1023px){
  .sx-app{grid-template-columns:76px minmax(0,1fr)}
  .sx-sidein{padding:14px 10px;align-items:center}
  .sx-brand,.sx-navh,#sx-myspaces,.sx-sidefoot .sx-linkbtn{display:none}
  .sx-nl>span:not(.sx-nb),.sx-create span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .sx-nl{justify-content:center;padding:0;width:52px}
  .sx-nl .sx-nb{position:absolute;top:4px;right:2px;margin:0;min-width:16px;height:16px;font-size:10px;padding:0 4px}
  .sx-nl.on::before{left:-10px}
  .sx-create{width:52px;padding:0}
  .sx-logo{padding:2px 0 12px}
  .sx-theme{flex-direction:column;border-radius:16px}
  .sx-top .sx-topnew{display:inline-flex}
}
@media (max-width:639px){
  .sx-app{grid-template-columns:minmax(0,1fr)}
  .sx-side{display:none}
  .sx-work{padding:0 16px 104px}
  .sx-top{padding:10px 0}
  .sx-kbd{display:none}
  .sx-card{padding:16px}
  .sx-post{padding:16px 16px 6px}
  .sx-bnav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:35;background:var(--sx-surface);border-top:1px solid var(--sx-line);padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(14,23,38,.08)}
  .sx-bnav a,.sx-bnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;border:0;background:transparent;font:inherit;font-size:11.5px;line-height:1.2;color:var(--sx-mute)!important;text-decoration:none;cursor:pointer;border-radius:12px;min-width:0}
  .sx-bnav a>span:last-child,.sx-bnav button>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sx-bnav .on{color:var(--sx-blue-tx)!important;font-weight:600}
  .sx-bi{position:relative;display:inline-flex}
  .sx-bi .sx-nb{position:absolute;top:-6px;right:-12px;margin:0;min-width:18px;height:18px;font-size:10.5px;padding:0 4px}
  .sx-bplus{width:44px;height:30px;border-radius:12px;background:var(--sx-pri);color:#FFFFFF;align-items:center;justify-content:center}
  body:has(.sx) .mbar{display:none !important}
  body:has(.sx) .toast{bottom:calc(84px + env(safe-area-inset-bottom))}
  .sx-sheet{grid-template-columns:1fr}
}

/* ===== หน้าแรกของเว็บ: KUYTRADE SOCIAL (K.socialSection · 7 ส่วน) ===== */
.sxh{color:var(--sx-text)}
.sxh-intro{position:relative;padding:clamp(64px,7vw,112px) 0;color:var(--sx-text);background:#FFFFFF;border-top:1px solid var(--line);overflow:hidden}      /* รอบ 27: โทนสว่าง (เดิมพื้นกรมท่า) */
.sxh-introg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,4vw,64px);align-items:center}
.sxh-it{display:flex;flex-direction:column;gap:18px;min-width:0}
.sxh-pos{margin:0;font-size:15.5px;font-weight:600;color:var(--sx-green-tx)}
.sxh-word{margin:0;display:flex;flex-direction:column;font-family:'Noto Sans Thai',var(--fx),sans-serif;font-weight:800;line-height:.96;letter-spacing:-.025em;font-size:clamp(46px,5.6vw,98px)}
.sxh-word span:first-child{color:var(--sx-text)}
.sxh-word span:last-child{color:var(--brand)}
.sxh-tag{margin:0;font-size:clamp(20px,.9vw + 15px,27px);font-weight:600;color:var(--sx-text);letter-spacing:-.005em}
.sxh-sup{margin:0;font-size:17.5px;line-height:1.75;color:var(--sx-text2);max-width:580px}
.sxh-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.sxh-win{position:relative;background:var(--sx-surface);border:1px solid var(--sx-line2);border-radius:20px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 16px 40px rgba(16,24,40,.08);overflow:hidden;min-width:0;display:flex;flex-direction:column}
.sxh-bar{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid var(--sx-line);background:var(--sx-raise)}
.sxh-bar>span:not(.sxh-real){width:10px;height:10px;border-radius:50%;background:var(--sx-line2);flex:none}
.sxh-bar b{margin-left:8px;font-size:13px;font-weight:500;color:var(--sx-mute);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sxh-real{font-size:12px;font-weight:600;color:var(--sx-green-tx);background:var(--sx-green-soft);padding:2px 9px;border-radius:999px;white-space:nowrap}
.sxh-tabs{display:flex;gap:4px;padding:8px;overflow-x:auto;border-bottom:1px solid var(--sx-line);scrollbar-width:none}@media (min-width:1280px){.sxh-tabs{flex-wrap:wrap}}.sxh-tabs::-webkit-scrollbar{display:none}
.sxh-tabs button{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--sx-mute);font:inherit;font-size:14px;cursor:pointer}
.sxh-tabs button:hover{color:var(--sx-text)}
.sxh-tabs button[aria-selected=true]{background:var(--sx-blue-soft);color:var(--sx-blue-tx);font-weight:600}
.sxh-pane{padding:16px;min-height:300px;display:flex;flex-direction:column;gap:10px;min-width:0}
.sxh-pane .sx-card{box-shadow:none}
.sxh-pi{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:12px;background:var(--sx-raise);border:1px solid var(--sx-line);min-width:0}
.sxh-pi>a:not(.sx-who){color:var(--sx-text)!important;text-decoration:none;overflow-wrap:anywhere}.sxh-pi>a:not(.sx-who):hover{text-decoration:underline}.sxh-pi>a b{font-weight:600}
.sxh-pi>.sx-mut{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.sxh-pi .sx-bdg{margin-top:0}
.sxh-aq{padding:6px 2px}.sxh-aq .sx-ich b{font-size:17px}
.sxh-empty{display:flex;align-items:center;gap:10px;padding:16px;border-radius:12px;border:1px dashed var(--sx-line2);color:var(--sx-text2)}
.sxh-open{display:inline-flex;align-items:center;gap:6px;align-self:flex-end;margin:0 16px 14px;font-size:14px;font-weight:600;color:var(--sx-blue-tx)!important;text-decoration:none;min-height:36px}.sxh-open:hover{text-decoration:underline}
.sxh-sec{padding:clamp(64px,7vw,104px) 0;background:var(--sx-bg)}
.sxh-alt{background:var(--sx-surface)}
.sxh-dark{background:var(--sx-raise);color:var(--sx-text);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sxh-head{display:flex;flex-direction:column;gap:12px;max-width:780px;margin-bottom:36px}.sxh-head .sx-btn{align-self:flex-start;margin-top:8px}
.sxh-h2{margin:0;font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:clamp(30px,1.9vw + 17px,46px);line-height:1.16;font-weight:700;letter-spacing:-.012em;color:var(--sx-text)}
.sxh-lead{margin:0;font-size:17.5px;line-height:1.72;color:var(--sx-text2)}
.sxh-caps{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:20px;align-items:stretch}
.sxh-capl{display:flex;flex-direction:column;gap:8px}
.sxh-capl button{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 16px;border-radius:14px;border:1px solid var(--sx-line);background:var(--sx-surface);color:var(--sx-text2);font:inherit;text-align:left;cursor:pointer}
.sxh-capl button b{font-size:16.5px;font-weight:600}
.sxh-capl button:hover{border-color:var(--sx-line2);color:var(--sx-text)}
.sxh-capl button[aria-selected=true]{border-color:var(--sx-blue);background:var(--sx-blue-soft);color:var(--sx-blue-tx)}
.sxh-capp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:28px;border-radius:20px;border:1px solid var(--sx-line);background:var(--sx-surface);box-shadow:var(--sx-shadow)}
.sxh-cpt h3{margin:0 0 10px;font-size:24px;font-weight:700;line-height:1.3}.sxh-cpt p{margin:0 0 16px;font-size:16px;line-height:1.72;color:var(--sx-text2)}
.sxh-cpt ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.sxh-cpt li{display:flex;gap:10px;align-items:center;font-size:15px}
.sxh-cpv{border-radius:14px;background:var(--sx-bg);border:1px solid var(--sx-line);padding:16px;min-height:240px;min-width:0}
@media (max-width:1100px){.sxh-introg{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.sxh-caps{grid-template-columns:minmax(0,1fr)}.sxh-capl{flex-direction:row;overflow-x:auto;padding-bottom:4px}.sxh-capl button{flex:none;min-height:52px}.sxh-capp{grid-template-columns:minmax(0,1fr);padding:20px}}
/* ภาพประกอบความสามารถ: โครงหน้าจอ ไม่มีข้อความหรือตัวเลขสมมุติ */
.cv-feed,.cv-notes{display:flex;flex-direction:column;gap:10px}
.cv-feed i,.cv-spaces i,.cv-people i,.cv-notes i,.cv-thread i{display:block;height:8px;border-radius:4px;background:var(--sx-line)}
.cv-tabs{display:flex;gap:6px}.cv-tabs b,.cv-tabs i{display:block;height:10px;width:48px;border-radius:5px;background:var(--sx-line2)}.cv-tabs b{background:var(--sx-blue)}
.cv-post{display:flex;gap:10px;padding:12px;border-radius:12px;background:var(--sx-surface);border:1px solid var(--sx-line)}.cv-post>div{flex:1;display:flex;flex-direction:column;gap:7px}
.cv-av{width:28px;height:28px;border-radius:50%;background:var(--sx-blue-soft);flex:none}.cv-av.s{width:20px;height:20px}.cv-av.l{width:44px;height:44px}
.cv-acts{display:flex;gap:12px;color:var(--sx-mute);margin-top:2px}
.cv-thread{display:flex;gap:8px;align-items:center;margin-left:36px;padding:8px 12px;border-left:2px solid var(--sx-line)}.cv-thread i{flex:1}
.cv-spaces{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cv-sp{display:flex;flex-direction:column;gap:7px;padding:12px;border-radius:12px;background:var(--sx-surface);border:1px solid var(--sx-line);color:var(--sx-blue)}
.cv-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cv-pc{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 8px;border-radius:12px;background:var(--sx-surface);border:1px solid var(--sx-line)}.cv-pc i{align-self:stretch;margin:0 12%}
.cv-chip{width:50px;height:16px;border-radius:8px;background:var(--sx-green-soft)}
.cv-n{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--sx-surface);border:1px solid var(--sx-line);color:var(--sx-blue)}.cv-n i{flex:1}
.cv-dot{width:8px;height:8px;border-radius:50%;background:var(--sx-blue);flex:none}
.sxh-aig{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:28px}
.sxh-aic{padding:22px;border-radius:18px;background:var(--sx-surface);border:1px solid var(--sx-line);display:flex;flex-direction:column;gap:10px;min-width:0}
.sxh-aic p{margin:0;color:var(--sx-text2);line-height:1.7}
.sxh-aih{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--sx-blue)}.sxh-aih b{font-size:18px;color:var(--sx-text);flex:1 1 auto}
.sxh-cme:empty{display:none}.sxh-cme{padding-top:4px}
@media (max-width:800px){.sxh-aig{grid-template-columns:minmax(0,1fr)}}
.sxh-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:20px clamp(28px,4vw,64px);align-items:start}
.sxh-split .sxh-head{margin-bottom:0}
.sxh-split>.sxh-ctas{grid-column:1}
@media (max-width:1000px){.sxh-split{grid-template-columns:minmax(0,1fr)}}
.sxh-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:sxs;grid-row:span 2}
.sxh-steps li{counter-increment:sxs;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;padding:18px;border-radius:16px;background:var(--sx-surface);border:1px solid var(--sx-line)}
.sxh-steps li::before{content:counter(sxs);grid-row:span 2;width:40px;height:40px;border-radius:12px;background:var(--sx-blue-soft);color:var(--sx-blue-tx);font-weight:700;display:flex;align-items:center;justify-content:center;font-family:'Geist','Noto Sans Thai',sans-serif}
.sxh-steps b{font-size:17px}.sxh-steps span{color:var(--sx-text2);line-height:1.65;font-size:15px}
@media (max-width:1000px){.sxh-steps{grid-row:auto}}
.sxh-evl{display:flex;flex-direction:column;gap:12px;min-width:0}
.sxh-join{padding:clamp(56px,6vw,96px) 0;background:#F5F9FF;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--sx-text)}
.sxh-joing{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between}
.sxh-join .sxh-h2{color:var(--sx-text)}
.sxh-free{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:16.5px;line-height:1.6;color:var(--sx-text2)}.sxh-free li{display:flex;gap:10px;align-items:flex-start}.sxh-free svg{margin-top:4px;color:var(--pos) !important}
.sxh-jb{display:flex;flex-direction:column;gap:12px;align-items:stretch;width:min(100%,340px)}
.sxh-jb .btn,.sxh-jb .sx-btn{width:100%}
.sxh-join .sx-linkbtn{color:var(--link)!important;align-self:center}
.toast.toast-err{box-shadow:inset 4px 0 0 #F87171,0 6px 20px rgba(14,23,38,.25)}
.sx-rr{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.sp-mod{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap;align-items:center}
/* ===== รอบ 27: หน้าแรก — ขาว · น้ำเงินฟ้า · ดำ · ลูกโลก Three.js · AI News Intelligence ===== */
.hv-hero.hx{background:#FFFFFF;background-image:none;padding:clamp(36px,4.5vw,80px) 0 clamp(36px,4.5vw,72px);border-bottom:1px solid var(--line)}
.hx-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.hx .hx-text{gap:24px}
.hx .hv-h1{font-size:clamp(40px,3.4vw + 20px,68px);line-height:1.12;letter-spacing:-.02em;font-weight:600}
.hx .gw{background:none;color:var(--brand);-webkit-text-fill-color:currentColor}
.hx .hv-lead{font-size:18.5px;max-width:540px}
.hx-vis{position:relative;min-width:0;display:flex;justify-content:center}
.hxg{position:relative;width:min(100%,600px);aspect-ratio:1/1;touch-action:pan-y}
.hxg canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease;cursor:grab}.hxg canvas:active{cursor:grabbing}
.hxg-fb{position:absolute;inset:0;width:100%;height:100%;transition:opacity 1s ease}
.hxg-fb .hxg-s0{stop-color:#FFFFFF}.hxg-fb .hxg-s1{stop-color:#EAF3FF}.hxg-fb .hxg-body{stroke:#D6E7FF}.hxg-fb ellipse{stroke:#9CC8FF}
.hxg.on canvas{opacity:1}.hxg.on .hxg-fb{opacity:0}
@keyframes hxIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hx-in{animation:hxIn .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 90ms + 60ms - var(--hx-t,0ms))}      /* รอบ 44: --hx-t = เวลาที่หน้านี้แสดงไปแล้ว (App.html hxSkew) → วาดซ้ำแล้วเล่นต่อจากเดิม ไม่เริ่มใหม่จากโปร่งใส */
@media (max-width:899px){.hx-grid{grid-template-columns:minmax(0,1fr)}.hxg{width:min(100%,400px)}}
.hv-cta{background-image:none;background-color:#1570EF}
.an{background:#FFFFFF;border-bottom:1px solid var(--line)}
.an-head{display:flex;flex-direction:column;gap:16px;max-width:820px;margin-bottom:clamp(32px,4vw,56px)}
.an-kick{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.an-name{font-size:15px;font-weight:600;color:var(--brand)}
.an-soon{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;border:1px solid var(--border);font-size:13px;font-weight:500;color:var(--text2)}
.an-soon i{width:7px;height:7px;border-radius:50%;background:#D97706;box-shadow:0 0 0 3px rgba(217,119,6,.16)}
.an-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:start}
.an-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.an-steps li{border-bottom:1px solid var(--line)}
.an-steps button{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 12px;width:100%;padding:20px 4px 20px 0;border:0;background:none;text-align:left;font:inherit;color:var(--text3);cursor:pointer}
.an-no{font-size:14px;font-weight:600;color:var(--mute);padding-top:4px}
.an-st{display:flex;flex-direction:column;gap:4px;min-width:0}.an-st b{font-size:18px;font-weight:600;color:var(--text2)}
.an-st span{font-size:15px;line-height:1.6;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .35s ease}
.an-steps button.on .an-st span{max-height:140px;opacity:1}.an-steps button.on b,.an-steps button:hover b{color:var(--text)}.an-steps button.on .an-no{color:var(--brand)}
.an-bar{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--brand)}.an-steps button.on .an-bar{width:100%}
.an-auto .an-steps button.on .an-bar{animation:anBar 5.2s linear both}
@keyframes anBar{from{width:0}to{width:100%}}
.an-demo{min-width:0}
.an-card{border:1px solid var(--border);border-radius:20px;background:#FFFFFF;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px rgba(16,24,40,.06);overflow:hidden}
.an-sim{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#F6F8FB;border-bottom:1px solid var(--line);font-size:13px;color:var(--text3)}
.an-sim b{font-size:11.5px;letter-spacing:.06em;color:#7A3E06;background:#FEF3E2;border:1px solid #F6D7A8;border-radius:6px;padding:1px 7px}
.an-r{position:relative;padding:18px 22px;border-bottom:1px solid var(--line);transition:background-color .3s ease;cursor:pointer}.an-r:last-child{border-bottom:0}
.an-demo[data-step="0"] .an-r[data-r="0"],.an-demo[data-step="1"] .an-r[data-r="1"],.an-demo[data-step="2"] .an-r[data-r="2"],.an-demo[data-step="3"] .an-r[data-r="3"],.an-demo[data-step="4"] .an-r[data-r="4"]{opacity:1;background:#F7FAFF}
.an-demo[data-step="0"] .an-r[data-r="0"]::before,.an-demo[data-step="1"] .an-r[data-r="1"]::before,.an-demo[data-step="2"] .an-r[data-r="2"]::before,.an-demo[data-step="3"] .an-r[data-r="3"]::before,.an-demo[data-step="4"] .an-r[data-r="4"]::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--brand)}
.an-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;color:var(--text3)}
.an-cat{padding:2px 9px;border-radius:6px;background:var(--navon);color:var(--link);font-weight:600}
.an-ok{display:inline-flex;align-items:center;gap:4px;color:var(--pos);font-weight:600}
.an-t{margin:10px 0 12px;font-size:19px;line-height:1.4;font-weight:600;color:var(--text)}
.an-afp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.an-afp div{padding:10px 12px}.an-afp div+div{border-left:1px solid var(--line)}.an-afp dt{font-size:12px;color:var(--text3)}.an-afp dd{margin:2px 0 0;font-size:17px;font-weight:600}
.an-src{display:flex;align-items:center;gap:6px;margin:12px 0 0;font-size:13.5px;color:var(--text3)}
.an-lbl{display:block;font-size:13px;font-weight:600;color:var(--text3);margin-bottom:10px}
.an-assets{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.an-assets li{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;min-width:128px}.an-assets b{font-size:14.5px}.an-assets span{font-size:12.5px;color:var(--text3)}
.an-sc{display:grid;grid-template-columns:1fr 1fr;gap:10px}.an-sc div{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;background:#F6F8FB}
.an-sc b{font-size:13.5px}.an-sc span{font-size:13.5px;line-height:1.55;color:var(--text2)}
.an-win{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.an-win li{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}.an-win span{font-size:12px;color:var(--mute)}.an-win b{font-size:15.5px;font-weight:600}
.an-win .neg{color:var(--negtx)}.an-win .pend{color:var(--text3);font-weight:500;font-size:13.5px}
.an-note{margin:10px 0 0;font-size:13px;color:var(--text3)}
.an-ev{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.an-ev li{display:flex;align-items:center;gap:8px;font-size:14px}.an-ev .ok svg{color:var(--pos)}.an-ev .wait svg{color:#B45309}
.an-foot{margin-top:clamp(36px,4vw,56px);border:1px solid var(--border);border-radius:20px;background:#FFFFFF;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.an-std{padding:clamp(20px,2.4vw,28px) clamp(20px,2.4vw,32px)}
.an-std-h{margin:0 0 18px;font-size:15px;font-weight:600;color:var(--text)}
.an-rules{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.an-rules li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:2px 12px;align-content:start;padding:2px clamp(14px,1.6vw,22px)}
.an-rules li:first-child{padding-left:0}.an-rules li:last-child{padding-right:0}.an-rules li+li{border-left:1px solid var(--line)}
.an-ri{grid-row:1/3;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--navon);color:var(--link)}
.an-rules b{font-size:15px;font-weight:600;color:var(--text);line-height:1.4}
.an-rules li>span:last-child{font-size:13.5px;line-height:1.55;color:var(--text3)}
.an-cover{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;padding:clamp(18px,2vw,24px) clamp(20px,2.4vw,32px);background:var(--surface2);border-top:1px solid var(--line)}
.an-cov{display:flex;flex-direction:column;gap:12px;margin:0;min-width:0}
.an-cov>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center}
.an-cov dt{font-size:13px;font-weight:600;color:var(--text3)}.an-cov dd{margin:0}
.an-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.an-tags li{padding:4px 10px;border-radius:8px;border:1px solid var(--border);background:#FFFFFF;font-size:13px;color:var(--text2)}
.an-tags-a li{font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}
.an-cta{display:flex;flex-wrap:wrap;gap:10px}.an-cta .btn{display:inline-flex;align-items:center;gap:8px}
@media (min-width:1000px){.an-steps{position:sticky;top:104px}}
@media (max-width:999px){.an-grid{grid-template-columns:minmax(0,1fr)}.an-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}.an-rules li:nth-child(odd){padding-left:0;border-left:0}.an-rules li:nth-child(even){padding-right:0}}
@media (max-width:639px){.hxg{width:min(100%,330px)}.hx-grid{gap:8px}}
@media (max-width:639px){.an-afp{grid-template-columns:repeat(2,minmax(0,1fr))}.an-afp div:nth-child(3){border-left:0}.an-afp div:nth-child(n+3){border-top:1px solid var(--line)}
  .an-win{grid-template-columns:repeat(2,minmax(0,1fr))}.an-sc,.an-rules{grid-template-columns:minmax(0,1fr)}.an-rules li{padding:0;border-left:0!important}.an-cov>div{grid-template-columns:minmax(0,1fr);gap:8px}.an-r{padding:16px}.an-steps button{padding:16px 0}.an-cta .btn{flex:1 1 100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.hx-in{animation:none}.hxg canvas,.hxg-fb,.an-r,.an-st span{transition:none}.an-auto .an-steps button.on .an-bar{animation:none;width:100%}}
/* ===== รอบ 28: ตัวเลขผู้เข้าชม · แชท KuyAI · หลังบ้านแชท/สถิติ ===== */
/* รอบ 56 (เจ้าของสั่ง 28/10/2026): แถบตัวเลขหน้าแรกแบบเรียบ — กรอบเส้นเดียว 4 ช่อง (สมาชิก · ออนไลน์ · ยอดเข้าชม · ประเทศ) · ไม่มีกระจก/ลูกแก้ว/ไล่สี
 *   ทุกสีเป็นตัวแปรธีม → โหมดมืดไม่ต้องมีกฎแยก (เดิมตัวเลขไล่สีด้วย background-clip:text แล้วกฎมืดที่สร้างอัตโนมัติทับ background → กลายเป็นกล่องสีฟ้าทึบ) */
.lv-wrap{padding-top:0}
.lv{margin-top:clamp(28px,3.2vw,48px)}
.lv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.lv-grid.lv3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lv-it{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,30px);border-left:1px solid var(--line)}
.lv-it:first-child{border-left:0}
.lv-k{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;line-height:1.4;color:var(--text3)}
.lv-it b{font-family:'Geist',var(--fx),sans-serif;font-size:clamp(28px,2.2vw + 8px,40px);font-weight:600;line-height:1.1;letter-spacing:-.025em;color:var(--text);font-variant-numeric:tabular-nums}
.lv-s{font-size:13px;line-height:1.45;color:var(--mute)}
.lv-dot{width:7px;height:7px;border-radius:50%;background:var(--posfill);flex:none;animation:lvPulse 2.4s ease-out infinite}
@keyframes lvPulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}70%{box-shadow:0 0 0 7px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.lv-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px;margin-top:6px;font-size:13px;color:var(--mute)}
.lv-src{display:inline-flex;align-items:center;gap:6px}
.lv-src svg{color:var(--pos)}
.lv-info{display:inline-flex;align-items:center;gap:6px;margin-right:-4px;padding:0 4px;min-height:40px;background:none;border:0;border-radius:6px;color:var(--text3);font:inherit;font-size:13px;cursor:pointer}
.lv-info:hover,.lv-info[aria-expanded="true"]{color:var(--link)}
.lv-info:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.lv-note{margin:2px 0 0;max-width:860px;font-size:13.5px;line-height:1.65;color:var(--text3)}
@media (max-width:760px){
  .lv-grid,.lv-grid.lv3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lv-it{padding:16px 18px}.lv-it:nth-child(odd){border-left:0}.lv-it:nth-child(n+3){border-top:1px solid var(--line)}
  .lv-grid.lv3 .lv-it:last-child{grid-column:1/-1}
  .lv-it b{font-size:28px}
}
/* รอบ 55 (เจ้าของสั่ง 27/10/2026): ปุ่มแชทเป็นวงกลมสีน้ำเงิน (ไอคอนอย่างเดียว · ชื่อปุ่มอยู่ใน aria-label) · ใช้ทั้งคอมและมือถือ (แทนแถบล่างจอ) */
.kc-launch{position:fixed;right:24px;bottom:24px;z-index:40;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border-radius:50%;border:0;background:var(--brand);color:#FFFFFF;font:inherit;box-shadow:0 8px 24px rgba(21,112,239,.32),0 2px 6px rgba(16,24,40,.14);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.kc-launch svg{width:26px;height:26px}
.kc-launch .kc-lt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kc-launch:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 12px 28px rgba(21,112,239,.36),0 2px 6px rgba(16,24,40,.14)}
.kc-launch[aria-expanded=true]{transform:scale(.96)}
.kc-launch:focus-visible,.kc-hb:focus-visible,.kc-send:focus-visible,.kc-chip:focus-visible{outline:3px solid #9CC8FF;outline-offset:2px}
.kc-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#E5484D;color:#FFFFFF;border:2px solid var(--surface);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.kc-badge[hidden],#kcroot[hidden],.kc[hidden]{display:none}
/* รอบ 58 (เจ้าของสั่ง 28/10/2026): แชท Kuy AI แบบเรียบ — แผ่นเดียว เส้นบาง ไม่มีพื้นไล่สี · สีน้ำเงินเฉพาะเครื่องหมาย ปุ่มส่ง และข้อความของผู้ใช้
 *   ทุกสีเป็นตัวแปรธีม (โหมดมืดไม่ต้องมีกฎแยก) */
.kc{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;text-align:left;color:var(--text)}
.kc-float{position:fixed;right:24px;bottom:92px;z-index:45;width:min(392px,calc(100vw - 48px));height:min(620px,calc(100vh - 112px));box-shadow:0 24px 64px -12px rgba(16,24,40,.22),0 2px 6px rgba(16,24,40,.06)}
.kc-embed{position:relative;height:min(680px,78vh);min-height:480px}
.kc-head{display:flex;align-items:center;gap:10px;padding:12px 10px 12px 14px;border-bottom:1px solid var(--line)}
.kc-mk{width:var(--s);height:var(--s);flex:none;border-radius:calc(var(--s) * .3);background:var(--brand);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center}
.kc-mk-team{background:var(--okbg);color:var(--pos)}
.kc-ht{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3}
.kc-ht b{font-size:15.5px;font-weight:600;color:var(--text)}
.kc-st{display:flex;align-items:center;gap:6px;min-width:0;font-size:12.5px;color:var(--text3)}
.kc-st>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kc-on{width:7px;height:7px;border-radius:50%;background:var(--posfill);flex:none}
.kc-on.kc-wait{background:var(--warn)}.kc-on.kc-off{background:var(--mute)}
.kc-hb{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:9px;border:1px solid var(--border);background:transparent;color:var(--text2);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.kc-hb:hover{background:var(--hover);color:var(--text)}
.kc-hb[hidden]{display:none}
.kc-x{width:34px;padding:0;justify-content:center;border-color:transparent}
.kc-log{flex:1;overflow-y:auto;padding:18px 16px 14px;display:flex;flex-direction:column;gap:18px;overscroll-behavior:contain}
.kc-log:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.kc-m{display:flex;gap:10px;min-width:0}
.kc-me{align-self:flex-end;max-width:84%}
.kc-them{align-self:stretch}
.kc-mc{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.kc-who{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--pos)}
.kc-b{font-size:14.5px;line-height:1.7;overflow-wrap:anywhere;word-break:break-word}
.kc-them .kc-b{padding-top:2px;color:var(--text)}
.kc-me .kc-b{background:var(--brand);color:#FFFFFF;padding:9px 14px;border-radius:16px 16px 4px 16px;line-height:1.6}
.kc-me .kc-b a{color:#FFFFFF;text-decoration:underline}
.kc-b a{color:var(--link);text-underline-offset:2px}
.kc-b b{font-weight:600}
.kc-li,.kc-ol{display:block;position:relative;margin-top:3px}
.kc-li{padding-left:16px}.kc-li:before{content:'';position:absolute;left:4px;top:.75em;width:5px;height:5px;border-radius:50%;background:var(--text3)}
.kc-ol{padding-left:22px}.kc-ol>i{position:absolute;left:0;font-style:normal;font-weight:600;color:var(--text3);font-variant-numeric:tabular-nums}
.kc-sys{align-self:center;max-width:92%;text-align:center;font-size:12.5px;line-height:1.55;color:var(--text3);padding:6px 12px;border-radius:12px;background:var(--surface2);border:1px solid var(--line)}
.kc-sys .btn{margin-top:8px}
.kc-err{background:var(--negbg);border-color:var(--negbd);color:var(--negtx)}
.kc-fb{display:flex;align-items:center;gap:2px;font-size:12px;color:var(--mute)}
.kc-fb>span{margin-right:6px}
.kc-fbb{width:28px;height:28px;border-radius:8px;border:0;background:transparent;color:var(--mute);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.kc-fbb:hover{background:var(--hover);color:var(--text)}
.kc-fbdn svg{transform:rotate(180deg)}
.kc-fb-done{color:var(--text3)}
.kc-hello b{display:block;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--text)}
.kc-hello p{margin:6px 0 0;font-size:14px;line-height:1.65;color:var(--text2)}
.kc-lbl{margin:22px 0 8px;font-size:12.5px;font-weight:600;color:var(--text3)}
.kc-sugg{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.kc-sugg li+li{border-top:1px solid var(--line)}
.kc-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;padding:10px 12px 10px 14px;border:0;background:transparent;color:var(--text);font:inherit;font-size:14px;line-height:1.45;text-align:left;cursor:pointer}
.kc-chip svg{color:var(--mute);flex:none}
.kc-chip:hover{background:var(--hover)}.kc-chip:hover svg{color:var(--text2)}
.kc-hlist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.kc-hrow{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 11px;border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:13.5px;font-weight:500;text-decoration:none}
.kc-hrow:hover{background:var(--hover)}
.kc-hi{display:inline-flex;color:var(--text2)}.kc-h-facebook .kc-hi{color:#0866FF}.kc-h-line .kc-hi{color:#06C755}
.kc-dots{display:inline-flex;gap:4px;padding:6px 0;vertical-align:middle}.kc-dots i{width:6px;height:6px;border-radius:50%;background:var(--mute);animation:kcDot 1.2s infinite ease-in-out}.kc-dots i:nth-child(2){animation-delay:.15s}.kc-dots i:nth-child(3){animation-delay:.3s}
@keyframes kcDot{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.kc-think{margin-left:10px;font-size:13px;color:var(--text3)}
.kc-form{align-self:stretch;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px}
.kc-form p{margin:0 0 4px;font-size:13.5px;color:var(--text3);line-height:1.55}
.kc-form .flabel{margin-top:4px}
.kc-fbtns{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.kc-ferr{color:var(--negtx);font-size:13.5px}
.kc-comp{padding:10px 12px 12px;border-top:1px solid var(--line)}
.kc-field{display:flex;align-items:flex-end;gap:8px;border:1px solid var(--ctl);border-radius:14px;padding:5px 5px 5px 12px;background:var(--surface);transition:border-color .15s,box-shadow .15s}
.kc-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--navon)}
.kc-field textarea{flex:1;min-width:0;resize:none;border:0;background:transparent;padding:7px 0;font:inherit;font-size:15px;line-height:1.5;color:var(--text);max-height:120px;outline:0}
.kc-field textarea::placeholder{color:var(--mute)}
.kc-field textarea:disabled{opacity:.6}
.kc-send{width:36px;height:36px;border-radius:10px;border:0;background:var(--brand);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.kc-send:disabled{background:var(--track);color:var(--mute);cursor:default}
.kc-foot{margin:8px 2px 0;font-size:11.5px;line-height:1.5;color:var(--mute)}
.kc-hb:focus-visible,.kc-send:focus-visible,.kc-chip:focus-visible,.kc-hrow:focus-visible,.kc-fbb:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
/* รอบ 58: หลังบ้าน › แชท › สอน Kuy AI */
.kca-m .kc-mc{flex:0 1 auto}.kca-m.kc-me .kc-mc{align-items:flex-end}
.kca-m .kc-b{padding:9px 13px;border-radius:14px}.kca-m.kc-them .kc-b{background:var(--surface2);border:1px solid var(--line)}
.kca-who{color:var(--text3);font-weight:500}
.kca-teach{display:inline-flex;align-items:center;gap:5px;margin-top:2px;padding:4px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--link);font:inherit;font-size:12.5px;cursor:pointer}
.kca-teach:hover{background:var(--navon)}
#kln{display:flex;flex-direction:column;gap:16px;max-width:920px}
#kln .card>b{display:block;margin-bottom:10px}
.kln-form{display:flex;flex-direction:column;gap:8px}
.kln-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.kln-list{list-style:none;margin:0;padding:0}
.kln-list>li{padding:12px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.kln-list>li:first-child{border-top:0;padding-top:0}
.kln-q{font-weight:600;line-height:1.5;color:var(--text)}
.kln-a{font-size:14px;line-height:1.6;color:var(--text2)}
.kln-meta,.kln-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kln-top .kln-meta{justify-content:flex-start}
.kln-off{opacity:.6}
.kln-ans .kc-b{margin-top:6px;padding:10px 12px;border-radius:10px;background:var(--surface2);border:1px solid var(--line);font-size:14px}
.ct-right{display:flex;flex-direction:column;gap:16px;min-width:0}
.ct-lead{border:1px solid var(--border);border-radius:16px;background:#FFFFFF}
.ct-lead>summary{padding:16px 20px;cursor:pointer;color:var(--link);font-weight:500;list-style-position:inside}
.ct-lead[open]>summary{border-bottom:1px solid var(--line)}
.ct-lead #leadbox{border:0;box-shadow:none;background:transparent}
.kc-acc{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:880px}
.kca-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 14px}
.kca-top .tabs{margin-top:0}
.kca-top .tabs button{flex-shrink:0;white-space:nowrap;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:15px;color:var(--text3);cursor:pointer}
.kca-top .tabs button.on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px rgba(11,27,63,.12)}
.kca{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}
.kca-list{border:1px solid var(--border);border-radius:16px;background:#FFFFFF;overflow:auto;max-height:72vh}
.kca-row{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:#FFFFFF;padding:12px 14px;font:inherit;color:var(--text);cursor:pointer}
.kca-row:hover{background:var(--navon2)}
.kca-row.on{background:var(--navon)}
.kca-row.unread .kca-r1 b{font-weight:700}
.kca-r1{display:flex;align-items:center;gap:8px;min-width:0}
.kca-n{margin-left:auto;background:var(--brand);color:#FFFFFF;border-radius:10px;padding:0 7px;font-size:12px;line-height:20px}
.kca-r2{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.kca-r3{font-size:13px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kca-conv{border:1px solid var(--border);border-radius:16px;background:#FFFFFF;display:flex;flex-direction:column;padding:16px;min-width:0;min-height:420px}
.kca-ch{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--line)}
.kca-ch .lbl{margin-top:4px}
.kca-why{margin-top:8px;font-size:13.5px;background:var(--tagbg);color:var(--tagtx);border-radius:8px;padding:6px 10px}
.kca-acts{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}
.kca-log{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:16px 2px;max-height:56vh}
.kca-note .kc-b{background:#FFF8E6 !important;border:1px dashed var(--tagbd) !important;color:var(--text) !important}
.kca-rep{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:12px}
.kca-rb{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.kca-nt{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text2)}
.kca-nt input{width:18px;height:18px;accent-color:var(--brand)}
.kca-empty{padding:24px;color:var(--text3);font-size:14px}
.kca-set{margin-top:16px}.kca-set>summary{cursor:pointer;display:flex;flex-direction:column;gap:4px}
.kca-sf{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-width:680px}
.kca-b{margin-left:8px;background:var(--neg);color:#FFFFFF;border-radius:10px;padding:0 7px;font-size:12px;line-height:18px}
.kca-b[hidden]{display:none}
.kst-bars{display:flex;align-items:flex-end;gap:3px;height:120px;margin:14px 0 10px}
.kst-bars span{flex:1;min-width:4px;background:var(--brand);border-radius:3px 3px 0 0;opacity:.85}
.kst-cc{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.kst-f{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.kst-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:8px 16px}
@media (max-width:899px){.kca{grid-template-columns:minmax(0,1fr)}.kca-list{max-height:40vh}}
@media (max-width:639px){
  .kc-launch{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}
  body.kc-mbar .mbar{display:none}      /* รอบ 55: แชทเปิดอยู่ = ใช้ปุ่มวงกลมแทนแถบล่างจอ */
  body.admode .kc-launch,body:has(.drawer.open) .kc-launch{display:none}      /* เมนูมือถือเปิดอยู่ = ซ่อนปุ่ม ไม่ทับรายการล่าง */
  body:has(.sx) .kc-launch{bottom:calc(84px + env(safe-area-inset-bottom))}
  .kc-float{inset:0;right:0;bottom:0;width:100%;height:100%;max-height:none;border-radius:0;border:0}
  .kc-float .kc-comp{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  html.kc-lock,html.kc-lock body{overflow:hidden}
  .kc-embed{height:72vh;min-height:440px}
  .kc-hand span{display:none}.kc-hand{width:34px;padding:0;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.lv-dot,.kc-dots i{animation:none}.kc-launch{transition:none}}
/* ===== รอบ 28: บัญชีของฉัน (แบบใหม่) · ความปลอดภัย · เบอร์มือถือ ===== */
.ac-top{padding-top:28px}
.ac-head{display:flex;align-items:center;gap:16px;margin-top:20px}
.ac-av{width:56px;height:56px;border-radius:50%;background:var(--navon);color:var(--link);display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;flex:none}
.ac-who{min-width:0}
.ac-h1{font-size:clamp(26px,2.6vw,34px);margin:0;line-height:1.2;overflow-wrap:anywhere}
.ac-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:6px}
.ac-meta .chip{display:inline-flex;align-items:center;gap:4px}
.ac{display:grid;grid-template-columns:248px minmax(0,1fr);gap:32px;align-items:start;padding-top:24px}
.ac-nav{position:sticky;top:96px;display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--line);padding-right:16px}
.ac-nav a,.ac-out{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:10px;color:var(--text2);text-decoration:none;font-size:15px;border:0;background:transparent;font:inherit;cursor:pointer;text-align:left}
.ac-nav a:hover,.ac-out:hover{background:var(--hover);color:var(--text)}
.ac-nav a.on{background:var(--navon);color:var(--text);font-weight:600}
.ac-nav a.on svg{color:var(--brand)}
.ac-nav a span:first-of-type{flex:1}
.ac-out{margin-top:12px;border-top:1px solid var(--line);border-radius:0;padding-top:12px;color:var(--text3)}
.ac-dot{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--brand);color:#FFFFFF;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.ac-hint{width:8px;height:8px;border-radius:50%;background:var(--warn)}
.ac-main{min-width:0}
.ac-main>.wrap,.ac-main .wrap{padding-left:0;padding-right:0;max-width:none;padding-top:0 !important}
.ac-main .mgrid3{margin-top:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.ac-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:16px}
.ac-tile{display:flex;flex-direction:column;gap:4px;padding:18px 20px;text-decoration:none;color:var(--text);transition:border-color .15s ease}
.ac-tile:hover{border-color:var(--navbd)}
.ac-tile.warn .ac-ti{background:var(--tagbg);color:var(--warn)}
.ac-ti{width:36px;height:36px;border-radius:10px;background:var(--navon);color:var(--brand);display:inline-flex;align-items:center;justify-content:center;flex:none;margin-bottom:6px}
.ac-tv{font-size:24px;font-weight:600;letter-spacing:-.01em}
.ac-cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}
.ac-todo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ac-todo a{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}
.ac-todo li:last-child a{border-bottom:0}
.ac-todo .ac-ti{margin:0}
.ac-tt{display:flex;flex-direction:column;gap:2px}
.ac-tt .lbl{line-height:1.5}
.ac-stack{display:flex;flex-direction:column;gap:16px;max-width:760px}
.ac-meth{gap:12px}
.ac-meth .ac-ti{margin:0}
.ac-mt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.ac-ma{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.ac-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ac-row .chip{display:inline-flex;align-items:center;gap:4px}
.ac-btns{display:flex;gap:8px;flex-wrap:wrap}
.ac-steps{margin:0;padding:0;display:flex;flex-direction:column;gap:16px;list-style:none;counter-reset:acs}
.ac-steps li{display:flex;flex-direction:column;gap:6px;position:relative;padding-left:36px;counter-increment:acs}
.ac-steps li::before{content:counter(acs);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--navon);color:var(--brand);font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center}
.ac-qr{width:184px;height:184px;padding:8px;border:1px solid var(--border);border-radius:12px;background:#FFFFFF}
.ac-qr svg{width:100%;height:100%;display:block}
.ac-enf{display:flex;gap:8px;flex-wrap:wrap}
.ac-enf .inp{max-width:160px}
.ac-codes{list-style:none;margin:0;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;font-size:16px;letter-spacing:.04em}
.ph-box{margin-top:4px}
.ph-f{display:flex;flex-direction:column;gap:10px}
.ph-row{display:flex;gap:8px}
.ph-cc{max-width:42%;min-height:48px;border:1px solid var(--ctl);border-radius:10px;padding:0 8px;background:#FFFFFF;font:inherit;font-size:15px;color:var(--text)}
.ph-row .inp{flex:1;min-width:0}
.ph-alt{display:flex;gap:16px;flex-wrap:wrap}
.mphone{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}
@media (max-width:899px){
  .ac{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:16px}
  .ac-nav{position:static;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:0 0 8px;gap:4px;scrollbar-width:none}
  .ac-nav::-webkit-scrollbar{display:none}
  .ac-nav a,.ac-out{flex:none;white-space:nowrap;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--border)}
  .ac-nav a.on{border-color:var(--navbd)}
  .ac-out{margin:0;border-top:1px solid var(--border);padding-top:0}
  .ac-cols{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:639px){.ac-head{gap:12px}.ac-av{width:48px;height:48px;font-size:19px}.ac-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ac-tile{padding:14px}.ac-tv{font-size:20px}.ac-codes{grid-template-columns:minmax(0,1fr)}.ac-meth{flex-wrap:wrap}.ac-ma{width:100%;justify-content:flex-start;padding-left:48px}}
/* ===== รอบ 29: ห้องสด (กราฟ CME + แชทคอมมูนิตี้ + AI Insights) · หน้าชวนสมัคร KUYTRADE SOCIAL · ตั้งค่าโปรไฟล์ตามแพ็กเกจ · แพ็กเกจบนหน้าแรก ===== */
.sxh-intro .sxh-introg{align-items:end}
.sxh-it2{gap:16px;padding-bottom:6px}
.lb{position:relative;margin-top:clamp(36px,4vw,56px);background:var(--sx-surface);border:1px solid var(--sx-line2);border-radius:20px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 16px 40px rgba(16,24,40,.08);overflow:hidden;color:var(--sx-text);text-align:left}
.lb-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--sx-line);background:var(--sx-raise)}
.lb-bar>span:not(.lb-real){width:10px;height:10px;border-radius:50%;background:var(--sx-line2);flex:none}
.lb-bar b{margin-left:8px;font-size:13px;font-weight:500;color:var(--sx-mute);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-real{font-size:12px;font-weight:600;color:var(--sx-green-tx);background:var(--sx-green-soft);padding:2px 9px;border-radius:999px;white-space:nowrap}
.lb-g{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,1fr)}
.lb.nochart .lb-g{grid-template-columns:minmax(0,1fr)}
.lb-chart{display:flex;flex-direction:column;gap:12px;padding:18px 20px 20px;border-right:1px solid var(--sx-line);min-width:0}
.lb-ch{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.lb-k{font-size:13px;font-weight:600;color:var(--sx-blue-tx)}
.lb-h{margin:2px 0 0;font-size:18px;font-weight:700;line-height:1.35;color:var(--sx-text)}
.lb-full{display:inline-flex;align-items:center;gap:4px;min-height:36px;font-size:14px;font-weight:600;color:var(--sx-blue-tx)!important;text-decoration:none;white-space:nowrap}.lb-full:hover{text-decoration:underline}
.lb-chart .cm-cw{flex:1 1 auto;display:flex;flex-direction:column;gap:10px}
.lb .cm-chart{flex:1 1 auto;height:auto;min-height:clamp(340px,30vw,420px)}
.lb .cm-note{font-size:12.5px}
.lb-lv{display:flex;flex-direction:column;gap:14px;padding:18px 20px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.lb-side{display:flex;flex-direction:column;min-width:0;background:var(--sx-raise)}
.sx .lb{margin-top:0}
/* แชท */
.cc{display:flex;flex-direction:column;min-width:0;background:var(--sx-surface);border-bottom:1px solid var(--sx-line)}
.cc-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px 12px 16px;border-bottom:1px solid var(--sx-line)}
.cc-hl{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;min-width:0}
.cc-t{margin:0;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;line-height:1.3;color:var(--sx-text)}.cc-t svg{color:var(--sx-blue)!important}
.cc-on{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--sx-green-tx)}
.cc-rb{display:inline-flex;align-items:center;gap:5px;flex:none;min-height:34px;padding:0 11px;border:1px solid var(--sx-line);border-radius:999px;background:transparent;color:var(--sx-text2);font:inherit;font-size:13px;cursor:pointer}.cc-rb:hover{border-color:var(--sx-line2);color:var(--sx-text)}
.cc-body{position:relative;display:flex;flex-direction:column;height:380px;min-height:0}
.cc.tall .cc-body{height:min(62vh,560px)}
.cc-list{flex:1;min-height:0;overflow-y:auto;padding:10px 6px 12px 10px;overscroll-behavior:contain}
.cc-list:focus-visible{outline:2px solid var(--sx-blue);outline-offset:-2px}
.cc-m{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 30px;gap:0 10px;padding:6px 4px 6px 6px;border-radius:10px}
.cc-m.cont{padding-top:0}
.cc-m:hover{background:var(--sx-raise)}
.cc-m.mine::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--sx-blue)}
.cc-m.cont.mine::before{top:2px}
.cc-av{width:32px;min-height:1px}.cc-av .sx-av{display:flex}
.cc-mb{min-width:0}
.cc-mh{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 7px;line-height:1.35}
.cc-nm{font-size:14px;font-weight:600;color:var(--sx-text)!important;text-decoration:none;overflow-wrap:anywhere}.cc-nm:hover{text-decoration:underline}
.cc-mh time{font-size:12px;color:var(--sx-mute);font-family:'Geist','Noto Sans Thai',sans-serif}
.cc-tg{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.5}
.cc-tg.pro{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}
.cc-tg.elite{background:#EFE8FF;color:#5B21B6}
.cc-tg.ultimate{background:linear-gradient(135deg,#FFF3C4,#F3D27A);color:#5C3B00}
.cc-tg.team{background:var(--sx-green-soft);color:var(--sx-green-tx)}
.sx[data-theme=dark] .cc-tg.elite{background:rgba(167,139,250,.16);color:#C4B5FD}
.cc-tx{margin:1px 0 0;font-size:14.5px;line-height:1.55;color:var(--sx-text);white-space:pre-wrap;overflow-wrap:anywhere}
.cc-tx a{color:var(--sx-blue-tx)!important}
.cc-mo{align-self:start;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--sx-mute);cursor:pointer;opacity:0}
.cc-m:hover .cc-mo,.cc-mo:focus-visible,.cc-mo[aria-expanded=true]{opacity:1}.cc-mo:hover{background:var(--sx-sunk);color:var(--sx-text)}
/* รอบ 74: ตอบกลับ · โหวต +1/−1 · สติ๊กเกอร์แท่งเทียน */
.cc-tb{position:absolute;top:-14px;right:38px;z-index:2;display:flex;gap:2px;padding:2px;border:1px solid var(--sx-line);border-radius:10px;background:var(--sx-surface);box-shadow:var(--sx-shadow);opacity:0;pointer-events:none}
.cc-m:hover .cc-tb,.cc-tb:focus-within{opacity:1;pointer-events:auto}
.cc-tb button{display:flex;align-items:center;justify-content:center;min-width:32px;height:30px;padding:0 6px;border:0;border-radius:8px;background:transparent;color:var(--sx-text2);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.cc-tb button:hover{background:var(--sx-sunk);color:var(--sx-text)}
.cc-tb i,.cc-vp i{font-style:normal;font-family:'Geist','Noto Sans Thai',sans-serif;font-variant-numeric:tabular-nums}
.cc-tb .up[aria-pressed=true]{background:var(--sx-green-soft);color:var(--sx-green-tx)}.cc-tb .dn[aria-pressed=true]{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.cc-list .cc-m:first-child .cc-tb{top:2px}
@media (hover:none){.cc-tb{display:none}}
.cc-vt{display:flex;flex-wrap:wrap;gap:6px}.cc-vt:empty{display:none}.cc-vt:not(:empty){margin-top:5px}
.cc-vp{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:0 9px;border:1px solid var(--sx-line);border-radius:999px;background:var(--sx-surface);color:var(--sx-text2);font:inherit;font-size:12.5px;font-weight:700;line-height:1}
button.cc-vp{cursor:pointer}button.cc-vp:hover{border-color:var(--sx-line2);background:var(--sx-raise)}
.cc-vp.up i{color:var(--sx-green-tx)}.cc-vp.dn i{color:var(--sx-neg-tx)}
.cc-vp.up.on{border-color:var(--sx-green);background:var(--sx-green-soft);color:var(--sx-green-tx)}.cc-vp.dn.on{border-color:var(--sx-neg);background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.cc-rq{display:flex;align-items:center;gap:6px;max-width:100%;margin:3px 0 2px;padding:4px 10px 4px 8px;border:0;border-left:3px solid var(--sx-line2);border-radius:0 8px 8px 0;background:var(--sx-sunk);color:var(--sx-text2);font:inherit;font-size:13px;line-height:1.4;text-align:left;cursor:pointer}
button.cc-rq:hover{border-left-color:var(--sx-blue);background:var(--sx-raise)}
.cc-rq b{flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--sx-text)}
.cc-rqt{display:inline-flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-rq.gone{cursor:default;font-style:italic;color:var(--sx-mute)}
.cc-stk{margin:4px 0 0;line-height:0}
.cc-cdl{display:inline-block;flex:none;vertical-align:middle}
.cc-cdl.bull .w{stroke:#15803D}.cc-cdl.bull .b{fill:#22C55E}.cc-cdl.bear .w{stroke:#B91C1C}.cc-cdl.bear .b{fill:#EF4444}
.cc-cdl .h{fill:#FFFFFF;opacity:.32}
.cc-stk .cc-cdl{filter:drop-shadow(0 2px 3px rgba(14,23,38,.18))}
@media (prefers-reduced-motion:no-preference){.cc-stk .cc-cdl{animation:ccPop .32s cubic-bezier(.2,1.5,.4,1) both}.cc-m.cc-flash{animation:ccFlash 1.6s ease-out}}
@keyframes ccPop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@keyframes ccFlash{0%,30%{background:var(--sx-blue-soft)}100%{background:transparent}}
.cc-m.cc-flash{background:var(--sx-blue-soft)}
.cc-rbar{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:7px 8px 7px 12px;border-left:3px solid var(--sx-blue);border-radius:0 10px 10px 0;background:var(--sx-blue-soft);color:var(--sx-blue-tx);font-size:13.5px;line-height:1.4}.cc-rbar[hidden]{display:none}
.cc-rbt{flex:1;min-width:0;display:flex;flex-direction:column}.cc-rbt b{font-weight:700}
.cc-rbq{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sx-text2)}
.cc-rbx{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.cc-rbx:hover{background:var(--sx-surface)}
.cc-sks{flex:none;display:flex;gap:2px;align-self:flex-end}
.cc-sk{display:flex;align-items:center;justify-content:center;width:38px;height:42px;padding:0;border:0;border-radius:11px;background:transparent;cursor:pointer}
.cc-sk:hover{background:var(--sx-sunk)}
/* รอบ 76: ของขวัญในห้อง · ป้ายของขวัญ · แต้มลอย — ภาษาเดียวกับเอฟเฟกต์ 3 มิติ (น้ำเงินสด · แซฟไฟร์ · แพลทินัม · แสง) ไม่มีโทนทอง
 *   แทนชุดกฎ "รอบ 75" เดิมทั้งหมด (ตัวเลือกเดิมทุกตัว) · สีเฉพาะของชุดนี้อยู่ในตัวแปร --gf-* (ธีมมืดตั้งค่าเองด้านล่าง) */
.cc{position:relative;--gf-ink:var(--sx-blue,#1570EF);--gf-ink2:var(--sx-blue-tx,#0B4FB8);--gf-soft:var(--sx-blue-soft,#EAF2FF);--gf-wash:rgba(21,112,239,.07);
  --gf-tile:radial-gradient(120% 120% at 28% 16%,#FFFFFF 0%,#EFF5FF 44%,#DCE9FF 100%);--gf-tile-bd:rgba(21,112,239,.16);--gf-tile-hl:rgba(255,255,255,.95)}
.sx[data-theme=dark] .cc,html[data-theme="dark"] .cc{--gf-ink:#7DB7FF;--gf-ink2:#A9CCFF;--gf-soft:rgba(76,141,255,.15);--gf-wash:rgba(76,141,255,.09);
  --gf-tile:radial-gradient(120% 120% at 28% 16%,#1B2E57 0%,#132242 50%,#0D1831 100%);--gf-tile-bd:rgba(125,183,255,.24);--gf-tile-hl:rgba(156,203,255,.14)}
.cc-tb .gf{color:var(--gf-ink2)}.cc-tb .gf:hover{background:var(--gf-soft);color:var(--gf-ink2)}
.cc-m.is-gift{background:linear-gradient(90deg,var(--gf-wash),rgba(21,112,239,0) 78%)}
.cc-gf{display:flex;align-items:center;gap:12px;margin:4px 0 0}
.cc-gfa{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--gf-tile);color:var(--gf-ink);
  box-shadow:inset 0 0 0 1px var(--gf-tile-bd),inset 0 1px 0 var(--gf-tile-hl),0 1px 2px rgba(14,23,38,.06)}
.cc-gfa svg{width:32px;height:32px}
.cc-gft{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:14.5px;line-height:1.45;color:var(--sx-text)}
.cc-gft b{font-weight:600}
.cc-gfto{padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--gf-ink2);cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px}
.cc-gfto:hover{text-decoration-color:currentColor}
.cc-gfp{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:var(--sx-text2);font-variant-numeric:tabular-nums}
.cc-gfr{padding:0 8px;border-radius:999px;background:var(--gf-soft);color:var(--gf-ink2);font-weight:600;letter-spacing:-.005em}
.cc-gfm{margin-top:4px;color:var(--sx-text2)}
/* ป้ายบนห้อง: แคปซูลน้ำเงินลึก → น้ำเงินสด · เส้นขอบบางสีน้ำแข็ง · แสงกวาดหนึ่งครั้งตอนปรากฏ */
.cc-gfb{position:absolute;left:12px;top:58px;z-index:3;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:5px 16px 5px 5px;border-radius:999px;overflow:hidden;
  background:linear-gradient(100deg,#0A2A66 0%,#0B4FB8 54%,#1570EF 100%);color:#FFFFFF;
  box-shadow:inset 0 0 0 1px rgba(156,203,255,.28),inset 0 1px 0 rgba(255,255,255,.16),0 14px 32px -8px rgba(11,79,184,.45),0 2px 6px rgba(10,42,102,.16);
  opacity:0;transform:translateX(-16px);pointer-events:none;transition:opacity .28s ease-out,transform .5s cubic-bezier(.16,1,.3,1)}
.cc-gfb::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,rgba(255,255,255,0) 32%,rgba(255,255,255,.26) 47%,rgba(255,255,255,0) 60%);transform:translateX(-120%);pointer-events:none}
.cc-gfb.on{opacity:1;transform:none}
.cc-gfbav .sx-av{display:flex;box-shadow:0 0 0 2px rgba(255,255,255,.92)}
.cc-gfbt{position:relative;display:flex;flex-direction:column;min-width:0;line-height:1.3}
.cc-gfbt b{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-gfbt span{font-size:12.5px;color:#CFE3FF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-gfbi{flex:none;display:grid;place-items:center;width:34px;height:34px;color:#FFFFFF;filter:drop-shadow(0 2px 8px rgba(77,163,255,.55))}
.cc-gfbi svg{width:30px;height:30px}
.cc-gfbx{flex:none;font-family:'Geist','Noto Sans Thai',sans-serif;font-size:21px;font-style:normal;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#FFFFFF;text-shadow:0 0 14px rgba(125,190,255,.6)}
@media (prefers-reduced-motion:no-preference){.cc-gfb.on::after{animation:ccSweep 1.1s .16s cubic-bezier(.4,0,.2,1) both}.cc-gfb.on .cc-gfbx{animation:ccCombo .42s cubic-bezier(.16,1,.3,1)}}
@keyframes ccSweep{to{transform:translateX(120%)}}
@keyframes ccCombo{from{opacity:0;transform:translateY(55%);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
/* "+N" เล็กข้างข้อความที่ได้แต้ม */
.cc-ptsf{position:absolute;right:44px;top:8px;display:inline-flex;align-items:center;gap:3px;padding:1px 8px 1px 7px;border-radius:999px;background:var(--gf-soft);color:var(--gf-ink2);
  box-shadow:inset 0 0 0 1px var(--gf-tile-bd);font-family:'Geist','Noto Sans Thai',sans-serif;font-size:12px;font-weight:600;line-height:1.6;letter-spacing:-.01em;font-variant-numeric:tabular-nums;
  pointer-events:none;animation:ccPts 1.5s cubic-bezier(.16,1,.3,1) forwards}
@keyframes ccPts{0%{opacity:0;transform:translateY(6px)}18%{opacity:1;transform:none}72%{opacity:1;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-14px)}}
/* แต้มลอยแบบเรียบ (ลดการเคลื่อนไหว / ไม่มี WebGL / ระหว่างโหลดไฟล์ 3 มิติ) */
.ptsfly{position:fixed;z-index:70;display:inline-flex;align-items:center;gap:4px;transform:translate(-50%,-50%);font-family:'Geist','Noto Sans Thai',sans-serif;font-size:30px;font-weight:600;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#1570EF;text-shadow:0 2px 12px rgba(10,42,102,.18);pointer-events:none;animation:ptsFly 1.7s cubic-bezier(.16,1,.3,1) forwards}
.ptsfly b{font-weight:600}
.ptsfly svg{width:15px;height:15px}
html[data-theme="dark"] .ptsfly,.sx[data-theme=dark] .ptsfly,.sx[data-theme=dark]~.ptsfly{color:#E6F1FF;text-shadow:0 0 16px rgba(21,112,239,.7)}
@keyframes ptsFly{0%{opacity:0;transform:translate(-50%,-30%) scale(.94)}14%{opacity:1;transform:translate(-50%,-75%) scale(1)}72%{opacity:1;filter:none}100%{opacity:0;transform:translate(-50%,-200%);filter:blur(2px)}}
@media (prefers-reduced-motion:reduce){.cc-gfb{transition:opacity .2s}.cc-gfb::after{display:none}.cc-ptsf{animation:ccPtsR 1.5s forwards}.ptsfly{animation:ccPtsR 1.6s forwards}}
@keyframes ccPtsR{0%,70%{opacity:1}100%{opacity:0}}
/* ===== รอบ 76 (เจ้าของสั่ง 30/10/2026): แชร์/รีโพสต์ · รูปในความเห็นและห้องแชท · แท็ก @ ในห้องแชท ===== */
.sx-rph{display:flex;align-items:center;gap:6px;min-width:0;margin:-2px 0 10px;font-size:13.5px;line-height:1.4;color:var(--sx-mute)}
.sx-rph>svg{color:var(--sx-blue)!important}
.sx-rpt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-rph a{color:var(--sx-text2)!important;font-weight:600;text-decoration:none}.sx-rph a:hover{text-decoration:underline}
.sx-rph time{flex:none;font-size:12.5px}.sx-rph time::before{content:"·";margin-right:6px}
.sx-rpq{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;padding:10px 12px;border-radius:14px;background:var(--sx-blue-soft);border:1px solid rgba(21,112,239,.16)}
.sx[data-theme=dark] .sx-rpq{border-color:rgba(76,141,255,.22)}
.sx-rpqav{flex:none;display:flex;text-decoration:none}
.sx-rpqt{min-width:0;font-size:15px;line-height:1.55;color:var(--sx-text);overflow-wrap:anywhere}.sx-rpqt p{margin:0}
.sx-share.on svg{fill:none!important}.sx-rpn:empty{display:none}
.sx-rpqv{display:flex;gap:8px;align-items:center;min-width:0;padding:10px 12px;border-radius:12px;background:var(--sx-raise,#F7F9FC);border:1px solid var(--sx-line,#E2E8F0);font-weight:600;color:var(--sx-text,#0E1726)}
.sx-rpqv>svg{color:var(--sx-blue,#1570EF)!important}.sx-rpqv span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-rqf{display:flex;flex-direction:column}.sx-rqc{display:flex;justify-content:space-between;gap:10px;margin-top:6px;font-size:13px;line-height:1.45}
.sx-rtl{display:flex;align-items:center;gap:14px;min-width:0;flex-wrap:wrap}.sx-rbar .sx-rhint{font-size:13px}
.sx-rimgb{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--sx-blue-tx)!important}
.sx-rimgs .sx-img{width:84px;height:84px}
.sx-rmedia{max-width:440px;margin:6px 0 2px}
.sx-cpimg{display:flex;gap:6px;margin-top:6px}
.sx-cpimg .sx-mi{width:76px;height:76px;padding:0;border:1px solid var(--sx-line);border-radius:10px;overflow:hidden;background:var(--sx-sunk);cursor:zoom-in}
.sx-cpimg img{display:block;width:100%;height:100%;object-fit:cover}
.cc-img{display:block;padding:0;margin:4px 0 2px;border:0;border-radius:14px;overflow:hidden;background:var(--sx-sunk);cursor:zoom-in;max-width:min(280px,100%);box-shadow:0 0 0 1px var(--sx-line)}
.cc-img img{display:block;max-width:100%;max-height:240px;width:auto;height:auto}
.cc-img:focus-visible{outline:3px solid var(--sx-blue);outline-offset:2px}
.cc-men{color:var(--sx-blue-tx)!important;font-weight:600;text-decoration:none}.cc-men:hover{text-decoration:underline}
.cc-m.tagme{background:linear-gradient(90deg,var(--sx-blue-soft),rgba(234,242,255,0) 88%)}
.cc-m.tagme::after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--sx-blue)}
.sx[data-theme=dark] .cc-m.tagme{background:linear-gradient(90deg,rgba(76,141,255,.16),rgba(76,141,255,0) 88%)}
.cc-pic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--sx-mute);cursor:pointer}
.cc-pic:hover{background:var(--sx-sunk);color:var(--sx-blue-tx)}
.cc-att{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:6px 8px 6px 6px;border:1px solid var(--sx-line);border-radius:12px;background:var(--sx-raise)}
.cc-attim{display:block;flex:none;width:44px;height:44px;border-radius:8px;object-fit:cover}
.cc-attt{flex:1;min-width:0;font-size:13.5px;line-height:1.45;color:var(--sx-text2)}
.cc-form{position:relative}
.cc-form>.sx-men-box{position:absolute;left:6px;right:6px;bottom:calc(100% + 8px);margin:0;z-index:6;max-width:none}
.cc-admimg img{display:block;max-width:180px;max-height:140px;border-radius:8px;margin-bottom:6px}
@media (max-width:480px){.cc-sk{width:30px}.cc-sks{gap:0}.cc-form{gap:6px}}.cc-sk:disabled{opacity:.4;cursor:default}
@media (prefers-reduced-motion:no-preference){.cc-sk:not(:disabled):hover .cc-cdl{transform:translateY(-2px) scale(1.08)}.cc-sk .cc-cdl{transition:transform .15s ease-out}}
@media (hover:none){.cc-mo{opacity:.65}}
.cc-jump{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--sx-pri);color:#FFFFFF;font:inherit;font-size:13.5px;font-weight:600;box-shadow:var(--sx-shadow2);cursor:pointer}
.cc-jump svg{color:#FFFFFF!important}
.cc-empty{margin:auto 0;padding:28px 16px;text-align:center;color:var(--sx-mute);font-size:14.5px}
.cc-foot{padding:10px 12px 12px;border-top:1px solid var(--sx-line)}.cc-foot:empty{display:none}
.cc-form{display:flex;align-items:flex-end;gap:8px;padding:5px 5px 5px 12px;border:1px solid var(--sx-line2);border-radius:14px;background:var(--sx-surface)}
.cc-form:focus-within{border-color:var(--sx-blue);box-shadow:0 0 0 4px var(--sx-blue-soft)}
.cc-form textarea{flex:1;min-width:0;max-height:112px;padding:7px 0;border:0;outline:0;resize:none;background:transparent;font:inherit;font-size:15px;line-height:1.5;color:var(--sx-text)}
.cc-form textarea::placeholder{color:var(--sx-mute)}
/* รอบ 76: ช่องพิมพ์: ปุ่มรูปซ้อนอยู่มุมขวาของช่องพิมพ์ (ช่องพิมพ์กว้างเท่าเดิมบนมือถือ) · สติ๊กเกอร์ · ส่ง */
.cc-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;column-gap:8px}
.cc-form>textarea{grid-column:1;grid-row:1;padding-right:38px}
.cc-form>.cc-pic{grid-column:1;grid-row:1;justify-self:end;align-self:end;position:relative;z-index:1;margin:0 0 4px}
.cc-form>.cc-sks{grid-column:2;grid-row:1}.cc-form>.cc-send{grid-column:3;grid-row:1}
@media (max-width:480px){.cc-form{column-gap:6px}}
.cc-send{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:11px;background:var(--sx-pri);color:#FFFFFF;cursor:pointer}
.cc-send svg{color:#FFFFFF!important}.cc-send:hover{background:var(--sx-pri2)}
.cc-send:disabled{background:var(--sx-line2);cursor:default}
.cc-send[data-wait]::after{content:attr(data-wait);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:11px;background:var(--sx-sunk);color:var(--sx-text2);font-family:'Geist',sans-serif;font-weight:700;font-size:15px}
.cc-hint{display:flex;justify-content:space-between;gap:8px;margin:6px 2px 0;font-size:12.5px;line-height:1.45;color:var(--sx-mute)}.cc-hint.bad{color:var(--sx-neg-tx);font-weight:600}
.cc-note{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px;border-radius:12px;background:var(--sx-blue-soft);color:var(--sx-blue-tx);font-size:14px;line-height:1.5}.cc-note>span{flex:1 1 180px}
.cc-note.warn{background:var(--sx-amber-soft);color:var(--sx-amber-tx)}
.cc-ghost{display:flex;flex-direction:column;gap:16px;padding:16px}
.cc-g{display:flex;gap:10px;align-items:flex-start}
.cc-gav{width:32px;height:32px;border-radius:50%;background:var(--sx-sunk);flex:none}
.cc-gb{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}.cc-gb i{display:block;height:9px;border-radius:5px;background:var(--sx-sunk)}
.cc-locked .cc-ghost{filter:blur(3px);opacity:.8}
.cc-gate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.94) 42%)}
.sx[data-theme=dark] .cc-gate{background:linear-gradient(180deg,rgba(14,21,36,.4),rgba(14,21,36,.94) 42%)}
.cc-gate>b{font-size:17px;line-height:1.4;color:var(--sx-text)}
.cc-gate p{margin:0;max-width:330px;font-size:14px;line-height:1.6;color:var(--sx-text2)}
.cc-gs b{color:var(--sx-text)}
.cc-gate.solo{position:static;padding:32px 16px}
.cc-join{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}
.cc-join .lbtn{width:auto;min-width:240px}.cc-join .lbtn,.cc-join .sx-btn{min-height:44px}
/* AI Insights */
.lbi{flex:1;display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px}
.lbi-h{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px}
.lbi-h h3{margin:0;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--sx-text)}.lbi-h h3 svg{color:var(--sx-blue)!important}
.lbi-s{font-size:12.5px;color:var(--sx-mute)}
.lbi-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.lbi-l li{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;border:1px solid var(--sx-line);border-radius:12px;background:var(--sx-surface);font-size:14px;line-height:1.55;color:var(--sx-text)}
.lbi-l li svg{margin-top:1px;color:var(--sx-blue)!important}.lbi-l li>span{flex:1;min-width:0}
.lbi-sub{margin-left:6px;font-size:13px;color:var(--sx-mute)}
.lbi-t{display:inline-block;margin-left:6px;padding:0 6px;border-radius:6px;font-size:11px;font-weight:700;vertical-align:1px}
.lbi-t.t-ai{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}.lbi-t.t-lv{background:var(--sx-green-soft);color:var(--sx-green-tx)}
.lbi-l li.lbi-sk{flex-direction:column;gap:8px}.lbi-sk i{display:block;height:10px;border-radius:5px;background:var(--sx-sunk)}.lbi-sk i:first-child{width:42%}.lbi-sk i:last-child{width:84%}
.lbi-news{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 12px;border:1px dashed var(--sx-line2);border-radius:12px;font-size:13.5px;line-height:1.5}
.lbi-nk{font-weight:700;color:var(--sx-text)}
.lbi-soon{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;background:var(--sx-amber-soft);color:var(--sx-amber-tx);font-size:12px;font-weight:600}.lbi-soon i{width:6px;height:6px;border-radius:50%;background:currentColor}
.lbi-nt{flex:1 1 100%;color:var(--sx-text2)}
.lbi-more{font-weight:600;color:var(--sx-blue-tx)!important}
/* รอบ 40: ปฏิทินเศรษฐกิจ (ความสำคัญสูง) ในกล่อง AI Analysis */
.lbi-cal{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--sx-line)}
.lbi-calh{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:14px}.lbi-calh b{font-weight:700;color:var(--sx-text)}.lbi-calh .lbi-more{margin-left:auto;font-size:13.5px}
.lbi-imp{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#B42318}.lbi-imp i{width:6px;height:6px;border-radius:50%;background:#D92D20}
.lbi-calw{position:relative;height:300px;border-radius:12px;overflow:hidden}.lbi-calw .tradingview-widget-container{height:100%}.lbi-calw .calfb{padding:14px 2px;font-size:13.5px;color:var(--sx-mute)}
.lbi-foot{margin:0;font-size:12px;color:var(--sx-mute)}
@media (max-width:1060px){.lb-g{grid-template-columns:minmax(0,1fr)}.lb-chart{border-right:0;border-bottom:1px solid var(--sx-line)}.lb-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lb-side .cc{border-bottom:0;border-right:1px solid var(--sx-line)}}
@media (max-width:760px){.lb-side{display:flex}.lb-side .cc{border-right:0;border-bottom:1px solid var(--sx-line)}.lb-chart{padding:14px}.lb .cm-chart{min-height:300px}.cc-body{height:360px}.lb-ch .lb-full{display:none}}
/* รอบ 49: ช่วงใช้ฟรีของสังคมคุยเทรด (การ์ด 2 ขั้น · แถบสั้นเมื่อครบเงื่อนไข) */
.sx-promo{display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;margin:0 0 18px;padding:16px 18px;border:1px solid var(--sx-line2);border-radius:16px;background:linear-gradient(0deg,var(--sx-blue-soft),var(--sx-blue-soft)),var(--sx-surface);color:var(--sx-text)}
.sx-promo-t{flex:1 1 320px;min-width:0}.sx-promo-t h2{margin:0;font-size:16px;font-weight:700;line-height:1.4}.sx-promo-t p{margin:4px 0 0;font-size:13.5px;color:var(--sx-text2);line-height:1.55;max-width:70ch}
.sx-ps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sx-ps li{display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 6px 4px 10px;border:1px solid var(--sx-line2);border-radius:12px;background:var(--sx-surface);font-size:14px}
.sx-pn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--sx-sunk);color:var(--sx-text2);font-size:12px;font-weight:700}
.sx-ps li.done .sx-pn{background:var(--sx-green-soft);color:var(--sx-green-tx)}.sx-pl{font-weight:600}.sx-pd{padding-right:8px;font-size:12.5px;color:var(--sx-green-tx)}
.sx-pb{min-height:32px;padding:0 12px;font-size:13px}
.sx-promo.ok{padding:10px 12px 10px 16px;gap:10px;flex-wrap:nowrap;justify-content:flex-start;font-size:13.5px;background:var(--sx-green-soft);border-color:transparent;color:var(--sx-green-tx)}.sx-promo.ok>span{flex:1;min-width:0}.sx-promo.ok b{font-weight:700}
.sx-promo-x{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.sx-promo-x:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
.sx-promo a:focus-visible,.sx-promo button:focus-visible{outline:2px solid var(--sx-blue);outline-offset:2px}
.sxg-promo{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;padding:10px 14px;border-radius:12px;background:#EEF2FD;color:#1D3A8A;font-size:14px;line-height:1.5;max-width:56ch}.sxg-promo[hidden]{display:none}.sxg-promo svg{flex:none;margin-top:2px}
.sxg-ref{margin-top:8px;background:#FEF3E2;color:#8A4B07}      /* รอบ 59: มาจากลิงก์ชวนเพื่อน */
/* รอบ 47: CME Data — ข้อมูลทางการจาก CME ในห้อง CME Live (Minimal + Trust: ที่มาและเวลาชัด · ตัวเลขตาราง · สีเรียบ Call น้ำเงิน / Put เทา) */
.cmd{--cmd-call:var(--sx-blue);--cmd-put:#64748B;--cmd-mp:var(--sx-text);margin-top:24px;padding:clamp(18px,2.4vw,28px);background:var(--sx-surface);border:1px solid var(--sx-line2);border-radius:20px;color:var(--sx-text);container-type:inline-size}
.cmd-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 24px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--sx-line)}
.cmd-k{display:block;font-size:13px;font-weight:600;color:var(--sx-blue-tx)}
.cmd-h{margin:2px 0 0;font-size:clamp(20px,2vw,24px);line-height:1.3;font-weight:700;letter-spacing:-.01em}
.cmd-src{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13.5px;color:var(--sx-text2)}.cmd-src b{font-weight:600;color:var(--sx-text)}
.cmd-sep{color:var(--sx-line2)}.cmd-mute{color:var(--sx-mute)}
.cmd-dot{width:8px;height:8px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 0 3px var(--sx-green-soft)}.cmd-dot.old{background:var(--sx-amber);box-shadow:0 0 0 3px var(--sx-amber-soft)}
.cmd-pre{padding:1px 6px;border-radius:6px;background:var(--sx-amber-soft);color:var(--sx-amber-tx);font-size:12px}
.cmd-body{display:flex;flex-direction:column;gap:16px;margin-top:16px}
.cmd-exps{display:flex;flex-wrap:wrap;gap:8px}
.cmd-chip{min-height:36px;padding:0 12px;border:1px solid var(--sx-line2);border-radius:999px;background:var(--sx-surface);color:var(--sx-text2);font:inherit;font-size:13.5px;cursor:pointer}
.cmd-chip[aria-pressed=true]{background:var(--sx-blue-soft);border-color:var(--sx-blue);color:var(--sx-blue-tx);font-weight:600}
.cmd-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--sx-line);border-radius:14px;background:var(--sx-raise)}
.cmd-tile{padding:14px 16px;min-width:0}.cmd-tile+.cmd-tile{border-left:1px solid var(--sx-line)}
.cmd-tk{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--sx-mute)}
.cmd-hint{display:inline-flex;color:var(--sx-mute);cursor:help}
.cmd-tv{margin-top:4px;font-size:clamp(20px,2vw,24px);font-weight:700;line-height:1.25;color:var(--sx-text);font-variant-numeric:tabular-nums}
.cmd-ts{margin-top:2px;font-size:12.5px;color:var(--sx-text2);line-height:1.45}
.cmd-tiles.sk{min-height:88px}.cmd-tiles.sk>div{margin:14px;height:56px;border-radius:10px;background:var(--sx-sunk)}
.cmd-sk2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px}.cmd-sk2>div{height:280px;border-radius:16px;background:var(--sx-sunk)}
@media (prefers-reduced-motion:no-preference){.cmd-tiles.sk>div,.cmd-sk2>div{animation:cmdsk 1.4s ease-in-out infinite alternate}}@keyframes cmdsk{to{opacity:.55}}
.cmd-g{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
.cmd-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.cmd-card{border:1px solid var(--sx-line);border-radius:16px;padding:16px 18px;background:var(--sx-surface);min-width:0}
.cmd-ch{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-bottom:12px}.cmd-ch h3{margin:0;font-size:16px;font-weight:700}.cmd-ch .cmd-mute{font-size:12.5px}
.cmd-sw{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}.cmd-sw.call{background:var(--cmd-call)}.cmd-sw.put{background:var(--cmd-put)}.cmd-sw.mp{background:var(--cmd-mp)}.cmd-sw.now{background:var(--sx-green);border-radius:50%}
.cmd-sw.d{background:var(--sx-blue)}.cmd-sw.w{background:color-mix(in srgb,var(--sx-blue) 45%,transparent)}.cmd-sw.x{background:color-mix(in srgb,var(--sx-blue) 18%,transparent)}
.cmd-lvl{list-style:none;margin:0;padding:0}
.cmd-lvl li{display:grid;grid-template-columns:10px minmax(0,1fr) auto 72px;align-items:center;gap:10px;min-height:40px;border-top:1px solid var(--sx-line);font-size:14px}.cmd-lvl li:first-child{border-top:0}
.cmd-lvl b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.cmd-lvl .cmd-mute{font-size:12px;margin-left:4px}
.cmd-dist{font-size:12.5px;color:var(--sx-mute);text-align:right}
.cmd-now{background:var(--sx-green-soft);margin:0 -8px;padding:0 8px;border-radius:8px;border-top:0!important}.cmd-now+li{border-top:0}.cmd-now b{color:var(--sx-green-tx)}
.cmd-rule{position:relative;height:44px;margin:26px 4px 8px}
.cmd-band{position:absolute;top:14px;height:16px;border-radius:4px}.cmd-band.x{background:color-mix(in srgb,var(--sx-blue) 12%,transparent)}.cmd-band.w{background:color-mix(in srgb,var(--sx-blue) 26%,transparent)}.cmd-band.d{background:color-mix(in srgb,var(--sx-blue) 55%,transparent)}
.cmd-mid{position:absolute;top:8px;bottom:8px;width:1px;background:var(--sx-text2)}
.cmd-pin{position:absolute;top:6px;bottom:6px;width:2px;margin-left:-1px;background:var(--sx-green);border-radius:2px}
.cmd-pin-l{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:4px;padding:1px 6px;border-radius:6px;background:var(--sx-green);color:#fff;font-size:12px;font-weight:600;white-space:nowrap}
.cmd-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.cmd-legend li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:32px;font-size:13.5px;border-top:1px solid var(--sx-line)}
.cmd-legend b{font-weight:600;font-variant-numeric:tabular-nums}
.cmd-seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--sx-sunk)}
.cmd-seg button{min-height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--sx-text2);font:inherit;font-size:13px;cursor:pointer}
.cmd-seg button[aria-pressed=true]{background:var(--sx-surface);color:var(--sx-text);font-weight:600;box-shadow:0 1px 2px rgba(14,23,38,.08)}.cmd-seg button:disabled{opacity:.45;cursor:not-allowed}
.cmd-plist{position:relative;max-height:440px;overflow:auto;padding-right:2px;outline-offset:2px}      /* รอบ 66.1: ป้ายสำหรับโปรแกรมอ่านหน้าจอ (.sr) ในแถวราคาอยู่ในกล่องเลื่อน ไม่ดันหน้าให้ยาวเกินท้ายเว็บ */
.cmd-pr{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;height:20px}
.cmd-pl{display:flex;justify-content:flex-end}.cmd-pl,.cmd-pc{height:100%;display:flex;align-items:center}
.cmd-pk{text-align:center;font-size:12px;color:var(--sx-mute);font-variant-numeric:tabular-nums}.cmd-pk.w{color:var(--sx-text);font-weight:700}
.cmd-bar{display:block;height:12px;min-width:1px}.cmd-bar.p{background:color-mix(in srgb,var(--cmd-put) 55%,transparent);border-radius:3px 0 0 3px}.cmd-bar.c{background:color-mix(in srgb,var(--cmd-call) 55%,transparent);border-radius:0 3px 3px 0}
.cmd-bar.wall.p{background:var(--cmd-put)}.cmd-bar.wall.c{background:var(--cmd-call)}
.cmd-bar.neg{background:transparent!important;box-shadow:inset 0 0 0 1.5px currentColor}.cmd-bar.p.neg{color:var(--cmd-put)}.cmd-bar.c.neg{color:var(--cmd-call)}
.cmd-pr.now{display:flex;align-items:center;height:22px;border-top:1.5px dashed var(--sx-green);margin-top:10px}.cmd-pr-now{margin:-22px auto 0;padding:1px 8px;border-radius:6px;background:var(--sx-green);color:#fff;font-size:12px;font-weight:600}
.cmd-plg{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--sx-line);font-size:12.5px}.cmd-plg>span{display:inline-flex;align-items:center;gap:6px}.cmd-plg .cmd-mute{text-align:center}
.cmd-lock{position:relative;overflow:hidden;min-height:320px}
.cmd-lockpv{filter:blur(3px);opacity:.55;padding-top:8px}
.cmd-lockt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;background:color-mix(in srgb,var(--sx-surface) 72%,transparent);color:var(--sx-text2)}
.cmd-lockt b{color:var(--sx-text);font-size:15px;max-width:34ch}.cmd-lockt .sx-btn{margin-top:4px}
.cmd-chg ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.cmd-chg li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:40px;border-top:1px solid var(--sx-line);font-size:14px}
.cmd-tag{font-size:12.5px;padding:2px 8px;border-radius:999px;background:var(--sx-sunk);color:var(--sx-text2);white-space:nowrap}.cmd-tag.up{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}
.cmd-how{border-top:1px solid var(--sx-line);padding-top:12px;font-size:13.5px;color:var(--sx-text2)}
.cmd-how summary{cursor:pointer;min-height:36px;display:flex;align-items:center;gap:6px;font-weight:600;color:var(--sx-text)}
.cmd-how ul{margin:6px 0 0;padding-left:18px;line-height:1.65}.cmd-how li+li{margin-top:4px}
.cmd-empty{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:20px;border:1px dashed var(--sx-line2);border-radius:14px;color:var(--sx-text2);font-size:14.5px}
.cmd button:focus-visible,.cmd summary:focus-visible,.cmd-plist:focus-visible,.cmd a:focus-visible{outline:2px solid var(--sx-blue);outline-offset:2px}
/* รอบ 48: สลับ CFD/Futures · basis · แผนเทรด */
.cmd-hd{align-items:center}.cmd-modes:empty{display:none}
.cmd-mode button{min-height:36px;padding:0 14px;font-variant-numeric:tabular-nums}
.cmd>.cmd-src{margin-top:12px}
.cmd-bl{display:inline-flex;align-items:center;gap:6px;margin-left:4px;padding:2px 10px;border-radius:999px;background:var(--sx-sunk);color:var(--sx-text2);font-size:13px}.cmd-bl b{color:var(--sx-text)}
.cmd-q{width:7px;height:7px;border-radius:50%;background:var(--sx-mute);flex:none}.cmd-q.high{background:var(--sx-green)}.cmd-q.medium{background:var(--sx-amber)}.cmd-q.settle{background:var(--sx-blue)}
.cmd-bias{font-size:12.5px;padding:3px 10px;border-radius:999px;background:var(--sx-sunk);color:var(--sx-text2);font-weight:600}.cmd-bias.up{background:var(--sx-green-soft);color:var(--sx-green-tx)}.cmd-bias.down{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.cmd-plan{padding:22px 24px}
/* รอบ 50: การ์ดแผนเทรดแบบใหม่ (Minimal · Trust) — แถวข้อเท็จจริงคั่นเส้นบาง · ตารางโซน · แถบความเสี่ยง:ผลตอบแทนเส้นบาง · สถานะจากงานคำนวณผล */
.cmd-pch{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 16px;flex-wrap:wrap;margin-bottom:14px}.cmd-pch h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.005em}
.cmd-pn{margin:4px 0 0;font-size:12.5px;color:var(--sx-mute);line-height:1.55}
.cmd-shb{min-height:38px;padding:0 14px;font-size:13.5px;gap:6px}
.cmd-facts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border-top:1px solid var(--sx-line);border-bottom:1px solid var(--sx-line)}
.cmd-f{display:flex;flex-direction:column;gap:4px;padding:12px 16px;min-width:0}.cmd-f:first-child{padding-left:0}.cmd-f+.cmd-f{border-left:1px solid var(--sx-line)}
.cmd-fk{font-size:12.5px;color:var(--sx-mute)}
.cmd-fv{font-size:14.5px;color:var(--sx-text);line-height:1.45;font-variant-numeric:tabular-nums}.cmd-fv b{font-weight:700;font-size:15px}.cmd-fv.is-win{color:var(--sx-green-tx)}.cmd-fv.is-loss{color:var(--sx-neg-tx)}
.cmd-fs{font-size:12.5px;color:var(--sx-text2);line-height:1.45}
.cmd-dl{margin-left:4px;font-size:12px;color:var(--sx-mute);font-weight:500;font-variant-numeric:tabular-nums}.cmd-dl.up{color:var(--sx-green-tx)}.cmd-dl.dn{color:var(--sx-neg-tx)}
/* รอบ 51: การ์ดแผนเทรดแบบเรียบ — โซนละ 1 แถว (ป้าย · ราคาเข้า · SL/TP · สถานะ) · รายละเอียดซ่อนใน "ดูรายละเอียด" */
.cmd-pha{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cmd-zs{list-style:none;margin:0;padding:0;border-top:1px solid var(--sx-line)}
.cmd-lg{display:grid;grid-template-columns:76px minmax(120px,1fr) minmax(112px,.9fr) minmax(0,2.1fr) 196px;grid-template-areas:"side en sl tp st";align-items:center;gap:6px 16px;padding:14px 0;border-bottom:1px solid var(--sx-line);min-width:0}
.cmd-side{font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:8px;white-space:nowrap}.cmd-side.buy{background:var(--sx-green-soft);color:var(--sx-green-tx)}.cmd-side.sell{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.cmd-lg>.cmd-side{grid-area:side;justify-self:start;text-align:center;min-width:64px}
.cmd-le{grid-area:en}.cmd-lsl2{grid-area:sl}.cmd-ltp{grid-area:tp}.cmd-ls{grid-area:st}
.cmd-le,.cmd-lp{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}
.cmd-lk{font-size:12px;color:var(--sx-mute);font-weight:500}
.cmd-le b{font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--sx-text);font-variant-numeric:tabular-nums}
.cmd-lp b{color:var(--sx-text);font-weight:600;font-size:14.5px;font-variant-numeric:tabular-nums}.cmd-lp b.sl{color:var(--sx-neg-tx)}.cmd-lp b.hit{color:var(--sx-green-tx)}
.cmd-ltp{flex-wrap:wrap;row-gap:2px}.cmd-lsl{color:var(--sx-line2);margin:0 1px}
.cmd-ls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 8px;text-align:right;min-width:0}
.cmd-lg.lock{grid-template-areas:"side lx lx lx st"}.cmd-llk{grid-area:lx;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--sx-text2)}
.cmd-zst{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 10px;border-radius:999px;font-weight:600;background:var(--sx-sunk);color:var(--sx-text2);white-space:nowrap}
.cmd-zst.is-open{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}.cmd-zst.is-win{background:var(--sx-green-soft);color:var(--sx-green-tx)}.cmd-zst.is-loss{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}.cmd-zst.is-off{color:var(--sx-mute)}
.cmd-zd{font-size:12px;color:var(--sx-mute)}
.cmd-lg.is-off{opacity:.72}
.cmd-oi2{display:flex;flex-wrap:wrap;gap:2px 16px;margin:12px 0 0;font-size:13px;color:var(--sx-mute)}.cmd-oi2 b{color:var(--sx-text);font-weight:600;margin-left:3px}
.cmd-disc1{margin:8px 0 0;font-size:12px;color:var(--sx-mute);line-height:1.5}
.cmd-more{margin-top:12px;border-top:1px solid var(--sx-line)}
details.cmd-more>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;min-height:44px;font-size:13.5px;font-weight:600;color:var(--sx-blue-tx)}
.cmd-more>summary::-webkit-details-marker{display:none}
.cmd-more>summary::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);margin-left:2px;transition:transform .15s}
.cmd-more[open]>summary::after{transform:rotate(-135deg) translate(-1px,-1px)}
details.cmd-more>summary:hover{text-decoration:underline;text-underline-offset:3px}
.cmd-mb{padding:2px 0 4px}
.cmd-mz{list-style:none;margin:14px 0 0;padding:0}.cmd-mz>li{padding:10px 0;border-top:1px solid var(--sx-line)}
.cmd-mzh{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13px;color:var(--sx-text2)}
.cmd-info{margin-top:14px}
.cmd-zr{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:8px 0 0;font-size:12.5px;color:var(--sx-mute);line-height:1.5}
.cmd-zoi{color:var(--sx-text2)}.cmd-zoi b{color:var(--sx-text);font-weight:600}
.cmd-lvoi{display:block;margin-top:2px;font-size:12px;color:var(--sx-text2)}.cmd-lvoi b{font-weight:600;color:var(--sx-text)}
@container (max-width:760px){.cmd-lg{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"side st" "en sl" "tp tp";gap:8px 14px;padding:14px 0}.cmd-lsl2{justify-self:end}.cmd-le b{font-size:20px}.cmd-lg.lock{grid-template-areas:"side st" "lx lx"}.cmd-lg>.cmd-side{min-width:0}.cmd-ls{flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 8px}}
@container (max-width:760px){
  .cmd-facts{grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}.cmd-f{padding-left:0}.cmd-f+.cmd-f{border-left:0;border-top:1px solid var(--sx-line)}}
@container (max-width:640px){.cmd-bl{margin-left:0;flex-wrap:wrap;border-radius:10px;padding:4px 10px}.cmd-plan{padding:16px}}
/* รอบ 50: ผลลัพธ์แผนเทรด รายวัน/รายสัปดาห์ */
.cmr{margin-top:16px;padding:20px 22px;border:1px solid var(--sx-line);border-radius:16px;background:var(--sx-surface);color:var(--sx-text);container-type:inline-size}
.cmr-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 16px;flex-wrap:wrap}
.cmr-h{margin:0;font-size:17px;font-weight:700;letter-spacing:-.005em}
.cmr-sub{margin:4px 0 0;font-size:12.5px;color:var(--sx-mute);max-width:62ch;line-height:1.5}
.cmr-body{margin-top:14px}
.cmr-sk{display:grid;gap:8px}.cmr-sk div{height:40px;border-radius:10px;background:var(--sx-sunk)}
.cmr-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--sx-line);border-bottom:1px solid var(--sx-line)}
.cmr-sum>div{display:flex;flex-direction:column;gap:2px;padding:12px 16px;min-width:0}.cmr-sum>div:first-child{padding-left:0}.cmr-sum>div+div{border-left:1px solid var(--sx-line)}
.cmr-k{font-size:12.5px;color:var(--sx-mute)}.cmr-v{font-size:20px;font-weight:700;line-height:1.3}.cmr-v.is-win{color:var(--sx-green-tx)}.cmr-v.is-loss{color:var(--sx-neg-tx)}
.cmr-s{display:block;font-size:12px;color:var(--sx-mute);font-weight:400}
.cmr-note{margin:8px 0 0;font-size:12.5px;color:var(--sx-amber-tx)}
.cmr-list{list-style:none;margin:8px 0 0;padding:0}
.cmr-row{display:grid;grid-template-columns:minmax(140px,1.4fr) 96px minmax(72px,1fr) 60px minmax(96px,1fr) 40px;grid-template-areas:"d b z f r a";gap:10px;align-items:center;min-height:52px;padding:6px 0;border-bottom:1px solid var(--sx-line);font-size:14px}
.cmr-row>:nth-child(1){grid-area:d}.cmr-row>:nth-child(2){grid-area:b}.cmr-row>:nth-child(3){grid-area:z}.cmr-row>:nth-child(4){grid-area:f}.cmr-row>:nth-child(5){grid-area:r}.cmr-row>:nth-child(6){grid-area:a}
.cmr-tw{grid-template-columns:minmax(140px,1.5fr) 56px 72px minmax(88px,1fr) minmax(96px,1fr) 40px}
.cmr-tws{grid-template-columns:minmax(120px,1.3fr) 96px minmax(72px,1fr) 60px minmax(96px,1fr);grid-template-areas:"d b z f r"}
.cmr-th{min-height:0;padding:0 0 8px;font-size:12px;color:var(--sx-mute)}.cmr-th>:nth-child(5){text-align:right}
.cmr-d{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}.cmr-d a{color:var(--sx-text);font-weight:600;text-decoration:none}.cmr-d a:hover{text-decoration:underline}
.cmr-chip{font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--sx-sunk);color:var(--sx-text2);font-weight:600;white-space:nowrap}.cmr-chip.open{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}
.cmr-dots{display:inline-flex;gap:4px;vertical-align:middle}
.cmr-dot{width:10px;height:10px;border-radius:3px;background:var(--sx-mute)}.cmr-dot.is-wait{background:transparent;box-shadow:inset 0 0 0 1.5px var(--sx-line2)}.cmr-dot.is-open{background:var(--sx-blue)}.cmr-dot.is-win{background:var(--sx-green)}.cmr-dot.is-loss{background:var(--sx-neg)}.cmr-dot.is-off{background:var(--sx-sunk);box-shadow:inset 0 0 0 1px var(--sx-line2)}
.cmr-r{font-weight:700;text-align:right}.cmr-r.is-win{color:var(--sx-green-tx)}.cmr-r.is-loss{color:var(--sx-neg-tx)}
.cmr-a{display:flex;justify-content:flex-end}
.cmr-sb{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sx-line);border-radius:10px;background:var(--sx-surface);color:var(--sx-text2);cursor:pointer}.cmr-sb:hover{color:var(--sx-text);border-color:var(--sx-line2)}
.cmr-sb:focus-visible,.cmr-d a:focus-visible,.cmr button:focus-visible,.cmr summary:focus-visible{outline:2px solid var(--sx-blue);outline-offset:2px}
.cmr-empty{margin:8px 0;font-size:14px;color:var(--sx-text2)}
.cmr-how{margin-top:12px}
@container (max-width:600px){.cmr{padding:16px}.cmr-th{display:none}.cmr-row,.cmr-tw{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"d r a" "b z f";row-gap:6px}.cmr-tws{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"d d r" "b z f";row-gap:6px}
  .cmr-sum{grid-template-columns:minmax(0,1fr)}.cmr-sum>div{padding-left:0}.cmr-sum>div+div{border-left:0;border-top:1px solid var(--sx-line)}}
@media (prefers-reduced-motion:no-preference){.cmr-sk div,.cmsh-sk{animation:cmdsk 1.4s ease-in-out infinite alternate}}
/* รอบ 50: หน้าต่างบันทึกรูป · แชร์ */
.mdlg.cmsh{max-width:760px;padding:24px}
.cmsh-h{margin:0 44px 14px 0;font-size:19px;font-weight:700;letter-spacing:-.005em}
.cmsh-sk{height:360px;border-radius:12px;background:var(--sx-sunk)}
.cmsh-pv{display:flex;justify-content:center;padding:14px;border-radius:14px;background:var(--sx-sunk)}
.cmsh-pv canvas{display:block;max-width:100%;max-height:min(52vh,520px);width:auto;height:auto;border-radius:6px;box-shadow:0 1px 3px rgba(14,23,38,.12),0 0 0 1px var(--sx-line)}
.cmsh-opts{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:16px}
.cmsh-o{display:flex;align-items:center;gap:10px}.cmsh-ol{font-size:13px;color:var(--sx-mute)}
.cmsh-link{display:flex;gap:8px;margin-top:14px}.cmsh-link .inp{flex:1;min-width:0;font-size:13.5px}.cmsh-link .sx-btn{white-space:nowrap}
.cmsh-note{margin:10px 0 0;font-size:12.5px;color:var(--sx-text2);line-height:1.5}
.mdlg .cmsh-act .btn{flex:1;width:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px}.cmsh-act{display:flex;gap:10px;margin-top:16px}
.cmsh-st{margin:10px 0 0;min-height:1.4em;font-size:13px;color:var(--sx-green-tx)}
@media (max-width:639px){.cmsh-link{flex-direction:column}.mdlg.cmsh{padding:20px 16px 24px}}
/* รอบ 50: หน้าที่แชร์ (แผน + ผลลัพธ์ · สรุปรายสัปดาห์) */
.cms{background:var(--sx-bg);color:var(--sx-text);container-type:inline-size}
.cms-top{padding-top:28px;padding-bottom:72px;max-width:1000px}
.cms-h1{margin:16px 0 0;font-size:clamp(26px,3.4vw,36px);line-height:1.25;font-weight:700;letter-spacing:-.015em;max-width:26ch}
.cms-lead{margin:10px 0 0;font-size:16px;color:var(--sx-text2);max-width:62ch;line-height:1.6}
.cms-act{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 24px}
.cms-card{padding:22px 24px}
.cms-ch{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.cms-h2{margin:0;font-size:20px;font-weight:700}
.cms-zs{list-style:none;margin:0;padding:0;border-top:0}
.cms-zr{margin:8px 0 0;font-size:12.5px;color:var(--sx-mute);line-height:1.6}.cms-oi{margin-top:16px}.cms-h3{margin:0 0 6px;font-size:14px;font-weight:700}.cms-oi p{margin:0;font-size:14px;line-height:1.6}
.cms-lock{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;margin-bottom:14px;border-radius:12px;background:var(--sx-blue-soft);color:var(--sx-blue-tx);font-size:14px;line-height:1.5}
.cms-disc{margin-top:24px;max-width:72ch}
.cms .cmd-how{margin-top:16px}
@container (max-width:560px){.cms-card{padding:16px}}
@container (max-width:760px){.cms-card .cmd-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-card .cmd-f+.cmd-f{border-top:0}.cms-card .cmd-f:nth-child(n+3){border-top:1px solid var(--sx-line)}.cms-card .cmd-f:nth-child(even){border-left:1px solid var(--sx-line);padding-left:14px}}
.cmd-ti{display:inline-flex;width:18px;justify-content:center;font-size:11px;margin-right:4px}.cmd-ti.up{color:var(--sx-green-tx)}.cmd-ti.dn{color:var(--sx-neg-tx)}
.cmd-ch2{margin:16px 0 6px}.cmd-ch2 h4{margin:0;font-size:14px;font-weight:700}
.cmd-trig{list-style:none;margin:0;padding:0;font-size:13.5px;color:var(--sx-text2)}.cmd-trig li{padding:7px 0;line-height:1.5;border-top:1px solid var(--sx-line)}.cmd-trig b{color:var(--sx-text);font-weight:600;margin:0 4px}
.cmd-pp{margin:12px 0 0;font-size:12.5px}
.cmd-disc{margin:8px 0 0;font-size:12.5px;color:var(--sx-text2);line-height:1.55}
.cmd-planlock{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.cmd-planlock .cmd-ch{width:100%;margin-bottom:0}
.cmd-pl-t{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:14px;color:var(--sx-text2);max-width:70ch}.cmd-pl-t svg{flex:none;margin-top:2px}
.cmd-chk{display:flex;gap:8px;align-items:center;min-height:36px;font-size:14px}
.cmd-promo{margin:0;font-size:13px;color:var(--sx-blue-tx);line-height:1.5}.cmd-promo a{color:inherit;font-weight:600}
@container (max-width:860px){.cmd-g,.cmd-sk2{grid-template-columns:minmax(0,1fr)}.cmd-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.cmd-tile:nth-child(4){border-left:0}.cmd-tile:nth-child(n+4){border-top:1px solid var(--sx-line)}}
@container (max-width:520px){.cmd-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.cmd-tile:nth-child(n){border-left:0;border-top:1px solid var(--sx-line)}.cmd-tile:nth-child(even){border-left:1px solid var(--sx-line)}.cmd-tile:nth-child(-n+2){border-top:0}.cmd-tile:last-child{grid-column:1/-1;border-left:0}.cmd-chg ul{grid-template-columns:minmax(0,1fr)}.cmd-lvl li{grid-template-columns:10px minmax(0,1fr) auto}.cmd-dist{display:none}.cmd-card{padding:14px}}
/* หน้าชวนสมัคร KUYTRADE SOCIAL */
.sxg{min-height:calc(100vh - var(--sx-hd));padding:clamp(48px,6vw,96px) 0;background:var(--sx-bg);color:var(--sx-text)}
.sxg-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,4vw,64px);align-items:center}
.sxg-t{display:flex;flex-direction:column;gap:16px;min-width:0}
.sxg-h{margin:0;display:flex;flex-direction:column;gap:12px}
.sxg-h span:first-child{font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:clamp(40px,4.6vw,76px);font-weight:800;line-height:.98;letter-spacing:-.025em;color:var(--sx-text)}
.sxg-h span:last-child{font-size:clamp(22px,1.2vw + 14px,30px);font-weight:600;line-height:1.35;color:var(--brand);text-wrap:balance}
.sxg-sub{margin:0;max-width:560px;font-size:17px;line-height:1.75;color:var(--sx-text2)}
.sxg-btns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;max-width:560px}.sxg-btns .lbtn,.sxg-btns .sx-btn{min-height:52px;font-size:16px}
@media (max-width:480px){.sxg-btns{grid-template-columns:minmax(0,1fr)}}
.sxg-wait{display:inline-flex;align-items:center;min-height:52px;color:var(--sx-mute)}
.sxg-live{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;color:var(--sx-green-tx)}.sxg-live b{color:var(--sx-text)}
.sxg-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.sxg-list li{display:flex;align-items:flex-start;gap:12px;font-size:15.5px;line-height:1.55}
.sxg-fine{margin:4px 0 0;max-width:560px;font-size:13.5px;line-height:1.6;color:var(--sx-mute)}
.sxg-pv{position:relative;overflow:hidden;border:1px solid var(--sx-line2);border-radius:20px;background:var(--sx-surface);box-shadow:0 1px 2px rgba(16,24,40,.04),0 16px 40px rgba(16,24,40,.08)}
.sxg-app{display:grid;grid-template-columns:110px minmax(0,1fr) 170px;gap:14px;min-height:430px;padding:16px;filter:blur(4px);opacity:.85;user-select:none;pointer-events:none}
.sxg-side{display:flex;flex-direction:column;gap:14px;padding-top:6px}.sxg-side i{display:block;height:10px;border-radius:5px;background:var(--sx-sunk)}
.sxg-feed{display:flex;flex-direction:column;gap:12px;min-width:0}
.sxg-post{display:flex;gap:10px;padding:12px;border:1px solid var(--sx-line);border-radius:14px}
.sxg-img{display:block;height:64px;margin-top:4px;border-radius:10px;background:linear-gradient(120deg,var(--sx-blue-soft),var(--sx-green-soft))}
.sxg-chat{border-left:1px solid var(--sx-line)}.sxg-chat .cc-ghost{padding:4px 0 0 12px}
.sxg-lock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--sx-line2);border-radius:999px;background:var(--sx-surface);box-shadow:var(--sx-shadow2);font-size:14.5px;font-weight:600;white-space:nowrap}
.sxg-lock svg{color:var(--sx-blue)!important}
@media (max-width:1000px){.sxg-g{grid-template-columns:minmax(0,1fr)}.sxg-app{grid-template-columns:minmax(0,1fr) 140px;min-height:340px}.sxg-side{display:none}}
@media (max-width:560px){.sxg-app{grid-template-columns:minmax(0,1fr);min-height:280px}.sxg-chat{display:none}}
/* หน้าแรก KUYTRADE SOCIAL: การ์ด CME Live · สมาชิกแนะนำ · โพสต์ปักหมุดบนโปรไฟล์ */
.sx-livec{gap:8px}.sx-livech{display:flex;align-items:center;justify-content:space-between;gap:8px}.sx-livech .sx-rh{margin:0}
.sx-livep{margin:0;display:flex;align-items:baseline;gap:10px}.sx-livep .num{font-size:22px;font-weight:700}
.sx-livec .sx-btn{align-self:flex-start;margin-top:4px}
.sx-b-ult{background:linear-gradient(135deg,#FFF3C4,#F3D27A);color:#5C3B00}
.sx-feat{gap:8px}.sx-feat .sx-badge{flex:none}
.sx-fmn{margin:6px 0 0;font-size:12.5px}
.sx-pins{display:flex;flex-direction:column;gap:10px;margin:14px 0}.sx-pins .sx-rh{display:flex;align-items:center;gap:6px;margin:0}
/* ธีมโปรไฟล์ (Elite+) · กรอบทอง (Ultimate) */
.sx-avf{display:inline-flex;flex:none;border-radius:50%}
.sx-profh>.sx-avf{margin-top:-60px}
.fr-gold .sx-avf{padding:3px;background:conic-gradient(from 210deg,#B8860B,#F5D77A,#C9971C,#FFF1B8,#B8860B)}
.fr-gold .sx-avf .sx-avxl{border-width:3px}
.pt-blue{--pa:#1570EF}.pt-green{--pa:#16A34A}.pt-violet{--pa:#7C3AED}.pt-amber{--pa:#D97706}.pt-rose{--pa:#E11D48}.pt-slate{--pa:#475569}
.sx-profc.pt-blue .sx-cover,.ps-swc.pt-blue{background-image:linear-gradient(115deg,#0B2D6F,#1570EF)}
.sx-profc.pt-green .sx-cover,.ps-swc.pt-green{background-image:linear-gradient(115deg,#064E3B,#16A34A)}
.sx-profc.pt-violet .sx-cover,.ps-swc.pt-violet{background-image:linear-gradient(115deg,#3B0764,#7C3AED)}
.sx-profc.pt-amber .sx-cover,.ps-swc.pt-amber{background-image:linear-gradient(115deg,#78350F,#D97706)}
.sx-profc.pt-rose .sx-cover,.ps-swc.pt-rose{background-image:linear-gradient(115deg,#831843,#E11D48)}
.sx-profc.pt-slate .sx-cover,.ps-swc.pt-slate{background-image:linear-gradient(115deg,#0F172A,#475569)}
.ps-swc.pt-def{background-image:linear-gradient(115deg,#0B2D6F,#1570EF 58%,#16A34A)}
.sx-profc[class*=" pt-"]:not(.fr-gold) .sx-avxl{border-color:var(--pa)}
.sx-profc[class*=" pt-"] .sx-tabs button[aria-selected=true]{box-shadow:inset 0 -2px 0 var(--pa)}
/* ตั้งค่าโปรไฟล์ */
.ps-g{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.ps-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.ps-c{display:flex;flex-direction:column;gap:12px}.ps-c>.chip{align-self:flex-start}
.ps-ch{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sx-h2s{margin:0;font-size:17px;font-weight:700;line-height:1.35;color:var(--sx-text)}
.ps-lock,.ps-ok{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.ps-lock{background:var(--sx-amber-soft);color:var(--sx-amber-tx)}.ps-ok{background:var(--sx-green-soft);color:var(--sx-green-tx)}
.ps-cov{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:8px;aspect-ratio:16/9;height:auto;max-width:560px;padding:10px;border-radius:14px;background:linear-gradient(115deg,#0B2D6F,#1570EF 58%,#16A34A);background-size:cover;background-position:center}
.ps-cov.off{align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,var(--sx-sunk) 0 10px,var(--sx-raise) 10px 20px)}
.ps-covl{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--sx-text2)}
.ps-c .sx-avx{display:flex;align-items:center;gap:16px;margin-top:-44px;padding-left:14px}
.ps-avb{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:40px}
.ps-avb .sx-mut{font-size:13px}
.ps-cnt{margin:0;font-size:13px;color:var(--sx-mute)}.ps-cnt.over [data-bc]{color:var(--sx-neg-tx);font-weight:700}
.ps-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.sx-linkr.over{opacity:.6}
.ps-up{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:10px 12px;border-radius:12px;background:var(--sx-amber-soft);color:var(--sx-amber-tx);font-size:14px;line-height:1.5}.ps-up>span{flex:1 1 200px}
.ps-sw{display:flex;flex-wrap:wrap;gap:12px}
.ps-swi{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:62px;font-size:13px;color:var(--sx-text2);cursor:pointer}
.ps-swi input{position:absolute;width:1px;height:1px;opacity:0}
.ps-swc{width:44px;height:44px;border:2px solid var(--sx-surface);border-radius:50%;box-shadow:0 0 0 1px var(--sx-line2)}
.ps-swi input:checked+.ps-swc{box-shadow:0 0 0 2px var(--sx-surface),0 0 0 4px var(--sx-blue)}
.ps-swi input:focus-visible+.ps-swc{outline:2px solid var(--sx-blue);outline-offset:4px}
.ps-swi input:disabled+.ps-swc{opacity:.4}.ps-c.locked .ps-swi{cursor:not-allowed;color:var(--sx-mute)}
.ps-pins{display:flex;flex-direction:column;gap:6px}
.ps-pin{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--sx-line);border-radius:12px;cursor:pointer}.ps-pin input{margin-top:4px}
.ps-pin>span{display:flex;flex-direction:column;min-width:0}.ps-pin b{font-weight:600;overflow-wrap:anywhere}
.ps-pin:has(input:checked){border-color:var(--sx-blue);background:var(--sx-blue-soft)}
.ps-save{position:sticky;bottom:12px;z-index:2;display:flex;flex-direction:column;gap:10px;box-shadow:var(--sx-shadow2)}
.ps-saveb{display:flex;flex-wrap:wrap;gap:10px}
.ps-side{position:sticky;top:calc(var(--sx-hd) + 16px);display:flex;flex-direction:column;gap:14px}
.ps-pv{position:relative;padding:0;overflow:hidden}.ps-pv .sx-cover{height:auto}
.ps-pvb{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:0 16px 16px;min-width:0}.ps-pvb .sx-avf{margin:-34px 0 6px}
.ps-pvb b{font-size:17px;overflow-wrap:anywhere}.ps-pvb .sx-badge{margin-top:6px}
.ps-pvbio{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:var(--sx-text2);white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ps-pvt{position:absolute;top:8px;left:10px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.88);color:#0E1726;font-size:11.5px;font-weight:600}
.ps-plan{display:flex;flex-direction:column;gap:12px}.ps-plan .sx-btn{align-self:flex-start}
.ps-fl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ps-fl li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.5}.ps-fl li>span:first-of-type{flex:1;min-width:0}
.ps-fl li.on svg{color:var(--sx-green)!important}.ps-fl li.off{color:var(--sx-mute)}.ps-fl li.off svg{color:var(--sx-mute)!important}
.ps-need{flex:none;font-size:11.5px;font-weight:700;color:var(--sx-amber-tx)}
.sx-handle.off{background:var(--sx-raise)}.sx-handle.off .sx-inp{color:var(--sx-mute)}
@media (max-width:1100px){.ps-g{grid-template-columns:minmax(0,1fr)}.ps-side{position:static}}
/* แพ็กเกจบนหน้าแรก */
.plh-head{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:760px;margin:0 auto 28px;text-align:center}
.plh .tiers{text-align:left}
/* รอบ 30: การ์ดโปรไฟล์มุมซ้ายบนของ KUYTRADE SOCIAL */
.sx-mecard{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:8px 10px 8px 8px;border:1px solid var(--sx-line);border-radius:16px;background:var(--sx-surface);color:var(--sx-text)!important;text-decoration:none;min-height:56px;box-shadow:var(--sx-shadow);min-width:0}
.sx-mecard:hover{border-color:var(--sx-line2);background:var(--sx-raise)}
.sx-meav{display:inline-flex;flex:none;border-radius:50%;padding:2px;background:var(--sx-blue-soft)}.sx-meav .sx-av{display:flex}
.sx-meav.gold{background:conic-gradient(from 210deg,#B8860B,#F5D77A,#C9971C,#FFF1B8,#B8860B)}
.sx-meb{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3}
.sx-meb b{font-size:14.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-meb>span:not(.sx-mer){font-size:12.5px;color:var(--sx-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-mer{display:flex;align-items:center;gap:6px;min-width:0}
.sx-meplan{flex:none;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;background:var(--sx-blue-soft);color:var(--sx-blue-tx)}
.sx-mp-elite{background:#EFE8FF;color:#5B21B6}.sx-mp-ultimate{background:linear-gradient(135deg,#FFF3C4,#F3D27A);color:#5C3B00}
.sx[data-theme=dark] .sx-mp-elite{background:rgba(167,139,250,.16);color:#C4B5FD}
@media (min-width:640px) and (max-width:1023px){.sx-mecard{padding:4px;border:0;box-shadow:none;background:transparent;min-height:0;justify-content:center}.sx-meb,.sx-meplan{display:none}}
/* รอบ 33: Trading Journal v2 (JournalPlus) — การ์ด · เมนูดาวน์โหลด · กราฟ % · แผนที่จุดแข็ง · วินัย · Sentiment · แชร์ · รายงาน · หน้าผลพอร์ตสาธารณะ */
:root{--emup:22 163 74;--emdn:220 38 38}
.jx-card{padding:22px;min-width:0;display:flex;flex-direction:column;gap:12px}
/* รอบ 36: หน้าแนะนำ Journal 3 แบบ · แถบตัวอย่างในเบราว์เซอร์ · หน้าต่างชวนสมัคร */
.jplans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px}.jplan{padding:22px;display:flex;flex-direction:column;gap:12px;min-width:0}.jplan-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.jplan-h .h3{margin:0}.jplan-t{margin:0;font-size:15.5px;font-weight:600;color:var(--text)}.jplan .ticks li{font-size:14.5px}.jplan-cta{margin-top:auto;padding-top:6px;display:flex;gap:10px;flex-wrap:wrap}
.jdbar{align-items:center;flex-wrap:wrap}.jdbar>span:nth-child(2){flex:1 1 280px}.jdbar-a{display:flex;gap:8px;flex-wrap:wrap}.jgate{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.jgate>*{flex:1 1 200px}
.jx-ph{display:flex;justify-content:space-between;align-items:baseline;gap:4px 12px;flex-wrap:wrap}
.jx-dd{position:relative}
.jx-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:min(340px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--floatsh);padding:6px;display:flex;flex-direction:column}
.jx-menu[hidden]{display:none}
.jx-menu>button,.jx-menu>a{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;min-height:52px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:15px;cursor:pointer;text-decoration:none}
.jx-menu>button:hover,.jx-menu>a:hover{background:var(--hover)}
.jx-menu span{display:flex;flex-direction:column;gap:2px;min-width:0}.jx-menu b{font-weight:600}.jx-menu small{font-size:13px;color:var(--text3);line-height:1.45}
.jx-chart{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px}
.jx-cy{position:relative;font-size:12px;color:var(--text3);text-align:right}
.jx-cy span{position:absolute;right:0;white-space:nowrap}
.jx-chart svg{display:block;width:100%;overflow:visible}
.jx-chart+.xlab{margin-left:60px}
.jx-zero{stroke:var(--ctl);stroke-width:1;stroke-dasharray:3 3}
.jx-ln{fill:none;stroke:var(--brand);stroke-width:2;stroke-linejoin:round}
.jx-area{fill:var(--brand);fill-opacity:.1}
.jx-chart.neg .jx-ln{stroke:var(--neg)}.jx-chart.neg .jx-area{fill:var(--neg);fill-opacity:.14}
.jx-ddw{border-top:1px solid var(--line);margin-top:14px;padding-top:14px;display:flex;flex-direction:column;gap:8px}
.jx-nudge{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px;padding:12px 16px;border:1px solid var(--navbd);background:var(--navon2);border-radius:12px;font-size:15px;color:var(--text)}
.jx-nudge>span{flex:1 1 260px}
.jx-emw{overflow-x:auto;margin:0 -4px}
.jx-em{width:100%;min-width:440px;border-collapse:separate;border-spacing:4px;table-layout:fixed}
.jx-em thead th{font-size:13px;font-weight:500;color:var(--text3);text-align:center;padding:0 2px 2px}
.jx-em tbody th{width:108px;text-align:left;font-size:13.5px;font-weight:500;color:var(--text2);line-height:1.3;padding-right:4px}
.jx-em tbody th small{display:block;font-size:11.5px;font-weight:400;color:var(--text3)}
.jx-emc{height:54px;padding:4px 2px;border-radius:8px;text-align:center;vertical-align:middle;background:rgb(var(--emup) / var(--a))}
.jx-emc[data-s=dn]{background:rgb(var(--emdn) / var(--a))}
.jx-emc b{display:block;font-size:13.5px;font-weight:600;color:var(--text)}
.jx-emc small{display:block;font-size:11.5px;color:var(--text2)}
.jx-emc.few{background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line)}.jx-emc.few b{font-weight:500;color:var(--text3)}
.jx-emc.nil{background:transparent;box-shadow:inset 0 0 0 1px var(--line)}
.jx-emk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14.5px}
.jx-emk li{display:flex;gap:8px;align-items:center}
.jx-emd{width:10px;height:10px;border-radius:3px;flex-shrink:0}.jx-emd.up{background:rgb(var(--emup))}.jx-emd.dn{background:rgb(var(--emdn))}
.jx-drs{list-style:none;margin:0;padding:0}
.jx-dr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.jx-dr:first-child{border-top:0;padding-top:0}
.jx-dr>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.jx-dr b{font-size:15px;font-weight:600}.jx-dr .lbl{font-size:13px}
.jx-share{display:flex;flex-direction:column;gap:10px;min-width:0}
.jx-link{display:flex;gap:8px;flex-wrap:wrap}.jx-link .inp{flex:1 1 220px;min-width:0;font-size:14px;color:var(--text2)}
.jx-sbs{display:flex;gap:8px;flex-wrap:wrap}
.jx-sb{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer}
.jx-sb:hover{border-color:var(--brand);color:var(--link)}
.jx-sdh{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:22px 0 12px}
.jx-sdg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:16px;align-items:start}
.jx-sdc{padding:22px;display:flex;flex-direction:column;gap:18px;min-width:0}
.jx-sdc>.btn{align-self:flex-start}
.jx-sdt{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:32px}
.jx-tag{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text)}
.jx-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.jx-sc{min-height:62px;padding:6px 4px;border:1px solid var(--ctl);border-radius:10px;background:var(--surface);color:var(--text2);font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.jx-sc b{font-size:16px;font-weight:600;color:var(--text)}.jx-sc span{font-size:12.5px;line-height:1.25;text-align:center;overflow-wrap:anywhere}
.jx-sc:hover{border-color:var(--brand)}
.jx-sc.on{background:var(--navon);border-color:var(--brand);color:var(--link)}.jx-sc.on b{color:var(--link)}
.jx-chips{display:flex;gap:8px;flex-wrap:wrap}
.jx-bias{align-self:flex-start}
.jx-tl svg{display:block;width:100%;height:156px}
.jx-up{fill:var(--posfill)}.jx-dn{fill:var(--neg)}
.jx-mo{fill:var(--brand);stroke:var(--surface);stroke-width:2}.jx-mo.none{fill:var(--ctl);stroke:none}
.jx-mol{fill:none;stroke:var(--brand);stroke-opacity:.45;stroke-width:1.5}
.jx-tl+.xlab{margin-left:0}
.jx-leg{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:13px;color:var(--text3)}
.jx-leg span{display:inline-flex;align-items:center;gap:6px}
.jx-leg i{display:inline-block;width:10px;height:10px;border-radius:3px}
.jx-leg i.jx-mo{border-radius:50%;background:var(--brand)}.jx-leg i.jx-mo.none{width:6px;height:6px;background:var(--ctl)}.jx-leg i.jx-up{background:var(--posfill)}.jx-leg i.jx-dn{background:var(--neg)}
.jx-ang{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:16px;align-items:start}
.jx-an{padding:20px;display:flex;flex-direction:column;gap:10px;min-width:0}
.jx-an .h3{font-size:16px}.jx-an p{margin:0}
.jx-lv{display:flex;flex-direction:column}
.jx-lr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(40px,1fr) 64px minmax(0,1fr);gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:14px}
.jx-lr:first-child{border-top:0}
.jx-lr>span:nth-child(3),.jx-lr>span:last-child{text-align:right}.jx-lr>span:last-child{font-size:12.5px}
.jx-bar2{position:relative;height:8px;background:var(--track);border-radius:4px;overflow:hidden}
.jx-bar2::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--ctl)}
.jx-bar2 i,.jx-bar1 i{position:absolute;top:0;bottom:0;border-radius:3px}.jx-bar2 i.up,.jx-bar1 i.up{background:var(--posfill)}.jx-bar2 i.dn,.jx-bar1 i.dn{background:var(--neg)}
.jx-big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.jx-big b{font-size:32px;font-weight:700;line-height:1}
.jx-dl{margin:0;display:flex;flex-direction:column}
.jx-dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.jx-dl>div:first-child{border-top:0}
.jx-dl dt{color:var(--text2)}.jx-dl dd{margin:0;text-align:right}
.jx-rows{display:flex;flex-direction:column}
.jx-rows>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:14px}
.jx-rows>div:first-child{border-top:0}
.jx-h4{font-size:14px;font-weight:600;margin:6px 0 0;color:var(--text)}
.jx-shtop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.jx-made{margin-top:16px;border-color:var(--okbd)}.jx-made>b{display:flex;align-items:center;gap:8px;font-size:16px}
.jx-shcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:16px;align-items:start}
.jx-shf{gap:16px}
.jx-fs{border:0;padding:0;margin:0;min-width:0}.jx-fs legend{padding:0;margin-bottom:8px;font-size:14.5px;font-weight:600;color:var(--text)}
.jx-shg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px}
.jx-shg .jfield .inp{width:100%}
.jx-ck{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:14.5px;cursor:pointer}
.jx-ck input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--brand);flex-shrink:0}
.jx-ck span{display:flex;flex-direction:column;gap:2px;min-width:0}.jx-ck small{font-size:13px}
.jx-cks{display:flex;flex-direction:column;gap:8px}
.jx-shl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.jx-shr{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid var(--line)}
.jx-shr:first-child{border-top:0;padding-top:0}.jx-shr.off{opacity:.72}
.jx-shh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.jx-sha{display:flex;gap:8px;flex-wrap:wrap}
.jx-off{color:var(--neg)}
.jx-ask{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--negbd);background:var(--negbg);border-radius:10px;font-size:14.5px}
.jx-ask span{flex:1 1 240px}
.jx-danger{background:#A8322A;color:#FFFFFF;border:0}
.jx-rh{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;padding-bottom:16px;border-bottom:2px solid var(--text)}
.jx-rh .t1{font-size:30px;margin:6px 0 4px}
.jx-rk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0 0;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.jx-rk>div{padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.jx-rk>div:nth-child(4n){border-right:0}.jx-rk>div:nth-last-child(-n+4){border-bottom:0}
.jx-rk dt{font-size:13px;color:var(--text3)}.jx-rk dd{margin:4px 0 0;font-size:20px;font-weight:600}
.jx-rt{margin-top:24px;break-inside:avoid}
.jx-rt h3{font-size:16px;font-weight:600;margin:0 0 10px}
.jx-rt table{width:100%;border-collapse:collapse;font-size:14px}
.jx-rt th,.jx-rt td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.jx-rt tbody th,.jx-rt thead th:first-child{text-align:left;font-weight:500;white-space:normal}
.jx-rt thead th{font-size:12.5px;font-weight:500;color:var(--text3)}
.jx-rcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:0 24px}
.jx-pub .jx-ph1{display:flex;gap:16px;align-items:flex-start}
.jx-ava{width:56px;height:56px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--navon);color:var(--link);font-size:22px;font-weight:700}
.jx-ver{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 12px;border-radius:999px;background:var(--okbg);color:var(--pos);font-size:13px;font-weight:600}
.jx-ph1 .t1{font-size:clamp(26px,1.2vw + 20px,36px);margin:8px 0 6px;overflow-wrap:anywhere}
.jx-ph1 .lbl{margin-top:2px}
.jx-why{margin-top:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);max-width:900px}
.jx-why summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;cursor:pointer;font-size:15px;font-weight:600;color:var(--text)}
.jx-why ul{margin:0;padding:0 18px 14px 36px;display:flex;flex-direction:column;gap:6px;font-size:14.5px;line-height:1.6;color:var(--text2)}
.jx-hero{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}
.jx-hero>div{padding:18px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line);min-width:0}
.jx-hero>div:last-child{border-right:0}
.jx-hero b{font-size:clamp(20px,1vw + 14px,28px);font-weight:700;line-height:1.15}
.jx-hero small{font-size:12.5px}
.jx-pcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:16px;align-items:start}
.jx-pcols3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px;align-items:start}
.jx-mt table{min-width:760px;border-collapse:separate;border-spacing:3px}.jx-mt th,.jx-mt td{border-bottom:0;padding:8px 6px;text-align:center}.jx-mt th:first-child{text-align:left}.jx-mt tbody th{font-weight:600}
.jx-mtc{border-radius:6px;background:rgb(var(--emup) / var(--a));color:var(--text);font-variant-numeric:tabular-nums;font-size:13px}.jx-mtc[data-s=dn]{background:rgb(var(--emdn) / var(--a))}.jx-mtc.nil{background:var(--surface2)}
.jx-tw:not(.all) tr.jx-hid{display:none}.jx-prt{gap:14px}
.jx-mg{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}
.jx-mc{padding:10px;border-radius:10px;background:rgb(var(--emup) / var(--a));display:flex;flex-direction:column;gap:2px;min-width:0}
.jx-mc[data-s=dn]{background:rgb(var(--emdn) / var(--a))}
.jx-mc b{font-size:15px;font-weight:600;color:var(--text)}.jx-mc .lbl{font-size:12.5px;color:var(--text2)}.jx-mc small{font-size:11.5px}
.jx-pgr{display:grid;grid-template-columns:minmax(0,1fr) minmax(40px,1.2fr) 72px auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.jx-pg .h3+.jx-pgr{border-top:0}
.jx-pgr>span:nth-child(3){text-align:right}.jx-pgr>span:last-child{font-size:12.5px;text-align:right;white-space:nowrap}
.jx-bar1{position:relative;height:8px;background:var(--track);border-radius:4px;overflow:hidden}.jx-bar1 i{left:0}
.jx-tw{overflow-x:auto}
.jx-tw table{width:100%;border-collapse:collapse;font-size:14px}
.jx-tw th,.jx-tw td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.jx-tw th:nth-child(-n+3),.jx-tw td:nth-child(-n+3){text-align:left}
.jx-tw thead th{font-size:12.5px;font-weight:500;color:var(--text3)}
.jx-pubf{padding:22px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start}
.jx-pubf>div{display:flex;flex-direction:column;gap:10px}
.jx-cta{padding-left:24px;border-left:1px solid var(--line)}.jx-cta .btn{align-self:flex-start}
.jx-ptrh{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:24px}
.jx-dl4{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0;border-top:1px solid var(--line)}
.jx-dl4>div{padding:12px 0;border-bottom:1px solid var(--line)}
.jx-dl4 dt{font-size:13px;color:var(--text3)}.jx-dl4 dd{margin:2px 0 0;font-size:15px}
.jx-snap{display:block;border-radius:10px;overflow:hidden;background:var(--track)}.jx-snap img{display:block;width:100%;height:auto}
@media (max-width:1023px){.jx-hero{grid-template-columns:repeat(3,minmax(0,1fr))}.jx-hero>div:nth-child(3n){border-right:0}.jx-hero>div:nth-child(-n+3){border-bottom:1px solid var(--line)}}
@media (max-width:639px){.jx-menu{right:auto;left:0}.jx-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.jx-hero>div{padding:14px}.jx-hero>div:nth-child(3n){border-right:1px solid var(--line)}.jx-hero>div:nth-child(2n){border-right:0}.jx-hero>div:nth-child(-n+4){border-bottom:1px solid var(--line)}
  .jx-rk{grid-template-columns:repeat(2,minmax(0,1fr))}.jx-rk>div:nth-child(4n){border-right:1px solid var(--line)}.jx-rk>div:nth-child(2n){border-right:0}.jx-rk>div:nth-last-child(-n+4){border-bottom:1px solid var(--line)}.jx-rk>div:nth-last-child(-n+2){border-bottom:0}
  .jx-pubf{grid-template-columns:1fr}.jx-cta{padding-left:0;border-left:0;padding-top:16px;border-top:1px solid var(--line)}
  .jx-sc span{font-size:11.5px}.jx-sc{min-height:56px}.jx-ava{width:44px;height:44px;font-size:18px}
  .jx-lr{grid-template-columns:minmax(0,1.4fr) minmax(30px,.8fr) 58px;}.jx-lr>span:last-child{grid-column:1/-1;text-align:left;margin-top:-4px}
  .jx-pgr{grid-template-columns:minmax(0,1fr) minmax(30px,.8fr) 64px}.jx-pgr>span:last-child{grid-column:1/-1;text-align:left;margin-top:-4px}}
@media print{
  header.top,#site-footer,#footband,#alertbar,#betabar,#mockbar,#drawer,#ckbar,#sprog,#modal,.pvbar,.admband,.toast,.jx-noprint{display:none!important}
  body{background:#FFFFFF}
  .jx-report{padding:0!important;max-width:none}
  .jx-rk dd{font-size:16px}
  .jx-rt table{font-size:12px}
  @page{margin:14mm}
}
/* ===== รอบ 34: ศูนย์รีวิวโบรกเกอร์ (BrokerHub.html) — การ์ดเด่น VIP · การ์ดโบรกเกอร์ · คะแนนทีม 5 ด้าน · ดาวจากสมาชิก · หน้าต่างรีวิว · ฟอร์มรีวิว · หลังบ้าน ===== */
:root{--star:#E8A317}
.bh-stars{display:inline-flex;gap:2px;vertical-align:middle;flex:none}
.bh-st{width:var(--s);height:var(--s);display:inline-block;background:linear-gradient(90deg,var(--star) var(--f),var(--track) var(--f));clip-path:polygon(50% 3%,61.8% 35.4%,96.2% 36.6%,69.1% 57.8%,78.5% 90.9%,50% 71.5%,21.5% 90.9%,30.9% 57.8%,3.8% 36.6%,38.2% 35.4%)}
.bh-stats{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:16px;font-size:14.5px;color:var(--text3)}
.bh-stats a{color:var(--link);font-weight:500}
.bh-fwrap{padding-bottom:28px}
.bh-feat{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);padding:0;overflow:hidden;border-color:color-mix(in srgb,var(--brand) 40%,var(--border))}
.bh-fl{padding:28px;display:flex;flex-direction:column;gap:16px;min-width:0}
.bh-fr{padding:28px;display:flex;flex-direction:column;gap:22px;justify-content:space-between;background:var(--surface2);border-left:1px solid var(--border);min-width:0}
.bh-feat>.skel{margin:24px}
.bh-vip{display:flex;flex-direction:column;gap:12px}.bh-vip .h3{font-size:18px;line-height:1.4;margin:0}.bh-vip .body{margin:0;font-size:15px;color:var(--text2)}
.bh-viptag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 12px 4px 10px;border-radius:999px;background:var(--navon);color:var(--link);font-size:13px;font-weight:600}
.bh-viplist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.55;color:var(--text)}.bh-viplist li{display:flex;gap:10px;align-items:flex-start}
.bh-fbtns{display:flex;gap:10px;flex-wrap:wrap}
.bh-note{margin:0;font-size:15.5px;line-height:1.7;color:var(--text2);max-width:62ch}
.bh-tnote{margin:10px 0 0;font-size:13.5px;line-height:1.65;color:var(--text2)}
.bh-disc{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--text3);max-width:900px}.bh-disc svg{margin-top:2px}
.bh-top{display:flex;align-items:center;gap:14px;min-width:0}
.bh-id{display:flex;flex-direction:column;gap:3px;min-width:0}
.bh-nm{font-size:19px;margin:0;line-height:1.3;overflow-wrap:anywhere}
.bh-rank{font-size:13px;color:var(--text3)}.bh-rank .num{color:var(--text);font-weight:600}
/* รอบ 35: คะแนนทีมเป็นดาว (คะแนน ÷ 20) · ดาวสมาชิกเป็นบรรทัดเล็ก · การ์ดแบบ Minimal */
.bh-ts{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}.bh-ts>b{font-size:20px;font-weight:650;line-height:1.2;color:var(--text)}.bh-ts>.lbl{font-size:13px}
.bh-ts.wait>.lbl{font-size:14px;font-weight:600;color:var(--text3)}
.bh-ml{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:13.5px;color:var(--text3)}.bh-ml>b{color:var(--text);font-weight:600}.bh-ml.lbl{font-size:13px}
.bh-fsc{display:flex;flex-direction:column;gap:6px}.bh-fsc .bh-ts>b{font-size:26px}
.bh-min{position:relative;align-items:center;text-align:center;padding:26px 22px 22px;gap:10px}
.bh-tag{position:absolute;left:14px;top:14px;padding:3px 10px;border-radius:8px;background:var(--navon);color:var(--link);font-size:12.5px;font-weight:600;text-align:left}
.bh-mlogo{margin-top:22px;min-height:64px;display:flex;align-items:center;justify-content:center}.bh-mlogo .blogo{width:auto;height:64px}.bh-mlogo .blogo img{width:88px;height:64px}.bh-mlogo .blogo img.sq{width:64px;height:64px;border-radius:14px}
.bh-min .bh-nm{font-size:19px;margin:2px 0 0}.bh-min .bh-ml,.bh-min .bh-ts{justify-content:center}
.bh-min .bh-bars{align-self:stretch;text-align:left;border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
.bh-min .bh-btns{align-self:stretch;margin-top:auto;padding-top:6px}.bh-skel{align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:10px}
.bh-info{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:12px;border:1px solid var(--line)}.bh-info .pcode{margin-top:0}.bh-at{font-size:12.5px;margin-top:2px}
.bh-crit{font-size:13px;line-height:1.6;color:var(--text3)}.bh-mwide{grid-column:1/-1}.bh-mwide .bh-mlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px 24px}
.bh-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.bh-bars li{display:grid;grid-template-columns:minmax(0,9.5em) minmax(0,1fr) 2.2em;gap:10px;align-items:center;font-size:13.5px;color:var(--text2)}
.bh-bars.sm li{font-size:13px;grid-template-columns:minmax(0,10em) minmax(0,1fr) 2.2em}
.bh-bl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bh-bt{display:block;height:6px;border-radius:999px;background:var(--track);overflow:hidden}.bh-bt>span{display:block;height:100%;border-radius:999px;background:var(--brand)}
.bh-bv{text-align:right;color:var(--text);font-weight:600}
.bh-main{padding-bottom:28px}
.bh-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}
.bh-search{position:relative;flex:1 1 260px;max-width:380px}.bh-search>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none}.bh-search .inp{padding-left:42px}
.bh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:16px;margin:0;padding:0}
.bh-card{padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0}
.bh-facts{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;font-size:14px;line-height:1.55}.bh-facts .wide{grid-column:1/-1}.bh-facts dd{margin:2px 0 0}.bh-facts dt{font-size:12.5px}
.bh-meta{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;min-height:28px}.bh-more{font-size:14px;font-weight:500;color:var(--link)}.bh-more:hover{color:var(--linkh)}
.bh-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bh-card .pcode{margin-top:0}
.bh-btns{display:flex;gap:10px;margin-top:auto}.bh-btns>*{flex:1 1 auto;min-width:0}
.bh-empty{grid-column:1/-1}
.bh-checked{margin:14px 0 0;font-size:13.5px}
.bh-method{padding-top:28px;padding-bottom:28px}.bh-method .h2{font-size:28px;margin:0 0 16px}
.bh-mgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;align-items:start}
.bh-mcol{padding:22px;display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.65;color:var(--text2)}.bh-mcol .h3{font-size:18px;margin:0;color:var(--text)}.bh-mcol p{margin:0}
.bh-mh4{margin:6px 0 0;font-size:15px;font-weight:650;color:var(--text)}
.bh-mlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.bh-mlist li{display:flex;flex-direction:column;gap:2px}.bh-mlist b{color:var(--text);font-weight:600}
.bh-mlist.plain li{flex-direction:row;gap:10px}.bh-mlist.plain li::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:var(--brand);margin-top:.7em}
.bh-art{padding:20px;display:flex;flex-direction:column;gap:14px}.bh-art .bh-btns>*{flex:0 1 auto}.bh-art .lbl{margin:0;font-size:13.5px}
/* หน้าต่างรีวิว */
.mdlg.bh-dlg{max-width:780px;gap:20px}.mdlg.bh-dlg .btn{width:auto}
.bh-dh{display:flex;align-items:center;gap:14px;padding-right:48px}.bh-dh .h3{font-size:22px;margin:0}
.bh-sum{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px;padding:18px 20px;border-radius:12px;background:var(--surface2);border:1px solid var(--line)}
.bh-sum1,.bh-sum2{display:flex;flex-direction:column;gap:10px;min-width:0}.bh-sum1>.lbl{font-size:13.5px}
.bh-avg{display:flex;align-items:center;gap:12px}.bh-avg b{font-size:42px;font-weight:650;line-height:1}.bh-avg b.none{color:var(--text3)}
.bh-dist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.bh-dist li{display:grid;grid-template-columns:.8em 14px minmax(0,1fr) 2.6em;gap:6px;align-items:center;font-size:13px;color:var(--text3)}.bh-dist .bh-bt>span{background:var(--star)}.bh-dc{text-align:right}
.bh-sh{font-size:13.5px;font-weight:600;color:var(--text3)}.bh-zero{margin:0;font-size:15px;color:var(--text2)}
.bh-mc{list-style:none;margin:0;padding:10px 0 0;display:flex;flex-direction:column;gap:6px;font-size:13.5px;border-top:1px solid var(--line)}.bh-mc li{display:flex;justify-content:space-between;gap:10px;align-items:center}.bh-mcv{display:inline-flex;gap:6px;align-items:center}
.bh-me:empty{display:none}
.bh-guest,.bh-cta{display:flex;gap:14px 20px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 18px;border-radius:12px;border:1px solid var(--border)}.bh-guest{flex-direction:column;flex-wrap:nowrap;align-items:stretch}
.bh-guest p,.bh-cta p{margin:2px 0 0;font-size:14px}.bh-cta>div:first-child{flex:1 1 260px;min-width:0}
.bh-gbtns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}.mdlg .bh-gbtns .btn{width:100%;min-height:52px}
.bh-minebox{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:12px;border:1px solid var(--border)}.bh-minebox p{margin:0}
.bh-mh{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bh-mrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bh-del{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn.bh-danger{background:var(--neg);border-color:var(--neg);color:var(--surface)}
.bh-lh{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px}.bh-lh .h3{font-size:18px;margin:0}
.bh-sel{min-height:44px;border-radius:10px;border:1px solid var(--ctl);background:var(--surface);color:var(--text);padding:0 12px;font:inherit;font-size:14.5px}
.bh-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.bh-rv{padding:18px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.bh-rv:first-child{padding-top:2px}
.bh-rh{display:flex;gap:12px;align-items:flex-start}.bh-who{flex:1 1 auto;min-width:0;font-size:15px}.bh-who .lbl{font-size:13px}
.bh-av{width:36px;height:36px;border-radius:50%;background:var(--navon);color:var(--link);display:inline-flex;align-items:center;justify-content:center;font-weight:600;flex:none}
.bh-vf{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--okbg);color:var(--pos);font-size:12.5px;font-weight:500;vertical-align:1px;white-space:nowrap}
.bh-mine{margin-left:8px;padding:1px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text3);font-size:12.5px;white-space:nowrap}
.bh-rt{margin:0;font-size:16px;font-weight:600;line-height:1.45;color:var(--text);overflow-wrap:anywhere}
.bh-rb{margin:0;font-size:15px;line-height:1.7;color:var(--text2);white-space:pre-wrap;overflow-wrap:anywhere}
.bh-rc{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.bh-rc li{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);color:var(--text3);font-size:12.5px}.bh-rc b{color:var(--text)}
.bh-ra{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.bh-lnk{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0;border:0;background:none;color:var(--text3);font:inherit;font-size:13.5px;cursor:pointer}.bh-lnk:hover{color:var(--text)}.bh-lnk.on{color:var(--link);font-weight:600}
.bh-none{padding:20px 0;color:var(--text3);font-size:15px}
.bh-repf{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:10px;background:var(--surface2);border:1px solid var(--line)}.bh-repf fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.bh-repf .check{font-size:14.5px}
.bh-dfoot{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:16px}.bh-dfoot p{margin:0;font-size:13px}
.bh-dacts{display:flex;gap:10px;flex-wrap:wrap}.bh-dacts .copied .bh-cpl::after,.bh-dacts [data-done] .bh-cpl::after{content:' ✓'}
/* ฟอร์มรีวิว */
.bh-form{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:12px;border:1px solid var(--border)}.bh-form .h3{font-size:18px;margin:0}.bh-form textarea.inp{min-height:140px;resize:vertical}
.bh-si{border:0;margin:0;padding:0;min-width:0}.bh-si legend{padding:0;margin-bottom:4px;font-weight:600;font-size:15px}.bh-si.opt legend{font-weight:500;font-size:14px;color:var(--text2)}
.bh-sib{display:flex;align-items:center;gap:0}
.bh-sib label{display:inline-flex;padding:4px;border-radius:8px;color:var(--ctl);cursor:pointer}.bh-sib label.on{color:var(--star)}.bh-sib label.on svg{fill:currentColor}.bh-sib label:hover{color:var(--star)}
.bh-sib input:focus-visible+.bh-sic{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.bh-sic{display:inline-flex}
.bh-clr{margin-left:8px;min-height:32px}
.bh-catsf summary{cursor:pointer;color:var(--link);font-weight:500;font-size:14.5px;min-height:40px;display:flex;align-items:center}
.bh-catg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px 16px;padding-top:6px}
.bh-cnt{text-align:right;margin-top:4px;font-size:12.5px}
.bh-anon{align-self:end;font-size:14.5px}
.bh-rules{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:var(--text3)}
.bh-form>p.lbl{margin:0;font-size:13.5px}
/* หลังบ้าน */
.bh-adlist{display:flex;flex-direction:column;gap:12px}.bh-adr .bh-mh .lbl{margin-left:auto}
.bh-pfs{border:0;margin:0;padding:0;min-width:0}.bh-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.mdlg.bh-pdlg{max-width:640px}
@media (max-width:900px){.bh-feat{grid-template-columns:minmax(0,1fr)}.bh-fr{border-left:0;border-top:1px solid var(--border)}}
/* รอบ 40: ป้าย "พาร์ทเนอร์แนะนำ" · ส่วน Axi MCP (เชื่อมบัญชี MT5 กับ Claude) */
.bh-ribbon{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 12px 5px 10px;border-radius:999px;background:var(--pribg);color:var(--prifg);font-size:13px;font-weight:600;line-height:1.3}
/* รอบ 41: Hero พาร์ทเนอร์แนะนำ (หน้า Broker) — พื้นไล่สีอ่อนจากสีแบรนด์ · แผงคะแนนตัวเลขใหญ่ · จุดเด่นแบบเช็กลิสต์ · ข้อควรรู้แยกกล่อง · แถบล่าง VIP + ปุ่ม */
.bh-hero{padding:0;overflow:hidden;position:relative;border-color:color-mix(in srgb,var(--brand) 38%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 8%,var(--surface)) 0%,var(--surface) 46%);box-shadow:0 1px 2px rgba(11,27,63,.04),0 12px 32px -18px color-mix(in srgb,var(--brand) 45%,transparent)}
.bh-hero::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--brand) 30%,transparent))}
.bh-hero>.skel{margin:24px}
.bh-hhead{padding:30px 32px 6px;display:flex;flex-direction:column;gap:18px}
.bh-hid{display:flex;align-items:center;gap:18px;min-width:0}
.bh-hlogo{display:flex;align-items:center;justify-content:center;width:84px;height:84px;flex:none;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border),0 2px 8px -4px rgba(11,27,63,.18)}
.bh-hlogo .blogo{width:64px;height:64px}.bh-hlogo .blogo img{width:64px;height:64px}.bh-hlogo .blogo img.sq{width:60px;height:60px;border-radius:14px}
.bh-hname{margin:0;font-size:34px;line-height:1.15;font-weight:700;letter-spacing:-.01em;color:var(--text)}
.bh-hid .bh-rank{font-size:14px}
.bh-hgrid{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:28px;padding:22px 32px 28px;align-items:start}
.bh-hscore{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.bh-hnum{display:flex;align-items:baseline;gap:6px}.bh-hnum b{font-size:60px;line-height:1;font-weight:700;letter-spacing:-.02em;color:var(--text)}.bh-hnum .lbl{font-size:18px}
.bh-hsl{margin:2px 0 0;display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.5}.bh-hsl b{font-size:15px;color:var(--text)}.bh-hsl span{color:var(--text3)}
.bh-hmem{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px solid var(--border);font-size:14px;color:var(--text2)}.bh-hmem b{color:var(--text)}
.bh-hbars{margin-top:4px}
.bh-hbody{display:flex;flex-direction:column;gap:18px;min-width:0;padding-top:4px}
.bh-hh{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:15px;font-weight:650;color:var(--text)}
.bh-hpros{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;font-size:15.5px;line-height:1.6;color:var(--text)}
.bh-hpros li{display:flex;gap:10px;align-items:flex-start}.bh-hpros svg{flex:none;margin-top:3px}
.bh-hfacts{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.bh-hfacts>div{padding:12px 14px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);min-width:0}.bh-hfacts dt{font-size:13px;color:var(--text3);margin-bottom:2px}.bh-hfacts dd{margin:0;font-size:15px;line-height:1.5;color:var(--text);font-weight:600}
.bh-hcons{padding:14px 16px;border-radius:14px;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--border)}.bh-hcons .bh-hh{color:var(--text2);margin-bottom:6px}
.bh-hcons ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.6;color:var(--text2)}
.bh-hfoot{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding:18px 32px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 70%,transparent)}
.bh-hvip{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1 1 360px;font-size:14.5px;line-height:1.55;color:var(--text2)}.bh-hvip b{color:var(--text)}.bh-hvip p{margin:2px 0 0}.bh-hvip .bh-viplist{margin-top:6px;font-size:14.5px;gap:6px}.bh-hvip .bh-viptag{flex:none}
.bh-hfoot .bh-fbtns{flex:none}.bh-hfoot .btn{min-height:48px;padding:0 24px}
@media (max-width:900px){.bh-hgrid{grid-template-columns:minmax(0,1fr)}.bh-hpros{grid-template-columns:minmax(0,1fr)}}
@media (max-width:639px){.bh-hhead{padding:22px 20px 4px}.bh-hgrid{padding:18px 20px 22px;gap:20px}.bh-hfoot{padding:16px 20px}.bh-hname{font-size:28px}.bh-hlogo{width:68px;height:68px;border-radius:16px}.bh-hlogo .blogo,.bh-hlogo .blogo img{width:52px;height:52px}.bh-hnum b{font-size:50px}.bh-hfoot .bh-fbtns{width:100%}.bh-hfoot .bh-fbtns .btn{flex:1 1 auto}.bh-hvip{flex-direction:column;gap:8px;flex-basis:auto}}
.bh-tag.bh-tagrec{display:inline-flex;align-items:center;gap:5px;background:var(--pribg);color:var(--prifg)}
.bh-rec{border-color:color-mix(in srgb,var(--brand) 45%,var(--border))}
.bh-mcp{padding-bottom:28px}
.bh-mcpc{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding:0;overflow:hidden}
.bh-mcpl{padding:30px 32px;display:flex;flex-direction:column;gap:14px;min-width:0}
.bh-mcpr{padding:30px 32px;background:var(--surface2);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:16px;min-width:0}
.bh-mcpk{margin:0;font-size:13.5px;font-weight:600;color:var(--link)}
.bh-mcph{margin:0;font-size:clamp(22px,2.2vw,28px);line-height:1.32}
.bh-mcpd{margin:0;font-size:16px;line-height:1.7;color:var(--text2);max-width:60ch}
.bh-mcpf{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.bh-mcpf li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.6;color:var(--text)}
.bh-mcpf svg{flex:none;margin-top:2px}
.bh-mcpl .bh-fbtns{margin-top:4px}
.bh-mcpr .h3{margin:0;font-size:17px}
.bh-mcps{list-style:none;counter-reset:mcp;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.bh-mcps li{counter-increment:mcp;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:start}
.bh-mcps li::before{content:counter(mcp);grid-row:1/span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:600;background:var(--surface);border:1px solid var(--border);color:var(--text)}
.bh-mcps b{font-size:15px;line-height:1.5;color:var(--text)}
.bh-mcps span{font-size:14px;line-height:1.65;color:var(--text2);overflow-wrap:anywhere}
.bh-mcpu{font-size:13px;padding:2px 6px;border-radius:6px;background:var(--surface);border:1px solid var(--border);color:var(--text)}
.bh-mcpcp{display:inline-grid;place-items:center;width:30px;height:30px;margin-left:4px;vertical-align:middle;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer}
.bh-mcpcp:hover{color:var(--link)}.bh-mcpcp:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.bh-mcpn{margin:auto 0 0;font-size:13px;line-height:1.6;color:var(--text3)}
.bh-mcpw{grid-column:1/-1;margin:0;display:flex;gap:10px;align-items:flex-start;padding:14px 32px;border-top:1px solid var(--border);font-size:13.5px;line-height:1.65;color:var(--text2)}
.bh-mcpw svg{flex:none;margin-top:3px;color:var(--warn)}
@media (max-width:900px){.bh-mcpc{grid-template-columns:minmax(0,1fr)}.bh-mcpr{border-left:0;border-top:1px solid var(--border)}.bh-mcpl,.bh-mcpr{padding:22px 20px}.bh-mcpw{padding:14px 20px}}

@media (max-width:639px){.bh-fl,.bh-fr{padding:20px}.bh-sum{grid-template-columns:minmax(0,1fr);padding:16px}.bh-avg b{font-size:36px}.mdlg.bh-dlg{gap:16px}.bh-search{max-width:none}.bh-bar .segs{width:100%}.bh-bar .seg{flex:1 1 auto;padding:0 10px}.bh-dh .h3{font-size:19px}.bh-tsv.big b{font-size:30px}}
@media (max-width:400px){.bh-card{padding:18px}.bh-btns{gap:8px}.bh-btns .btn-sm{padding:0 12px}}
@media print{.bh-bar,.bh-btns,.bh-fbtns{display:none}}
.bh-tabn{margin-left:6px;color:var(--text3)}.bh-pf{font-size:13px}.bh-pf b{color:var(--text);font-weight:600}
/* ---------- รอบ 37: Trading Journal โฉมใหม่ (.kj · ระบบดีไซน์ KuyTrade Journal: แถบเมนูข้าง · แผงเส้นบาง · ตัวเลข Mono) ----------
 * สีทั้งหมดเป็นตัวแปร --k-* (โหมดมืดตั้งเองใน tools/dark_manual.css ไม่ผ่านตัวแปลงอัตโนมัติ) · ตัวแปรสีของเว็บใน .kj ชี้มาที่ชุดนี้ หน้าเดิม (ตั้งค่า · Sentiment · แชร์ · รายงาน) จึงกลืนกับดีไซน์ใหม่ */
.kj{--k-bg:#FFFFFF;--k-sub:#FAFAFB;--k-hover:#F3F4F7;--k-line:#E7E9EE;--k-line2:#F1F2F5;--k-ink:#0A0D14;--k-ink2:#434B5B;--k-ink3:#6B7385;
  --k-acc:#1660F5;--k-acc2:#0F4FD1;--k-accw:#EEF3FF;--k-onacc:#FFFFFF;--k-up:#0A875B;--k-upf:#0E9F6E;--k-upw:#E9F7F1;--k-uptx:#07704B;
  --k-dn:#D3363C;--k-dnf:#E5484D;--k-dnw:#FDEEEF;--k-dntx:#B42328;--k-warn:#9A6206;--k-warnw:#FDF6E8;--k-warntx:#8A5705;
  --k-scrim:rgba(10,13,20,.32);--k-pop:0 10px 32px rgba(10,13,20,.12),0 1px 3px rgba(10,13,20,.06);--k-ring:rgba(10,13,20,.08);--k-glass:rgba(255,255,255,.9);
  --k-ui:'Geist','IBM Plex Sans Thai','Noto Sans Thai',var(--fx),system-ui,sans-serif;--k-num:'Geist Mono','Geist',ui-monospace,SFMono-Regular,Menlo,monospace;--k-r:10px;--k-side:232px;--k-hd:76px;
  --bg:var(--k-bg);--surface:var(--k-bg);--surface2:var(--k-sub);--hover:var(--k-hover);--track:var(--k-line2);--line:var(--k-line2);--border:var(--k-line);--ctl:var(--k-line);--text:var(--k-ink);--text2:var(--k-ink2);--text3:var(--k-ink3);--mute:var(--k-ink3);
  --link:var(--k-acc);--linkh:var(--k-acc2);--navon:var(--k-accw);--pos:var(--k-up);--neg:var(--k-dn);--okbg:var(--k-upw);--oktx:var(--k-uptx);--negbg:var(--k-dnw);--negtx:var(--k-dntx);--tagbg:var(--k-warnw);--tagtx:var(--k-warntx);--warn:var(--k-warn);--cardsh:none;
  background:var(--k-bg);color:var(--k-ink);font-family:var(--k-ui);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
@media (max-width:639px){.kj{--k-hd:68px}}
main.w-kj{padding:0}
.kj :focus-visible{outline:2px solid var(--k-acc);outline-offset:2px}
.kj .k-num{font-family:var(--k-num);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.kj .k-cap{font-size:12px;color:var(--k-ink3);line-height:1.5}
.kj .k-up{color:var(--k-up)}.kj .k-dn{color:var(--k-dn)}.kj .k-warn{color:var(--k-warn)}.kj .k-mute{color:var(--k-ink3)}
.kj .k-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.kj .k-between{justify-content:space-between}.kj .k-sp{flex:1}
.kj .k-lnk{color:var(--k-acc);text-decoration:none;font-weight:500}.kj .k-lnk:hover{text-decoration:underline}
/* โครงแอป */
.kj .k-app{display:grid;grid-template-columns:var(--k-side) minmax(0,1fr);min-height:calc(100vh - var(--k-hd));background:linear-gradient(to right,var(--k-sub) calc(var(--k-side) - 1px),var(--k-line) calc(var(--k-side) - 1px),var(--k-line) var(--k-side),var(--k-bg) var(--k-side))}
.kj .k-side{position:sticky;top:var(--k-hd);height:calc(100vh - var(--k-hd));background:var(--k-sub);border-right:1px solid var(--k-line);align-self:start}
.kj .k-sidein{height:100%;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:4px;padding:16px 12px;scrollbar-width:thin}
.kj .k-brand{display:flex;align-items:center;gap:10px;padding:2px 8px 14px;font-weight:600;font-size:14.5px;color:var(--k-ink);text-decoration:none;min-height:44px}
.kj .k-brand b{font-weight:400;color:var(--k-ink2)}
.kj .k-mark{width:28px;height:28px;border-radius:8px;background:var(--k-ink);color:var(--k-bg);display:grid;place-items:center;flex:none}
.kj .k-nav{display:flex;flex-direction:column;gap:2px}
.kj .k-nl{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 10px;border-radius:8px;color:var(--k-ink2);font-weight:500;text-decoration:none;font-size:14px}
.kj .k-nl:hover{background:var(--k-hover);color:var(--k-ink)}
.kj .k-nl.on{background:var(--k-bg);color:var(--k-ink);box-shadow:0 0 0 1px var(--k-line),0 1px 2px var(--k-ring)}
.kj .k-nl svg{width:17px;height:17px;flex:none}
.kj .k-sfoot{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:12px}
.kj .k-acct{border:1px solid var(--k-line);border-radius:var(--k-r);background:var(--k-bg);padding:8px 12px 10px;display:flex;flex-direction:column;gap:6px}
.kj .k-acct-u{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--k-ink);min-height:40px}
.kj .k-acct-n{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.kj .k-acct-n b{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kj .k-acct-a{display:flex;justify-content:space-between;gap:8px;font-size:12px;border-top:1px solid var(--k-line2);padding-top:6px}
.kj .k-disc{margin:0;padding:0 4px}
.kj .k-main{min-width:0;display:flex;flex-direction:column}
.kj .k-head{position:sticky;top:var(--k-hd);z-index:20;background:var(--k-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--k-line)}
.kj .k-head-in{display:flex;align-items:center;gap:10px 16px;padding:14px 28px;flex-wrap:wrap;max-width:1480px;width:100%;margin:0 auto}
.kj .k-ttl{display:flex;flex-direction:column;min-width:0}
.kj .k-crumb{font-size:12px;color:var(--k-ink3);font-weight:500}
.kj .k-ttl h1{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:0;line-height:1.3;color:var(--k-ink)}
.kj .k-sync{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--k-ink3)}
.kj .k-dot{width:7px;height:7px;border-radius:50%;background:var(--k-upf);flex:none}.kj .k-dot.acc{background:var(--k-acc)}.kj .k-dot.warn{background:var(--k-warn)}.kj .k-dot.off{background:var(--k-ink3)}
.kj .k-hact{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.kj .k-bnr{max-width:1480px;width:100%;margin:0 auto;padding:16px 28px 0}
.kj .k-note{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 14px;border-radius:var(--k-r);font-size:13.5px;background:var(--k-sub);border:1px solid var(--k-line);color:var(--k-ink2);margin:0}
.kj .k-note>span:not([class]){flex:1 1 260px}
.kj .k-note.warn{background:var(--k-warnw);border-color:var(--k-line);color:var(--k-warntx)}
.kj .k-note.k-demo{background:var(--k-accw);color:var(--k-ink2)}
.kj .k-page{max-width:1480px;width:100%;margin:0 auto;padding:22px 28px 48px;display:flex;flex-direction:column;gap:20px}
.kj .k-main .wrap{max-width:1480px;padding-left:28px;padding-right:28px}
.kj .k-bnav{display:none}
/* ปุ่ม · ตัวเลือก */
.kj .kb{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--k-line);background:var(--k-bg);color:var(--k-ink);cursor:pointer;font:inherit;font-weight:500;font-size:13px;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s,opacity .15s}
.kj .kb:hover{background:var(--k-hover)}.kj .kb:disabled{opacity:.45;cursor:not-allowed}.kj .kb[aria-busy=true]{opacity:.6;pointer-events:none}
.kj .kb svg{width:15px;height:15px;flex:none}
.kj .kb.pri{background:var(--k-ink);border-color:var(--k-ink);color:var(--k-bg)}.kj .kb.pri:hover{opacity:.88}
.kj .kb.acc{background:var(--k-acc);border-color:var(--k-acc);color:var(--k-onacc)}.kj .kb.acc:hover{background:var(--k-acc2)}
.kj .kb.ghost{border-color:transparent;background:transparent;color:var(--k-ink2)}.kj .kb.ghost:hover{background:var(--k-hover);color:var(--k-ink)}
.kj .kb.sm{min-height:30px;padding:0 10px;font-size:12.5px;border-radius:7px}
.kj .kb.k-ico{width:32px;padding:0}
.kj .k-seg{display:inline-flex;padding:2px;border-radius:9px;background:var(--k-hover);gap:2px;flex-wrap:wrap}
.kj .k-seg button{border:0;background:transparent;padding:4px 10px;font:inherit;font-size:12.5px;border-radius:7px;cursor:pointer;color:var(--k-ink2);font-weight:500;min-height:30px}
.kj .k-seg button.on{background:var(--k-bg);color:var(--k-ink);box-shadow:0 1px 2px var(--k-ring),0 0 0 1px var(--k-line)}
.kj .k-chips{display:flex;gap:6px;flex-wrap:wrap}
.kj .k-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--k-line);background:var(--k-bg);font:inherit;font-size:12.5px;cursor:pointer;white-space:nowrap;color:var(--k-ink2)}
.kj .k-chip:hover{border-color:var(--k-ink3)}.kj .k-chip.on{background:var(--k-ink);border-color:var(--k-ink);color:var(--k-bg)}
.kj .k-sel,.kj .k-inp{height:34px;border:1px solid var(--k-line);border-radius:8px;background:var(--k-bg);color:var(--k-ink);padding:0 10px;font:inherit;font-size:13px;min-width:0;max-width:100%}
.kj .k-inp{width:100%}.kj .k-sel.on{border-color:var(--k-ink2);font-weight:500}
.kj .k-sel:focus,.kj .k-inp:focus{outline:none;border-color:var(--k-acc);box-shadow:0 0 0 3px var(--k-accw)}
.kj .k-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.kj .k-dates{display:inline-flex;gap:6px;align-items:center}
.kj .k-fsel{display:contents}.kj .k-ftog{display:none}
.kj .k-info{border:0;background:none;color:var(--k-ink3);cursor:help;padding:0;width:20px;height:20px;display:inline-grid;place-items:center;vertical-align:middle;border-radius:6px;flex:none}
.kj .k-info svg{width:13px;height:13px}.kj .k-info:hover,.kj .k-info[aria-expanded=true]{color:var(--k-acc)}
.kj .k-tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:500;white-space:nowrap;background:var(--k-hover);color:var(--k-ink2);vertical-align:middle}
.kj .k-tag.warn{background:var(--k-warnw);color:var(--k-warntx)}.kj .k-tag.dn{background:var(--k-dnw);color:var(--k-dntx)}.kj .k-tag.up{background:var(--k-upw);color:var(--k-uptx)}
.kj .k-bs{display:inline-block;font-family:var(--k-num);font-size:11px;font-weight:600;padding:2px 6px;border-radius:5px;line-height:1.4}
.kj .k-bs.b{background:var(--k-upw);color:var(--k-uptx)}.kj .k-bs.s{background:var(--k-dnw);color:var(--k-dntx)}
.kj .k-pnl{display:inline-flex;align-items:center;gap:3px;font-family:var(--k-num);font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap;letter-spacing:-.02em}
.kj .k-pnl svg{width:8px;height:8px;flex:none}
.kj .k-empty{padding:36px 16px;text-align:center;color:var(--k-ink3);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13.5px}
.kj .k-empty svg{width:34px;height:34px;color:var(--k-line)}
.kj .k-foot{margin:0}
/* แผง · กริด */
.kj .k-panel{border:1px solid var(--k-line);border-radius:var(--k-r);background:var(--k-bg);min-width:0}
.kj .k-ph{display:flex;align-items:center;gap:8px 12px;justify-content:space-between;padding:14px 16px 0;flex-wrap:wrap}
.kj .k-ph h2{font-size:14.5px;font-weight:600;margin:0;display:flex;align-items:center;gap:4px;color:var(--k-ink);line-height:1.4}
.kj .k-pb{padding:14px 16px 16px}
.kj .k-flush{overflow:hidden}.kj .k-flush .k-pb{padding:0}
.kj .k-grid{display:grid;gap:20px}.kj .g2{grid-template-columns:repeat(2,minmax(0,1fr))}.kj .g73{grid-template-columns:minmax(0,7fr) minmax(0,3fr)}.kj .g64{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.kj .k-hero{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));border:1px solid var(--k-line);border-radius:var(--k-r)}
.kj .k-hero>div{padding:18px 20px;border-left:1px solid var(--k-line);display:flex;flex-direction:column;gap:6px;min-width:0}
.kj .k-hero>div:first-child{border-left:0}
.kj .k-eb{font-size:12.5px;color:var(--k-ink3);font-weight:500;display:flex;align-items:center;gap:2px}
.kj .k-big{font-family:var(--k-num);font-size:32px;font-weight:500;letter-spacing:-.04em;line-height:1.1;white-space:nowrap}
.kj .k-mid{font-family:var(--k-num);font-size:21px;font-weight:500;letter-spacing:-.03em;white-space:nowrap;line-height:1.25}
.kj .k-mid small{font-size:13px;margin-left:2px}
.kj .k-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--k-line);border-radius:var(--k-r)}
.kj .k-stats>div{padding:14px 16px;border-left:1px solid var(--k-line);display:flex;flex-direction:column;gap:4px;min-width:0}
.kj .k-stats>div:first-child{border-left:0}
.kj .k-stats .k-cap:first-child,.kj .k-kv .k-cap{display:flex;align-items:center;gap:2px}
.kj .k-v{font-family:var(--k-num);font-size:17px;font-weight:500;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kj .k-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px 20px}
.kj .k-kv>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.kj .k-kv b{font-family:var(--k-num);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.02em;font-size:14px}
/* กราฟ */
.kj .k-chart{display:grid;grid-template-columns:52px minmax(0,1fr)}
.kj .k-yl{position:relative}
.kj .k-yl span{position:absolute;right:8px;transform:translateY(-50%);font-family:var(--k-num);font-size:11px;color:var(--k-ink3);white-space:nowrap}
.kj .k-plot{position:relative;grid-column:2;touch-action:pan-y}
.kj .k-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.kj .k-xl{grid-column:2;position:relative;height:22px}
.kj .k-xl span{position:absolute;top:5px;transform:translateX(-50%);font-family:var(--k-num);font-size:11px;color:var(--k-ink3);white-space:nowrap}
.kj .k-g{stroke:var(--k-line2);stroke-width:1}.kj .k-g0{stroke:var(--k-line);stroke-width:1}
.kj .k-area{fill:var(--k-acc);fill-opacity:.08}.kj .k-line{fill:none;stroke:var(--k-acc);stroke-width:2;stroke-linejoin:round}
.kj .k-area-dn{fill:var(--k-dnf);fill-opacity:.14}.kj .k-line-dn{fill:none;stroke:var(--k-dnf);stroke-width:1.5}
.kj .k-bar-up{fill:var(--k-upf)}.kj .k-bar-dn{fill:var(--k-dnf)}
.kj .k-dot2{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;border:1.5px solid var(--k-acc);background:var(--k-bg);padding:0;cursor:pointer;z-index:1}
.kj .k-dot2:hover,.kj .k-dot2:focus-visible{background:var(--k-acc);transform:scale(1.4)}
.kj .k-cross i{position:absolute;top:0;bottom:0;width:1px;background:var(--k-ink3);opacity:.45;pointer-events:none}
.kj .k-cross em{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--k-acc);border:2px solid var(--k-bg);pointer-events:none;z-index:2}
.kj .k-cross b{position:absolute;background:var(--k-ink);color:var(--k-bg);font-weight:500;font-size:12px;padding:5px 9px;border-radius:7px;white-space:nowrap;pointer-events:none;font-family:var(--k-num);z-index:3;letter-spacing:-.01em}
.kj .k-ddh{display:flex;justify-content:space-between;gap:8px;margin:14px 0 6px}
/* เป้าหมาย · ปฏิทิน · ข้อสังเกต · เทรดล่าสุด */
.kj .k-goals{display:flex;flex-direction:column;gap:14px}
.kj .k-goal{display:flex;gap:12px;align-items:center}
.kj .k-ring{--p:0;--c:var(--k-ink);width:54px;height:54px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),var(--k-line2) 0);display:grid;place-items:center;flex:none}
.kj .k-ring.up{--c:var(--k-upf)}.kj .k-ring.dn{--c:var(--k-dnf)}.kj .k-ring.warn{--c:var(--k-warn)}.kj .k-ring.ink{--c:var(--k-ink)}
.kj .k-ring>span{width:44px;height:44px;border-radius:50%;background:var(--k-bg);display:grid;place-items:center;font-family:var(--k-num);font-size:11px;font-weight:500}
.kj .k-goal-t{display:flex;flex-direction:column;min-width:0}
.kj .k-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.kj .k-cdh{font-size:11px;color:var(--k-ink3);text-align:center;padding-bottom:2px}
.kj .k-d{min-height:52px;border-radius:7px;border:1px solid var(--k-line2);padding:5px 6px;font:inherit;font-size:11px;display:flex;flex-direction:column;justify-content:space-between;background:var(--k-bg);text-align:left;color:var(--k-ink);min-width:0}
.kj button.k-d{cursor:pointer}.kj button.k-d:hover{border-color:var(--k-ink3)}
.kj .k-d.pos{background:color-mix(in srgb,var(--k-upf) var(--a,10%),var(--k-bg))}.kj .k-d.neg{background:color-mix(in srgb,var(--k-dnf) var(--a,10%),var(--k-bg))}
.kj .k-d.today{border-color:var(--k-ink)}.kj .k-de{visibility:hidden}
.kj .k-dn0{color:var(--k-ink3);display:flex;justify-content:space-between;align-items:center;gap:2px}
.kj .k-sd{width:5px;height:5px;border-radius:50%;background:var(--k-acc);display:inline-block}
.kj .k-dp{font-family:var(--k-num);font-weight:500;text-align:right;font-size:11px;letter-spacing:-.03em;white-space:nowrap;overflow:hidden}
.kj .k-d.pos .k-dp{color:var(--k-up)}.kj .k-d.neg .k-dp{color:var(--k-dn)}
.kj .k-calm{min-width:84px;text-align:center;font-size:13px}
.kj .k-ins>div{display:grid;grid-template-columns:8px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--k-line2);font-size:13.5px;color:var(--k-ink2);align-items:start}
.kj .k-ins>div:first-child{padding-top:0}.kj .k-ins>div:last-child{border-bottom:0;padding-bottom:0}
.kj .k-ins i{width:7px;height:7px;border-radius:50%;margin-top:8px;background:var(--k-ink3)}.kj .k-ins i.bad{background:var(--k-dnf)}.kj .k-ins i.warn{background:var(--k-warn)}.kj .k-ins i.ok{background:var(--k-upf)}
.kj .k-rec{display:flex;flex-direction:column}
.kj .k-recr{display:grid;grid-template-columns:86px 46px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:44px;padding:6px 4px;border:0;border-top:1px solid var(--k-line2);background:none;font:inherit;color:var(--k-ink);text-align:left;cursor:pointer;border-radius:0}
.kj .k-recr:first-child{border-top:0}.kj .k-recr:hover{background:var(--k-sub)}
.kj .k-recn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ตารางเทรด */
.kj .k-logbar{gap:10px}.kj .k-q{width:220px}
@media (max-width:760px){.kj .k-q{width:100%}}
.kj .k-colpick .k-pb{padding:14px 16px}
.kj .k-vlog{overflow:auto;height:min(68vh,760px);position:relative;outline-offset:-2px;overscroll-behavior:contain}
.kj .k-vrow{display:grid;align-items:center;height:40px;border-bottom:1px solid var(--k-line2);font-size:13px;cursor:pointer;min-width:max-content;position:absolute;left:0;right:0}
.kj .k-vrow>div{padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kj .k-vrow>div.r{text-align:right}
.kj .k-vrow:hover{background:var(--k-sub)}.kj .k-vrow.sel{background:var(--k-accw)}.kj .k-vrow.cur{box-shadow:inset 3px 0 0 var(--k-acc)}
.kj .k-vhead{position:sticky;top:0;z-index:2;background:var(--k-bg);cursor:default;font-size:12px;color:var(--k-ink3);height:38px;border-bottom:1px solid var(--k-line)}
.kj .k-vhead>div{padding:0 2px}
.kj .k-vhead button{border:0;background:none;font:inherit;color:inherit;cursor:pointer;padding:0 10px;height:36px;width:100%;text-align:inherit;font-weight:500;white-space:nowrap}
.kj .k-vhead button:hover{color:var(--k-ink)}
/* ลิ้นชักรายละเอียดเทรด */
.kj .k-scrim{position:fixed;inset:0;background:var(--k-scrim);z-index:60}
.kj .k-drawer{position:fixed;top:0;right:0;bottom:0;width:min(980px,100%);background:var(--k-bg);z-index:61;box-shadow:var(--k-pop);display:flex;flex-direction:column;border-left:1px solid var(--k-line);padding-top:env(safe-area-inset-top,0px);animation:kjin .22s cubic-bezier(.2,.8,.2,1)}
@keyframes kjin{from{transform:translateX(28px);opacity:.3}to{transform:none;opacity:1}}
.kj .k-dh{padding:12px 20px;border-bottom:1px solid var(--k-line);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.kj .k-dsym{font-size:16px}
.kj .k-db{overflow:auto;padding:20px;display:flex;flex-direction:column;gap:20px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
.kj .k-lvbox{border:1px solid var(--k-line);border-radius:var(--k-r);padding:12px 14px;background:var(--k-sub)}
.kj .k-lvs{width:100%;height:auto;display:block;max-height:230px}
.kj .k-lvs line,.kj .k-lvs path{stroke-width:2;fill:none}.kj .k-lvs .k-path{stroke-width:2.5}.kj .k-dash{stroke-dasharray:6 5}
.kj .k-lv-e{stroke:var(--k-acc)}.kj .k-lv-up{stroke:var(--k-upf)}.kj .k-lv-dn{stroke:var(--k-dnf)}
.kj .k-lvs circle.k-pt{stroke:var(--k-sub);stroke-width:2.5}.kj circle.k-lv-e{fill:var(--k-acc)}.kj circle.k-lv-up{fill:var(--k-upf)}.kj circle.k-lv-dn{fill:var(--k-dnf)}
.kj .k-lvt{font-family:var(--k-num);font-size:12px;fill:var(--k-ink3)}.kj .k-lvv{fill:var(--k-ink)}
.kj .k-legend{display:flex;gap:14px;font-size:12px;color:var(--k-ink3);flex-wrap:wrap;margin-top:6px}
.kj .k-legend i{display:inline-block;width:12px;height:2px;border-radius:2px;margin-right:6px;vertical-align:middle;background:var(--k-ink3)}
.kj .k-legend i.e{background:var(--k-acc)}.kj .k-legend i.up{background:var(--k-upf)}.kj .k-legend i.dn{background:var(--k-dnf)}
.kj .k-dcols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}
.kj.kj .k-dform .jedit{position:static;max-height:none;box-shadow:none;max-width:none;padding:16px;flex:none;border:1px solid var(--k-line);border-radius:var(--k-r);gap:14px}
.kj .k-dfh{font-size:14.5px;margin:0;font-weight:600}
.kj .k-dshare{display:flex;flex-direction:column;gap:12px;border:1px solid var(--k-line);border-radius:var(--k-r);padding:16px}
.kj .k-dshare h3{font-size:14.5px;margin:0;font-weight:600}
.kj.kj .k-dshare .jx-tsh{border:0;padding:0;box-shadow:none;background:none}.kj .k-dshare .jx-tsh h3,.kj .k-dshare [data-jx^="tcard:"]{display:none}
.kj.kj .jx-shtop{display:block}.kj.kj .jx-shtop .sub{font-size:14.5px;color:var(--k-ink2);max-width:860px}
/* ---------- รอบ 100B: แชร์ผลงาน — ส่วนที่แสดง · พอร์ต · สาธารณะ/ส่วนตัว · CRM ของลิงก์ · หน้าสาธารณะแบบแท็บ · หน้าขอรหัส/ขอสิทธิ์ (สีจากตัวแปร --k-* ทั้งหมด → ธีมมืดตามเอง) ---------- */
.kj .jx-secs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px}
.kj .jx-acs{display:flex;flex-direction:column;gap:8px}
.kj .jx-acr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center}.kj .jx-acr .inp{width:100%;min-height:44px}
.kj .jx-acr .jx-ck:only-child{grid-column:1/-1}
.kj .jx-vis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
.kj .jx-ck .jx-ckt{display:inline-flex;flex-direction:row;align-items:center;gap:6px}
.kj .jx-vis input:disabled+span{opacity:.55}.kj .jx-vis .jx-ck:has(input:disabled){cursor:not-allowed}
.kj .jx-ck:has(input:checked){border-color:var(--k-acc);background:var(--k-accw)}
.kj .jx-keyst{display:flex;gap:8px 10px;align-items:center;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--k-line);border-radius:var(--k-r);background:var(--k-sub);font-size:13.5px;color:var(--k-ink2)}.kj .jx-keyst span{flex:1 1 200px}
.kj .jx-shst{display:flex;gap:4px 14px;flex-wrap:wrap;margin-top:6px;font-size:12.5px;color:var(--k-ink3)}.kj .jx-shst b{color:var(--k-ink);font-weight:600}
.kj .jx-pend{color:var(--k-warntx)}.kj .jx-pend b{color:inherit}
.kj .jx-pendbar span{flex:1 1 220px}
.kj .jx-sd{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0}      /* .wrap มี margin:auto → ไม่ยืดตามคอลัมน์เอง · ตารางในกล่องเลื่อนไม่ดันหน้าให้กว้าง */
.kj .jx-sdh{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.kj .jx-sdh>.kb{margin-left:-10px}
.kj .jx-sdt{display:flex;gap:6px 10px;align-items:center;flex-wrap:wrap;min-width:0}.kj .jx-sdt .h3{margin:0;font-size:19px;overflow-wrap:anywhere}
.kj .jx-sdl{max-width:880px}
.kj .jx-tabs{display:flex;gap:2px;border-bottom:1px solid var(--k-line);overflow-x:auto;scrollbar-width:none}.kj .jx-tabs::-webkit-scrollbar{display:none}
.kj .jx-tabs button{border:0;background:none;font:inherit;font-size:14px;font-weight:500;color:var(--k-ink3);padding:0 14px;min-height:44px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.kj .jx-tabs button:hover{color:var(--k-ink)}.kj .jx-tabs button.on{color:var(--k-ink);border-bottom-color:var(--k-acc)}
.kj .jx-cnt{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--k-warnw);color:var(--k-warntx);font-size:11.5px;font-weight:600}
.kj .jx-sdp{display:flex;flex-direction:column;gap:16px;min-width:0}
.kj .jx-sdp>.jx-shf{max-width:880px}
.kj .jx-cst{grid-template-columns:repeat(6,minmax(0,1fr))}.kj .jx-cst>div{gap:2px}.kj .jx-cst .k-cap:last-child{white-space:normal}
.kj .k-fill.acc{background:var(--k-acc)}
.kj .jx-hb{grid-template-columns:minmax(90px,170px) minmax(0,1fr) auto}.kj .jx-hb .r small{font-size:11.5px}
.kj .jx-dchart{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;height:160px}
.kj .jx-dchart .jx-cy{height:160px}.kj .jx-dchart svg{display:block;width:100%;height:160px;overflow:visible}
.kj .jx-dchart+.xlab{margin:6px 0 0 48px}
.kj .jx-cbar{fill:var(--k-acc)}.kj .jx-cbar:hover{fill:var(--k-acc2)}
.kj .jx-trf{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.3fr) minmax(0,1.3fr) auto;gap:12px;align-items:end}.kj .jx-trf .inp{width:100%}
.kj .jx-trgo .btn{min-height:44px;white-space:nowrap}
.kj .jx-trt{position:relative}.kj .jx-trt td{vertical-align:top}.kj .jx-trc{word-break:break-all;white-space:normal;max-width:300px}
.kj .jx-acl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.kj .jx-acl>li{display:flex;gap:10px 16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--k-line2)}.kj .jx-acl>li:first-child{border-top:0;padding-top:0}
.kj .jx-acw{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 260px}
.kj .jx-acm{display:block;margin-top:4px;padding:8px 10px;border-radius:8px;background:var(--k-sub);color:var(--k-ink2);font-size:13.5px;quotes:none;overflow-wrap:anywhere}
.kj .jx-acpast summary{cursor:pointer;list-style:none;padding-bottom:14px}.kj .jx-acpast summary::-webkit-details-marker{display:none}
/* หน้าสาธารณะ */
.kj .jx-vrow{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.kj .jx-prvb{gap:4px;height:28px;padding:0 10px;font-size:12.5px}
.kj .jx-ownbar{margin-top:14px;max-width:900px}.kj .jx-ownbar span{flex:1 1 260px}
.kj .jx-pfbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.kj .jx-pf1:not(:has(.jx-pf1n)):not(:has(.jx-gift-slot:not(:empty))){display:none}
.kj .jx-pf1n{font-size:15px}
.kj .jx-pfs{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.kj .jx-pfs .k-chip{min-height:40px;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.25;padding:4px 14px;border-radius:12px}
.kj .jx-pfs .k-chip small{font-size:11px;opacity:.75}
.kj .jx-gift-slot:empty{display:none}
.kj .jx-ptabs{margin-bottom:16px}
.kj .jx-ppanel{min-width:0}
@media (min-width:1024px){.kj .jx-ppanel .jx-pcols>.jx-pg:only-child .jx-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}.kj .jx-ppanel .jx-pcols>.jx-pg:only-child .jx-dl>div:nth-child(2){border-top:0}}.kj .jx-ppanel:focus-visible{outline-offset:6px}
.kj .jx-dist{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:end;height:150px;padding-top:4px}
.kj .jx-dcol{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%;min-width:0}
.kj .jx-dcol i{display:block;width:100%;max-width:44px;border-radius:4px 4px 0 0;background:var(--posfill)}.kj .jx-dcol i.dn{background:var(--neg)}
.kj .jx-dcol small{font-size:10.5px;color:var(--k-ink3);white-space:nowrap;text-align:center}
.kj .jx-gatec{padding:28px;gap:14px;align-items:stretch}
.kj .jx-gatei{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--k-warnw);color:var(--k-warntx)}
.kj .jx-gateh{font-size:22px;margin:0;overflow-wrap:anywhere}
.kj .jx-keyf,.kj .jx-reqf{display:flex;flex-direction:column;gap:8px}
.kj .jx-keyr{display:flex;gap:8px}.kj .jx-keyr .inp{flex:1;min-width:0;min-height:48px}.kj .jx-keyr .btn{min-height:48px}
.kj .jx-reqf textarea{width:100%;resize:vertical}.kj .jx-reqf .btn{align-self:flex-start}
.kj .jx-or{display:flex;align-items:center;gap:12px;color:var(--k-ink3);font-size:13px}.kj .jx-or::before,.kj .jx-or::after{content:'';flex:1;height:1px;background:var(--k-line)}
.kj .jx-reqok{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--k-line);border-radius:var(--k-r);background:var(--k-sub)}.kj .jx-reqok>div{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.kj .jx-gatef{padding-top:6px;border-top:1px solid var(--k-line2);font-size:13.5px}
@media (max-width:1023px){.kj .jx-cst{grid-template-columns:repeat(3,minmax(0,1fr))}.kj .jx-cst>div:nth-child(3n+1){border-left:0}.kj .jx-cst>div:nth-child(n+4){border-top:1px solid var(--k-line)}
  .kj .jx-trf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.kj .jx-cst{grid-template-columns:repeat(2,minmax(0,1fr))}.kj .jx-cst>div:nth-child(3n+1){border-left:1px solid var(--k-line)}.kj .jx-cst>div:nth-child(2n+1){border-left:0}.kj .jx-cst>div:nth-child(n+3){border-top:1px solid var(--k-line)}
  .kj .jx-acr,.kj .jx-vis,.kj .jx-trf{grid-template-columns:1fr}.kj .jx-hb{grid-template-columns:minmax(70px,110px) minmax(0,1fr) auto}
  .kj .jx-gatec{padding:20px}.kj .jx-keyr{flex-direction:column}.kj .jx-dist small{font-size:9.5px;white-space:normal}.kj .jx-dist{gap:3px}}
body.kj-lock{overflow:hidden}
body.kj-on .toast{z-index:80}
/* วิเคราะห์ */
.kj .k-hbars{display:flex;flex-direction:column}
.kj .k-hbar{display:grid;grid-template-columns:minmax(110px,200px) minmax(0,1fr) 108px;gap:12px;align-items:center;font-size:13px;padding:6px 0}
.kj .k-hbar2{grid-template-columns:minmax(110px,230px) minmax(0,1fr) 96px}
.kj .k-hbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kj .k-hbar .r{text-align:right}
.kj .k-track{height:6px;position:relative;background:var(--k-line2);border-radius:3px}
.kj .k-track i{position:absolute;top:0;bottom:0;border-radius:3px}
.kj .k-track .k-mid0{left:50%;top:-4px;bottom:-4px;width:1px;background:var(--k-line);border-radius:0}
.kj .k-fill.up{background:var(--k-upf)}.kj .k-fill.dn{background:var(--k-dnf)}
.kj .k-tbl{overflow-x:auto;margin-top:14px}.kj #k-cmp .k-tbl{margin-top:0}
.kj .k-t{border-collapse:collapse;width:100%;font-size:13px}
.kj .k-t th,.kj .k-t td{padding:9px 12px;border-bottom:1px solid var(--k-line2);white-space:nowrap;text-align:left}
.kj .k-t thead th{font-weight:500;color:var(--k-ink3);font-size:12px;border-bottom-color:var(--k-line);vertical-align:bottom}
.kj .k-t tbody th{font-weight:500}.kj .k-t .r{text-align:right}
.kj .k-t tbody tr:last-child>*{border-bottom:0}.kj .k-t tbody tr:hover{background:var(--k-sub)}
.kj .k-t thead .k-cap{display:block;font-weight:400}
.kj .k-radar{width:100%;max-width:380px;height:auto;display:block;margin:0 auto}
.kj .k-rg{fill:none;stroke:var(--k-line)}.kj .k-rp{fill:var(--k-acc);fill-opacity:.16;stroke:var(--k-acc);stroke-width:1.5}
.kj .k-rl{font-family:var(--k-ui);font-size:11px;fill:var(--k-ink3)}.kj .k-rv{font-family:var(--k-num);font-size:11px;fill:var(--k-ink);font-weight:500}.kj .k-rt{font-family:var(--k-num);font-size:24px;font-weight:500;fill:var(--k-ink)}
.kj .k-scat{width:100%;height:auto;display:block}
.kj .k-ax{font-family:var(--k-num);font-size:10.5px;fill:var(--k-ink3)}
.kj .k-sc-up{fill:var(--k-upf);fill-opacity:.75;stroke:var(--k-bg)}.kj .k-sc-dn{fill:var(--k-dnf);fill-opacity:.75;stroke:var(--k-bg)}
.kj .k-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.kj .k-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.kj .k-field>label,.kj .k-lab{font-size:12px;color:var(--k-ink3);font-weight:500}
.kj.kj .k-old>.card{padding:16px;margin:0}
/* สตูดิโอภาพผลงาน */
.kj .k-stwrap{padding-top:20px}
.kj .k-stg{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:24px;align-items:start}
.kj .k-sto{display:flex;flex-direction:column;gap:16px}
.kj .k-tpls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kj .k-tpl{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 12px;border:1px solid var(--k-line);border-radius:9px;background:var(--k-bg);font:inherit;color:var(--k-ink);cursor:pointer;text-align:left;min-height:54px}
.kj .k-tpl:hover{border-color:var(--k-ink3)}.kj .k-tpl.on{border-color:var(--k-ink);box-shadow:0 0 0 1px var(--k-ink)}
.kj .k-tpl b{font-weight:600;font-size:13px}
.kj .k-stp{display:flex;flex-direction:column;gap:14px;min-width:0}
.kj .k-cvw{border:1px solid var(--k-line);border-radius:12px;background:var(--k-sub);padding:14px;display:flex;justify-content:center}
.kj .k-cvw canvas{width:100%;height:auto;border-radius:6px;box-shadow:0 1px 3px var(--k-ring),0 0 0 1px var(--k-line);display:block}
.kj .k-cvw.tall canvas{width:auto;max-width:100%;max-height:560px}
.kj .k-stact{gap:8px}
.kj .k-sws{gap:12px}
.kj .k-sw{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:13.5px;position:relative;line-height:1.45}
.kj .k-sw input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.kj .k-swt{position:relative;width:34px;height:20px;border-radius:999px;background:var(--k-line);flex:none;transition:background .15s}
.kj .k-swt:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:var(--k-bg);border-radius:50%;transition:transform .15s;box-shadow:0 1px 2px var(--k-ring)}
.kj .k-sw input:checked+.k-swt{background:var(--k-ink)}.kj .k-sw input:checked+.k-swt:before{transform:translateX(14px)}
.kj .k-sw input:focus-visible+.k-swt{outline:2px solid var(--k-acc);outline-offset:2px}
.kj .k-sw small{display:block;margin-top:1px}
.kj .k-made{display:flex;flex-direction:column;gap:8px;width:100%}
/* หน้าเดิมในโครงใหม่ (ตั้งค่า · Sentiment · แชร์ · รายงาน · รายละเอียดเทรด · หน้าสาธารณะ) */
.kj.kj .card{background:var(--k-bg);border:1px solid var(--k-line);border-radius:var(--k-r);box-shadow:none}
.kj.kj .btn{border-radius:8px}
.kj.kj .btn-pri{background:var(--k-ink);border-color:var(--k-ink);color:var(--k-bg)}.kj.kj .btn-pri:hover{opacity:.88}
.kj.kj .k-hact .btn-pri{background:var(--k-acc);border-color:var(--k-acc);color:var(--k-onacc)}.kj.kj .k-hact .btn-pri:hover{background:var(--k-acc2);opacity:1}
.kj.kj .btn-sec{background:var(--k-bg);border-color:var(--k-line);color:var(--k-ink)}.kj.kj .btn-sec:hover{background:var(--k-hover);border-color:var(--k-ink3)}
.kj.kj .k-hact .btn{min-height:36px;padding:0 14px;font-size:13.5px}
.kj.kj .pill{border-color:var(--k-line);background:var(--k-bg);color:var(--k-ink2);font-size:14px;min-height:40px;padding:0 14px}
.kj.kj .pill:hover{border-color:var(--k-ink3)}.kj.kj .pill.sel{background:var(--k-ink);border-color:var(--k-ink);color:var(--k-bg)}
.kj.kj .segs{background:var(--k-hover)}.kj.kj .seg{color:var(--k-ink2)}.kj.kj .seg.sel{background:var(--k-bg);color:var(--k-ink);box-shadow:0 1px 2px var(--k-ring),0 0 0 1px var(--k-line)}
.kj.kj .inp{border-color:var(--k-line);background:var(--k-bg);color:var(--k-ink);border-radius:8px}
.kj.kj .toast{background:var(--k-ink);color:var(--k-bg)}
@media (max-width:1100px){.kj .g73,.kj .g64{grid-template-columns:minmax(0,1fr)}.kj .k-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.kj .k-stats>div:nth-child(4){border-left:0}.kj .k-stats>div:nth-child(n+4){border-top:1px solid var(--k-line)}
  .kj .k-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.kj .k-hero>div:nth-child(3){border-left:0}.kj .k-hero>div:nth-child(n+3){border-top:1px solid var(--k-line)}}
@media (max-width:900px){.kj .k-dcols,.kj .k-stg{grid-template-columns:minmax(0,1fr)}.kj .k-stp{order:-1}.kj .g2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .kj .k-app{grid-template-columns:minmax(0,1fr);background:var(--k-bg)}.kj .k-side{display:none}
  .kj .k-bnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--k-bg);border-top:1px solid var(--k-line);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px))}
  .kj .k-bnav .k-nl{flex:1 1 0;flex-direction:column;gap:2px;justify-content:center;min-height:52px;padding:4px 0;font-size:11px;min-width:0;box-shadow:none;background:none;text-align:center}
  .kj .k-bnav .k-nl.on{color:var(--k-ink);font-weight:600}.kj .k-bnav .k-nl.on svg{color:var(--k-acc)}
  .kj .k-bnav .k-nl span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.kj-on{padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))}
  body.kj-on .mbar{display:none}
  .kj .k-head{position:static}
  .kj .k-head-in,.kj .k-page{padding-left:16px;padding-right:16px}.kj .k-bnr{padding:12px 16px 0}.kj .k-main .wrap{padding-left:16px;padding-right:16px}
  .kj .k-page{padding-top:16px;gap:16px}.kj .k-grid{gap:16px}
  .kj .k-big{font-size:26px}
  .kj .k-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kj .k-stats>div:nth-child(odd){border-left:0}.kj .k-stats>div:nth-child(n+3){border-top:1px solid var(--k-line)}.kj .k-stats>div:nth-child(4){border-left:1px solid var(--k-line)}
  .kj .k-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kj .k-hero>div:first-child{grid-column:1/-1}.kj .k-hero>div:nth-child(2){border-left:0;border-top:1px solid var(--k-line)}.kj .k-hero>div:nth-child(3){border-left:1px solid var(--k-line)}.kj .k-hero>div:nth-child(4){border-left:0}
  .kj .k-hero>div,.kj .k-stats>div{padding:14px}
  .kj .k-hbar{grid-template-columns:96px minmax(0,1fr) 88px;gap:8px}
  .kj .k-filters .k-seg{width:100%}.kj .k-ftog{display:inline-flex}.kj .k-fsel{display:none}.kj .k-fsel.open{display:flex;flex-wrap:wrap;gap:8px;width:100%}
  .kj .k-chart{grid-template-columns:44px minmax(0,1fr)}
  .kj .k-hide-sm{display:none}
  .kj .k-d{min-height:46px;padding:4px}
  .kj .k-db{padding:16px}.kj .k-dh{padding:10px 14px}
  .kj .k-tpls{grid-template-columns:1fr 1fr}
}
@media (pointer:coarse){.kj .kb,.kj .kb.sm{min-height:40px}.kj .kb.k-ico{width:40px}.kj .k-seg button{min-height:38px}.kj .k-chip{min-height:38px}.kj .k-sel,.kj .k-inp{height:40px;font-size:16px}.kj .k-info{width:32px;height:32px}}
@media print{.kj .k-side,.kj .k-bnav,.kj .k-hact,.kj .k-sync,.kj .k-bnr,.kj .k-scrim,.kj .k-drawer{display:none!important}.kj .k-app{display:block}.kj .k-head{position:static;border:0;background:none}body.kj-on{padding-bottom:0}}
.k-pop{position:fixed;z-index:90;max-width:min(340px,calc(100% - 24px));background:var(--text);color:var(--surface);padding:10px 12px;border-radius:9px;font-size:12.5px;line-height:1.55;box-shadow:var(--floatsh)}
/* ===== รอบ 100A: Trading Journal — แผนเทรด (.kp · เป้าหมาย · เช็กลิสต์ · วินัย · สอบกองทุนจำลอง) + หน้าต่างซ้อน (.kpm · แผนสำเร็จรูป · แก้เป้าหมาย · เช็กก่อนเข้าออเดอร์)
 * ใช้ตัวแปรสีเดิมเท่านั้น (--k-* ใน .kj · ตัวแปรของเว็บในหน้าต่างซ้อน) → โหมดมืดตามเอง ไม่มีสีตายตัว ===== */
.kj .kp-pcb span{white-space:nowrap}
.kj .kp-today{border:1px solid var(--k-line);border-radius:var(--k-r);padding:12px 14px;display:flex;flex-direction:column;gap:10px;background:var(--k-sub)}
.kj .kp-th{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.kj .kp-th b{font-size:14.5px;font-weight:600}
.kj .kp-chips{display:flex;gap:8px;flex-wrap:wrap}
.kj .kp-chip{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid var(--k-line);background:var(--k-bg);font-size:12.5px;color:var(--k-ink2);max-width:100%;flex-wrap:wrap}
.kj .kp-chip>i{width:7px;height:7px;border-radius:50%;background:var(--k-ink3);flex:none}
.kj .kp-chip b{font-weight:500;color:var(--k-ink)}
.kj .kp-chip.up>i{background:var(--k-upf)}.kj .kp-chip.warn{border-color:var(--k-warn)}.kj .kp-chip.warn>i{background:var(--k-warn)}.kj .kp-chip.dn{border-color:var(--k-dnf);background:var(--k-dnw)}.kj .kp-chip.dn>i{background:var(--k-dnf)}
.kj .kp-tabs{display:flex;gap:4px;border-bottom:1px solid var(--k-line);overflow-x:auto;scrollbar-width:none}
.kj .kp-tabs::-webkit-scrollbar{display:none}
.kj .kp-tabs button{display:inline-flex;align-items:center;gap:8px;border:0;background:none;font:inherit;font-size:14px;font-weight:500;color:var(--k-ink2);padding:10px 14px;min-height:44px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.kj .kp-tabs button svg{width:17px;height:17px;flex:none}
.kj .kp-tabs .kp-ts{display:none}
.kj .kp-tabs button:hover{color:var(--k-ink)}.kj .kp-tabs button.on{color:var(--k-ink);border-bottom-color:var(--k-ink);font-weight:600}
.kj .kp-pane{display:flex;flex-direction:column;gap:20px}
.kj .kp-dper{gap:10px}
.kj .kp-h3{font-size:13.5px;font-weight:600;margin:18px 0 8px;color:var(--k-ink);display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.kj .kp-grp:first-child .kp-h3{margin-top:0}
.kj .kp-gl{display:flex;flex-direction:column}
.kj .kp-g{display:grid;grid-template-columns:minmax(150px,1.5fr) minmax(110px,.8fr) minmax(90px,1fr) 112px 128px 176px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--k-line2)}
.kj .kp-g:first-child{border-top:0}
.kj .kp-g.off{opacity:.55}
.kj .kp-gn,.kj .kp-gv{display:flex;flex-direction:column;min-width:0}
.kj .kp-gn b{font-weight:600;font-size:13.5px;overflow-wrap:anywhere}
.kj .kp-gv .k-num{font-size:14px;font-weight:500}
.kj .kp-gh{display:flex;align-items:center;gap:8px}
.kj .kp-ga{display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.kj .kp-done{background:var(--k-upw);border-color:var(--k-upf);color:var(--k-uptx)}
.kj .kb svg{flex:none}.kj .kb .kp-x{display:none}
.kj .kb>svg[viewBox="0 0 16 16"]{width:14px;height:14px}
.kj .kp-bar{display:block;height:6px;border-radius:3px;background:var(--k-line2);position:relative;overflow:hidden;min-width:60px}
.kj .kp-bar>i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--k-ink3)}
.kj .kp-bar.up>i{background:var(--k-upf)}.kj .kp-bar.warn>i{background:var(--k-warn)}.kj .kp-bar.dn>i{background:var(--k-dnf)}.kj .kp-bar.acc>i{background:var(--k-acc)}
.kj .kp-dots{display:inline-flex;gap:4px}
.kj .kp-dots i{width:9px;height:9px;border-radius:50%;background:var(--k-line);flex:none}
.kj .kp-dots i.up{background:var(--k-upf)}.kj .kp-dots i.dn{background:var(--k-dnf)}.kj .kp-dots i.cur{background:var(--k-acc)}.kj .kp-dots i.now{box-shadow:0 0 0 2px var(--k-bg),0 0 0 3.5px var(--k-ink3)}
.kj .kp-gfoot{margin:14px 0 0}
.kj .kp-start{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kj .kp-sc{border:1px dashed var(--k-line);border-radius:var(--k-r);padding:18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.kj .kp-sc>svg{width:24px;height:24px;color:var(--k-acc)}.kj .kp-sc b{font-size:14.5px}.kj .kp-sc .kb{margin-top:6px}
.kj .kp-mini{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--k-line2)}
.kj .kp-mr{display:grid;grid-template-columns:minmax(0,1fr) auto 64px;gap:10px;align-items:center;font-size:12.5px}
.kj .kp-mn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--k-ink2)}
.kj .kp-dtop{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.kj .kp-sring{width:84px;height:84px}.kj .kp-sring>span{width:68px;height:68px;font-size:22px}
.kj .kp-dkv{flex:1 1 320px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.kj .kp-dkv>div .k-cap:last-child{white-space:normal}
.kj .kp-pre{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:14px;padding:10px 12px;border-radius:9px;background:var(--k-sub);font-size:13px;color:var(--k-ink2)}
.kj .kp-irs{display:flex;flex-direction:column;gap:6px}
.kj .kp-ir{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(70px,1fr) 44px 52px;gap:10px;align-items:center;font-size:13px}
.kj .kp-in{min-width:0;overflow-wrap:anywhere}
.kj .kp-trend{width:100%;max-width:520px;height:auto;display:block}
.kj .kp-tb{fill:var(--k-ink3)}.kj .kp-tb.up{fill:var(--k-upf)}.kj .kp-tb.warn{fill:var(--k-warn)}.kj .kp-tb.dn{fill:var(--k-dnf)}.kj .kp-tb0{fill:var(--k-line)}
.kj .kp-tv{font-family:var(--k-num);font-size:10px;fill:var(--k-ink2)}.kj .kp-tx{font-family:var(--k-num);font-size:9.5px;fill:var(--k-ink3)}
.kj .kp-how{margin-top:12px;font-size:12.5px}.kj .kp-how summary{cursor:pointer;color:var(--k-acc);font-weight:500;min-height:32px;display:flex;align-items:center}.kj .kp-how p{margin:6px 0 0}
.kj .kp-ckv,.kj .kp-cke{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.kj .kp-ckv li{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--k-line2);font-size:13.5px}
.kj .kp-ckv li:first-child{border-top:0}.kj .kp-ckv li>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.kj .kp-ckbx{width:20px;height:20px;border-radius:6px;background:var(--k-accw);color:var(--k-acc);display:grid;place-items:center;flex:none}.kj .kp-ckbx svg{width:13px;height:13px}
.kj .kp-cke li{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:6px 0}
.kj .kp-ckn{color:var(--k-ink3);font-size:12px;text-align:right}
.kj .kp-rq{align-items:center;font-size:12.5px;white-space:nowrap}
.kj .kp-ckb{display:inline-flex;gap:2px}
.kj .kp-ckadd{margin-top:10px}.kj .kp-ckadd .k-inp{flex:1 1 200px;width:auto}
.kj .kp-rcl{display:flex;flex-direction:column}
.kj .kp-rcr{display:grid;grid-template-columns:78px auto auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--k-line2);font-size:13px}
.kj .kp-rcr:first-child{border-top:0}
.kj .kp-rcs{min-width:0;display:flex;gap:6px;align-items:center}.kj .kp-rco{text-align:right;min-width:0}.kj .kp-rco .kp-lb{white-space:nowrap}
.kj .kp-lb{border:0;background:none;padding:0;font:inherit;cursor:pointer;display:inline-flex;gap:6px;align-items:center;min-height:32px}
.kj .kp-chtop{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));border:1px solid var(--k-line);border-radius:var(--k-r);margin-bottom:14px}
.kj .kp-chtop>div{padding:14px 16px;border-left:1px solid var(--k-line);display:flex;flex-direction:column;gap:4px;min-width:0}.kj .kp-chtop>div:first-child{border-left:0}
.kj .kp-acc{font-size:17px}
.kj .kp-chb{margin:0 0 14px}.kj .k-note.kp-ok{background:var(--k-upw);color:var(--k-uptx)}
.kj .kp-rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px 22px}
.kj .kp-chc .kp-rules{grid-template-columns:minmax(0,1fr);gap:12px}
.kj .kp-rule{display:flex;flex-direction:column;gap:6px;min-width:0}
.kj .kp-rh{display:flex;justify-content:space-between;gap:10px;font-size:13px;flex-wrap:wrap}.kj .kp-rh>span:first-child{color:var(--k-ink2)}
.kj .kp-cv{margin-top:16px}.kj .kp-cv svg{width:100%;height:150px;display:block;overflow:visible}
.kj .kp-cv0{stroke:var(--k-line);stroke-width:1}.kj .kp-cvt{stroke:var(--k-upf);stroke-width:1;stroke-dasharray:5 4}.kj .kp-cvl{stroke:var(--k-dnf);stroke-width:1;stroke-dasharray:5 4}.kj .kp-cvp{fill:none;stroke:var(--k-acc);stroke-width:2;stroke-linejoin:round}
.kj .kp-cnote{margin:14px 0 0}.kj .kp-chact{margin-top:14px}
.kj .kp-chmini{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:12px}
.kj .kp-cf1{margin-bottom:14px}
.kj .kp-cfp .k-field+.k-field,.kj .kp-cfp .k-field+.k-form,.kj .kp-cfp .k-form+.k-field{margin-top:14px}
.kj .kp-tpls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kj .kp-tpls .k-tpl{min-height:88px;justify-content:flex-start}
.kj .kp-hist .k-t td .kb{margin:-6px 0}
@media (max-width:1100px){.kj .kp-g{grid-template-columns:minmax(0,1.4fr) minmax(90px,.8fr) minmax(80px,1fr) auto;grid-template-areas:"n v b s" "h h a a"}.kj .kp-gn{grid-area:n}.kj .kp-gv{grid-area:v}.kj .kp-gb{grid-area:b}.kj .kp-gs{grid-area:s}.kj .kp-gh{grid-area:h}.kj .kp-ga{grid-area:a}}
@media (max-width:760px){
  .kj .kp-today{padding:12px 0 10px}.kj .kp-th{padding:0 14px}
  .kj .kp-chips{flex-wrap:nowrap;overflow-x:auto;padding:0 14px 4px;scroll-padding:0 14px;scrollbar-width:none}.kj .kp-chips::-webkit-scrollbar{display:none}.kj .kp-chip{flex:none;flex-wrap:nowrap;white-space:nowrap}
  .kj .kp-tabs button{padding:10px 10px;font-size:13.5px;flex:1 1 0;justify-content:center;min-width:0}.kj .kp-tabs .kp-tl{display:none}.kj .kp-tabs .kp-ts{display:inline}
  .kj .kp-gs{justify-self:end}
  .kj .kp-g{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n s" "v v" "b b" "h a";gap:6px 10px}
  .kj .kp-gv{flex-direction:row;gap:8px;align-items:baseline;flex-wrap:wrap}
  .kj .kp-start{grid-template-columns:minmax(0,1fr)}
  .kj .kp-chtop{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kj .kp-chtop>div:first-child{grid-column:1/-1}.kj .kp-chtop>div:nth-child(2){border-left:0;border-top:1px solid var(--k-line)}.kj .kp-chtop>div:nth-child(3){border-top:1px solid var(--k-line)}
  .kj .kp-tpls{grid-template-columns:minmax(0,1fr)}.kj .kp-tpls .k-tpl{min-height:0}
  .kj .kp-rcr{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"t s x" "r o o"}.kj .kp-rcr>:nth-child(1){grid-area:t}.kj .kp-rcr>:nth-child(2){grid-area:s}.kj .kp-rcr>:nth-child(3){grid-area:r;justify-self:start}.kj .kp-rcr>:nth-child(4){grid-area:o}.kj .kp-rcr>:nth-child(5){grid-area:x}
  .kj .kp-ir{grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"n p" "b c"}.kj .kp-ir>:nth-child(1){grid-area:n}.kj .kp-ir>:nth-child(2){grid-area:b}.kj .kp-ir>:nth-child(3){grid-area:p;text-align:right}.kj .kp-ir>:nth-child(4){grid-area:c;text-align:right}
  .kj .kp-cke li{grid-template-columns:18px minmax(0,1fr) auto;grid-template-areas:"n t t" ". q b"}.kj .kp-cke li>:nth-child(1){grid-area:n}.kj .kp-cke li>:nth-child(2){grid-area:t}.kj .kp-cke li>:nth-child(3){grid-area:q}.kj .kp-cke li>:nth-child(4){grid-area:b;justify-self:end}
  .kj .k-hact .kp-pcb{flex:1 1 100%}
}
/* หน้าต่างซ้อนของแผนเทรด (อยู่นอก .kj → ใช้ตัวแปรของเว็บ) */
.mdlg.kpm-wide{max-width:980px}
.kpm-ps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kpm-p{border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0;background:var(--surface)}
.kpm-p.on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
.kpm-ph{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.kpm-ph h3{margin:0;font-size:17px;font-weight:600;color:var(--text)}
.kpm-w{margin:0;font-size:14px;color:var(--text2);line-height:1.6}
.kpm-p .ticks{gap:7px;flex:1}.kpm-p .ticks li{font-size:14px;line-height:1.5}
.kpm-pc{border:1px solid var(--tagbd);background:var(--tagbg);color:var(--tagtx);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.kpm{gap:16px}.kpm-body{display:flex;flex-direction:column;gap:14px}
.kpm-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kpm-in{display:flex;align-items:center;gap:8px}.kpm-in .inp{flex:1}.kpm-in span{color:var(--text3);font-size:14px;white-space:nowrap}
.kpm-acc{border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin:0;display:flex;flex-direction:column;gap:2px;min-width:0}.kpm-acc legend{padding:0 6px}
.kpm-on{border-top:0;padding-top:0}
.kpm-meta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px 14px}
.kpm-meta .segs{display:flex;flex-wrap:nowrap}.kpm-meta .seg{flex:1 1 0;min-width:0;padding:0 8px}
.kpm-syms{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.kpm-syms .pill{min-height:34px;padding:0 12px;font-size:13.5px}.kpm-syms .pill[aria-pressed=true]{background:var(--text);color:var(--surface);border-color:var(--text)}
.kpm-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.kpm-it{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:15px;text-align:left;cursor:pointer;line-height:1.45}
.kpm-it:hover{border-color:var(--ctl)}
.kpm-it.on{border-color:var(--pos);background:var(--okbg)}
.kpm-box{width:24px;height:24px;border-radius:7px;border:2px solid var(--ctl);display:grid;place-items:center;flex:none;color:transparent;background:var(--surface)}
.kpm-box svg{width:15px;height:15px}
.kpm-it.on .kpm-box{background:var(--pos);border-color:var(--pos);color:var(--surface)}
.kpm-t{flex:1;min-width:0;overflow-wrap:anywhere}
.kpm-rq{font-size:12px;font-weight:600;color:var(--tagtx);background:var(--tagbg);border-radius:999px;padding:2px 9px;white-space:nowrap}
.kpm-res{border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;font-size:14.5px;background:var(--surface2)}
.kpm-res.ok{background:var(--okbg);color:var(--oktx)}.kpm-res.no{background:var(--tagbg);color:var(--tagtx)}
.kpm-res span{font-size:13.5px;opacity:.9}
@media (max-width:900px){.kpm-ps{grid-template-columns:minmax(0,1fr)}}
@media (max-width:639px){.kpc-dlg .kpm-act{position:sticky;bottom:-28px;margin:0 -20px -28px;padding:12px 20px calc(16px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border);z-index:2}
  .kpm-meta,.kpm-2{grid-template-columns:minmax(0,1fr)}.kpc-dlg .macts .btn{flex:1 1 auto}.kpm-p{padding:14px}}
/* ===== /รอบ 100A ===== */
/* ===== รอบ 38A: รายงานวิเคราะห์ AI ของ CME (.rp) · ศูนย์แจ้งเตือน (.al) · หลังบ้าน (.aladm) ===== */
.rp{display:flex;flex-direction:column;gap:22px;padding:clamp(18px,2.4vw,30px)}
.rp-sk{gap:14px}
.rp-h{display:flex;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;align-items:flex-start}
.rp-ht{display:flex;flex-direction:column;gap:6px;min-width:0}
.rp-meta{margin:0;line-height:1.5}
.rp-acts{display:flex;gap:8px;flex-wrap:wrap}
.rp-acts .btn{white-space:nowrap}
.rp-hl{display:flex;flex-direction:column;gap:12px}
.rp-hlt{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rp-head{font-size:clamp(20px,2vw,26px);line-height:1.5;margin:0;font-weight:600;max-width:72ch;color:var(--text)}
.rp-sum{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;max-width:80ch}
.rp-sum li{position:relative;padding-left:20px;color:var(--text2);line-height:1.75}
.rp-sum li::before{content:'';position:absolute;left:2px;top:.78em;width:7px;height:7px;border-radius:2px;background:var(--brand)}
.rp-bias{margin:0;padding:12px 16px;border-left:3px solid var(--brand);background:var(--navon2);border-radius:0 12px 12px 0;max-width:80ch;line-height:1.7;color:var(--text2)}
.rp-why{padding:12px 16px;border:1px dashed var(--navbd);border-radius:12px;max-width:80ch}
.rp-why ul{margin:6px 0 0;padding-left:20px;color:var(--text2)}
.rp-tk{display:inline-flex;align-items:center;gap:5px;padding:0 8px 0 6px;margin:0 1px;border-radius:999px;border:1px solid var(--border);border-color:color-mix(in srgb,var(--tk) 38%,transparent);background:var(--surface2);background:color-mix(in srgb,var(--tk) 9%,var(--surface));color:var(--text);font:inherit;font-size:.94em;line-height:1.55;cursor:pointer;vertical-align:baseline;white-space:nowrap}
.rp-tk i{width:7px;height:7px;border-radius:50%;background:var(--tk);flex-shrink:0}
.rp-tk:hover{border-color:var(--tk)}
.rp-tk.rp-tkn{cursor:default;--tk:#B45309;white-space:normal}
.rp-mk{display:flex;flex-wrap:wrap;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.rp-mt{flex:1 1 140px;background:var(--surface);padding:12px 14px;display:flex;flex-direction:column;gap:1px;min-width:0}
.rp-mt b{font-size:18px;font-weight:600}
.rp-sec{display:flex;flex-direction:column;gap:12px;min-width:0}
.rp-sh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rp-sh h3{margin:0;font-size:18px;font-weight:600;color:var(--text)}
.rp-tag{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;padding:2px 9px;border-radius:999px;background:var(--track);color:var(--text3);font-weight:500}
.rp-tag.ai{background:var(--navon);color:var(--link)}
.rp-tag.fact{background:var(--okbg);color:var(--oktx)}
.rp-sc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rp-scc{--sc:#7C8494;border:1px solid var(--border);border-top:3px solid var(--sc);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;background:var(--surface);min-width:0}
.rp-scc.up{--sc:#16A34A}.rp-scc.down{--sc:#DC2626}
.rp-scc.on{box-shadow:0 0 0 3px rgba(21,112,239,.14)}
.rp-scc header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.rp-scc dl{margin:0;display:flex;flex-direction:column;gap:9px}
.rp-scc dt{font-size:12.5px;color:var(--mute)}
.rp-scc dd{margin:0;line-height:1.65;color:var(--text2)}
.rp-2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:start}
.rp-col{display:flex;flex-direction:column;gap:22px;min-width:0}
.rp-lv{border:1px solid var(--border);border-radius:14px;overflow:hidden}
.rp-lr{display:grid;grid-template-columns:10px minmax(0,1.5fr) 86px 104px minmax(0,1fr);gap:10px;align-items:center;padding:7px 12px;border-top:1px solid var(--line);font-size:14.5px}
.rp-lr.hd{border-top:0;background:var(--surface2);font-size:12.5px;color:var(--mute);padding:8px 12px}
.rp-lr.now{background:var(--navon);color:var(--link)}
.rp-lr .lbl{font-size:13px;line-height:1.35}
.rp-sw{width:10px;height:10px;border-radius:3px}
.rp-ln{all:unset;cursor:pointer;display:inline-flex;gap:6px;align-items:center;min-width:0;color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-ln:hover{color:var(--link)}.rp-ln:focus-visible{outline:3px solid var(--link);outline-offset:2px;border-radius:4px}
.rp-cl{font-size:11px;padding:0 6px;border-radius:999px;background:var(--tagbg);color:var(--tagtx);font-weight:600}
.rp-d{display:flex;flex-direction:column;line-height:1.3}.rp-d b{font-weight:600;font-size:14px}
.rp-gw{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.rp-g{display:flex;flex-direction:column;gap:4px}
.rp-gt{position:relative;height:10px;border-radius:999px;background:linear-gradient(90deg,rgba(37,99,235,.18),rgba(124,132,148,.12) 50%,rgba(220,38,38,.18))}
.rp-gt i{position:absolute;top:-4px;width:4px;height:18px;margin-left:-2px;border-radius:2px;background:var(--brand);box-shadow:0 0 0 2px var(--surface)}
.rp-gl{display:flex;justify-content:space-between;font-size:12px;color:var(--mute)}
.rp-watch,.rp-risk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.rp-watch li,.rp-risk li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;line-height:1.65;color:var(--text2)}
.rp-watch li svg,.rp-risk li svg{margin-top:4px}
.rp-ch{border-collapse:collapse;width:100%;font-size:14.5px}
.rp-ch caption{text-align:left;padding-bottom:6px}
.rp-ch th,.rp-ch td{padding:7px 0;border-top:1px solid var(--line);text-align:left;font-weight:400}
.rp-ch th{color:var(--text3);width:46%}
.rp-zs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.rp-z{--zc:#DC2626;border:1px solid var(--border);border-left:4px solid var(--zc);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;background:var(--surface)}
.rp-z.buy{--zc:#16A34A}
.rp-z header{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.rp-zs2{font-size:12px;font-weight:700;letter-spacing:.04em;color:#fff;background:var(--zc);padding:2px 8px;border-radius:6px}
.rp-zr{font-size:22px;font-weight:600;color:var(--text)}
.rp-zt{border-collapse:collapse;width:100%;font-size:14.5px}
.rp-zt th{width:56px;text-align:left;font-weight:600;color:var(--text3);padding:5px 0;border-top:1px solid var(--line)}
.rp-zt td{padding:5px 0;border-top:1px solid var(--line)}
.rp-zn{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;margin:2px 0 0;line-height:1.65;color:var(--text2);font-size:14.5px}
.rp-zn svg{margin-top:4px}
.rp-news{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.rp-news li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:12px}
.rp-news li span:nth-child(2){display:flex;flex-direction:column}
.rp-lock{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;flex-wrap:wrap}
.rp-lock>div{flex:1;min-width:220px}
.rp-empty{margin:0;color:var(--text3)}
.rp-foot{margin:0;max-width:110ch}
.rp-wrap.compact{margin-top:14px}
.rp-c{gap:12px;padding:16px 18px}
/* รอบ 40: การ์ดรายงาน AI แบบย่อ (ใต้กราฟ CME Live) — หัวข้อความเล็ก · มุมมองเป็นตัวอักษรสี · สถานการณ์เป็นบรรทัด · ปุ่มรองแบบข้อความ */
.rpc{gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;box-shadow:none;background:var(--surface)}
.rpc-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.rpc-k{font-size:15px;font-weight:650;color:var(--text)}.rpc-t{font-size:13px;color:var(--text3)}
.rpc-src{margin-left:auto;padding:2px 9px;border:1px solid var(--border);border-radius:999px;font-size:12px;line-height:1.5;color:var(--text3)}
.rpc-lead{margin:0;font-size:15.5px;line-height:1.7;color:var(--text)}
.rpc-b{display:inline-flex;align-items:center;gap:5px;margin-right:8px;font-weight:650;color:var(--text2)}.rpc-b svg{width:11px;height:11px}.rpc-b.up{color:var(--pos)}.rpc-b.dn{color:var(--negtx)}
.rpc-sc{gap:0;border-top:1px solid var(--line)}
.rpc-sc li{grid-template-columns:5.6em minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.rpc-sk{font-size:13px;font-weight:600;line-height:1.85;white-space:nowrap;color:var(--text3)}.rpc-sc li.up .rpc-sk{color:var(--pos)}.rpc-sc li.down .rpc-sk{color:var(--negtx)}
.rpc-sv{min-width:0}.rpc-ar{color:var(--text3)}
.rpc .rp-tk{gap:5px;padding:0 2px;margin:0;border:0;border-radius:4px;background:none;font-weight:650;color:var(--text)}.rpc .rp-tk i{width:6px;height:6px}.rpc .rp-tk:hover{background:var(--hover)}
.rpc-acts{gap:4px;align-items:center}.rpc-acts .btn{margin-right:6px}
.rpc-q{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:0;border-radius:10px;background:none;font:inherit;font-size:14px;font-weight:500;color:var(--text2)!important;text-decoration:none;cursor:pointer}
.rpc-q:hover{background:var(--hover);color:var(--text)!important}
.rp-c .rp-h{align-items:center}
.rp-ch1{margin:0;font-weight:600;line-height:1.6}
.rp-cs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.rp-cs li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;font-size:14.5px;line-height:1.6;color:var(--text2)}
.rp-cs li b{font-size:12.5px;align-self:start;margin-top:3px;text-align:center;border-radius:6px;padding:1px 0;background:var(--track);color:var(--text3)}
.rp-cs li.up b{background:var(--okbg);color:var(--oktx)}.rp-cs li.down b{background:var(--negbg);color:var(--negtx)}
.cmx-flash{position:absolute;left:0;right:0;height:0;border-top:2px solid var(--brand);box-shadow:0 0 0 4px rgba(21,112,239,.16);z-index:5;pointer-events:none;animation:cmxf .9s ease-in-out 3}
.cmx-flash span{position:absolute;right:8px;top:-26px;background:var(--brand);color:#fff;padding:2px 8px;border-radius:6px;font-size:12.5px;white-space:nowrap}
@keyframes cmxf{50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.cmx-flash{animation:none}}
@media (max-width:1100px){.rp-2{grid-template-columns:1fr}}
@media (max-width:760px){.rp-sc{grid-template-columns:1fr}.rp-lr{grid-template-columns:10px minmax(0,1fr) 72px 68px;gap:8px;padding:7px 10px;font-size:14px}.rp-ln{white-space:normal;line-height:1.35}.rp-lr>span:last-child{display:none}.rp-lr>.lbl:last-child{display:none}.rp-acts .btn{flex:1 1 auto}}
.al{display:flex;flex-direction:column;gap:30px}
.al-sec{display:flex;flex-direction:column;gap:12px}
.al-sec h3.h3{margin:0}
.al-sh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.al-chs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
/* รอบ 46: หลังบ้าน — ปุ่ม/ฟอร์มตั้งค่าที่บทบาทนี้ใช้ไม่ได้ (เซิร์ฟเวอร์ตรวจสิทธิ์ซ้ำอยู่แล้ว) */
.nocan-alerts_config [data-na="on"],.nocan-alerts_config [data-na="off"],.nocan-alerts_config [data-na="sen"],.nocan-alerts_config [data-na="sdis"],.nocan-alerts_config [data-na="rerun"],.nocan-alerts_config .nwa-mx,.nocan-alerts_config #nwa-addf,.nocan-alerts_config #nwa-desk,.nocan-insider_config [data-pa="on"],.nocan-insider_config [data-pa="off"],.nocan-insider_config [data-spnew],.nocan-admins #kcaset,.nocan-admins #kstf{display:none!important}
.aladm-lnf{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:12px}.aladm-lnf label{display:flex;flex-direction:column;gap:4px;min-width:200px;flex:1 1 220px}.aladm-lnf .btn{flex:0 0 auto}
.al-chan{padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.al-chan header{display:flex;gap:12px;align-items:flex-start}
.al-chan h3{margin:0;font-size:17px;font-weight:600}
.al-chan header .lbl{margin:2px 0 0}
.al-ci{width:32px;height:32px;border-radius:10px;background:var(--navon);color:var(--link);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.al-ci.big{width:40px;height:40px;border-radius:12px}
.al-cl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.al-cr{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:12px}
.al-cr.off{opacity:.62}
.al-cn{display:flex;flex-direction:column;min-width:0}.al-cn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.al-ca{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.al-ca .btn-sm{min-height:38px;padding:0 12px;font-size:14px}
.al-f{display:flex;flex-direction:column;gap:6px}
.al-help summary{cursor:pointer;color:var(--link);font-size:14px}
.al-help ol{margin:8px 0 0;padding-left:20px;color:var(--text2);font-size:14px}
.al-lock{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:var(--surface2);border:1px dashed var(--ctl)}
.al-lock span{flex:1;min-width:160px}
.al-grid{border:1px solid var(--border);border-radius:14px;overflow:hidden}
.al-gr{display:grid;grid-template-columns:minmax(0,1fr) repeat(5,78px);align-items:center;border-top:1px solid var(--line);min-height:50px}
.al-gr.hd{background:var(--surface2);font-size:12.5px;color:var(--mute);border-top:0;min-height:40px}
.al-gr.hd>span:not(:first-child){text-align:center}
.al-chi{display:none}
.al-gr>span{padding:6px 14px}
.al-gh{background:var(--surface2);border-top:1px solid var(--line);font-size:13px;font-weight:600;padding:8px 14px;color:var(--text3)}
.al-cb{display:flex;justify-content:center}
.al-cb input{width:20px;height:20px;accent-color:var(--brand);cursor:pointer;margin:0}
.al-cb input:disabled{cursor:not-allowed;opacity:.32}
.al-tn{display:flex;gap:8px;align-items:center;flex-wrap:wrap;line-height:1.45}
.al-pb{font-size:11.5px;padding:0 8px;min-height:20px}
.al-opts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;align-items:start}
.al-o{display:flex;flex-direction:column;gap:6px}
.al-q{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.al-qt{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.al-qt select{width:auto}
.al-sw{display:inline-flex;gap:8px;align-items:center;cursor:pointer}
.al-pf{display:grid;grid-template-columns:150px 150px minmax(0,1fr) auto;gap:8px;align-items:start}
.al-pf .ferr{grid-column:1/-1}
.al-pl{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.al-pl li{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:12px}
.al-pl li.done{opacity:.6}
.al-hl{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:14px;overflow:hidden}
.al-hl li{display:flex;justify-content:space-between;gap:8px 12px;align-items:center;padding:10px 14px;border-top:1px solid var(--line);flex-wrap:wrap}
.al-hl li:first-child{border-top:0}
.al-hlink{text-decoration:none;color:var(--text);min-width:0;flex:1 1 320px}
.al-ht{display:flex;flex-direction:column}
.al-hs{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.al-hs .chip{font-size:12px;padding:3px 9px}
.al-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px;line-height:1.7}
.al-code1{font-family:'Geist Mono',ui-monospace,monospace;background:var(--surface2);border:1px solid var(--border);padding:2px 8px;border-radius:6px;font-size:14px}
.al-code{font-family:'Geist Mono',ui-monospace,monospace;background:var(--surface2);border:1px solid var(--border);padding:10px 12px;border-radius:10px;overflow:auto;font-size:12.5px;white-space:pre}
.al-key{display:block;font-family:'Geist Mono',ui-monospace,monospace;word-break:break-all;background:var(--surface2);border:1px solid var(--border);padding:10px 12px;border-radius:10px;font-size:14px}
.al-keys{display:flex;flex-direction:column;gap:8px;padding-top:4px;border-top:1px solid var(--line)}
.al-keys>.btn{align-self:flex-start}
.mitem.al-note{border-left:3px solid var(--brand)}.mitem.al-note.down,.mitem.al-note.sell{border-left-color:var(--neg)}.mitem.al-note.up,.mitem.al-note.buy{border-left-color:var(--posfill)}.mitem.al-note.news{border-left-color:#D97706}
.aladm-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.aladm-off{display:flex;flex-direction:column;gap:10px}
.aladm-k{display:flex;gap:10px 16px;flex-wrap:wrap;align-items:center;font-size:14.5px}
.aladm-add{margin-top:12px}
.aladm-sel{height:36px;border:1px solid var(--ctl);border-radius:8px;padding:0 8px;background:var(--surface);color:var(--text);font:inherit;margin-left:4px}
.aladm-k label{display:inline-flex;gap:6px;align-items:center;min-height:36px}
@media (max-width:900px){.al-chs{grid-template-columns:1fr}.al-opts{grid-template-columns:1fr}.aladm-2{grid-template-columns:1fr}}
@media (max-width:640px){.al-gr{grid-template-columns:minmax(0,1fr) repeat(5,40px)}.al-gr>span{padding:6px 8px}.al-gr.hd>span{font-size:11px}.al-chf{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.al-chi{display:inline-flex;justify-content:center;color:var(--text3)}.al-pf{grid-template-columns:1fr 1fr}.al-pf #al-pn{grid-column:1/-1}.al-pf .btn{grid-column:1/-1}.al-cr{grid-template-columns:28px minmax(0,1fr)}.al-ca{grid-column:1/-1;justify-content:flex-start}}
/* ===== รอบ 38B: AI News (.nw) — ฟีด · การ์ดข่าว · ราคาทองหลังข่าว · หน้าเรื่องเดียว · รับแจ้งเตือน · หลังบ้าน (.nwa) ===== */
.nw{display:flex;flex-direction:column;gap:14px;min-width:0}
.nw-fil{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.nw-fil .chip-btn{border:1px solid var(--border);background:var(--surface);color:var(--text2);border-radius:999px;padding:6px 12px;font:inherit;font-size:13.5px;cursor:pointer;min-height:34px}
.nw-fil .chip-btn.on{background:var(--navon);border-color:var(--link);color:var(--link);font-weight:600}
.nw-fil .chip-btn:focus-visible,.nw-tl-a:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.nw-hi{display:inline-flex;gap:6px;align-items:center;margin-left:auto;font-size:14px;color:var(--text2);cursor:pointer;min-height:34px}
.nw-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:12px;align-items:start}
.nw-c .nw-list{grid-template-columns:1fr;gap:10px}
.nw-one .nw-card{max-width:880px}
.nw-card{padding:16px 18px;display:flex;flex-direction:column;gap:10px;min-width:0;border-left:3px solid transparent}
.nw-card.hi{border-left-color:var(--neg)}
.nw-card.sm{padding:12px 14px;gap:8px}
.nw-card.sm .nw-t{font-size:16px}
.nw-card.sm .nw-s{font-size:14.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nw-h{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.nw-imp{font-weight:600}
.nw-src{display:inline-flex;gap:5px;align-items:center;font-size:13px;color:var(--mute);margin-left:auto;min-width:0}
.nw-off{display:inline-flex;color:var(--pos)}
.nw-t{margin:0;font-size:17.5px;line-height:1.5;font-weight:600;color:var(--text)}
.nw-h1{font-size:clamp(22px,2.4vw,28px);line-height:1.4}
.nw-tl-a{color:inherit;text-decoration:none}.nw-tl-a:hover{color:var(--link);text-decoration:underline}
.nw-s{margin:0;line-height:1.7;color:var(--text2)}
.nw-facts{margin:0;padding-left:20px;color:var(--text2);line-height:1.7;display:flex;flex-direction:column;gap:4px}
.nw-ai{border:1px dashed var(--navbd);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.nw-ai p{margin:0;line-height:1.7;color:var(--text2)}
.nw-ai .rp-tag{align-self:flex-start}
.nw-sc{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nw-sc>div{border-radius:10px;padding:8px 10px;background:var(--surface2)}
.nw-sc>div.up{background:var(--okbg)}.nw-sc>div.down{background:var(--negbg)}
.nw-sc dt{font-size:12.5px;color:var(--mute)}.nw-sc dd{margin:2px 0 0;line-height:1.6;color:var(--text2)}
.nw-watch{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.nw-watch li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;line-height:1.6;color:var(--text2)}
.nw-watch li svg{margin-top:4px}
.nw-lock{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:var(--surface2);border:1px dashed var(--ctl);font-size:14px}
.nw-lock span{flex:1;min-width:180px}
.nw-react{display:flex;flex-direction:column;gap:4px}
.nw-rh{font-size:12.5px}
.nw-rr{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.nw-rc{background:var(--surface);padding:6px 8px;display:flex;flex-direction:column;gap:1px;min-width:0}
.nw-rc b{font-size:14.5px}
.nw-rc.up b{color:var(--pos)}.nw-rc.down b{color:var(--neg)}.nw-rc.off b{color:var(--mute)}
.nw-rnote,.nw-rnone{margin:0;font-size:12.5px}
.nw-acts{display:flex;gap:8px;flex-wrap:wrap}
.nw-acts .btn{white-space:nowrap}
.nw-empty{margin:0;color:var(--text3)}
.nw-more{display:flex;justify-content:center}.nw-more:empty{display:none}
.nw-tl{margin-top:18px}
.nw-tl ol{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;border-left:2px solid var(--border)}
.nw-tl li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding-left:12px;position:relative}
.nw-tl li::before{content:'';position:absolute;left:-6px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 2px var(--surface)}
.nw-tl li>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.nw-tl li p{margin:0;line-height:1.65;color:var(--text2)}
.nw-foot{margin:14px 0 0;max-width:110ch}
.nw-sub{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap}
.nw-sub:empty{display:none}
.nw-sublink{font-size:14px;color:var(--link)}
.ai-nlead{display:flex;gap:16px 24px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin:10px 0 18px}
.nw-page{max-width:960px}
.nw-crumb{display:flex;gap:6px;align-items:center;font-size:14px;color:var(--mute);margin-bottom:14px}
.nw-crumb a{color:var(--link)}
.nw-pagefoot{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}
/* หน้าแรก: AI News แบบข่าวจริง */
.an-on i{background:var(--pos);box-shadow:0 0 0 3px var(--okbg)}
.an-lgrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:28px}
.an-lside{display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.an-gets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.an-gets li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start}
.an-gets li>span:last-child{display:flex;flex-direction:column;gap:2px;line-height:1.6}
.an-gets li>span:last-child>span{color:var(--text2);font-size:14.5px}
.an-live .an-cta{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
/* CME Live: ข่าวสำคัญล่าสุด */
.lbi-on{background:var(--sx-green-soft);color:var(--sx-green-tx)}
.lbi-nl{font-weight:600;color:inherit}.lbi-nl:hover{text-decoration:underline}
/* KUYTRADE SOCIAL: กระทู้ข่าว */
.sx-k-nw{background:var(--sx-blue-soft);color:var(--sx-blue-tx);display:inline-flex;gap:4px;align-items:center}
.sx-av-news{background:linear-gradient(140deg,#7C3AED,#1570EF 75%)}
.sx-nwp{border-left:3px solid var(--sx-blue)}
.sx-art .nw-one{margin-top:12px}
/* หลังบ้าน › AI News */
.nwa-url{word-break:break-all;max-width:420px}
.nwa-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.nwa-mx td{background:var(--surface2)}
.nwa-mxf{display:grid;grid-template-columns:minmax(0,2fr) 120px 140px;gap:8px 12px;align-items:end}
.nwa-mxf .flabel{grid-row:1}.nwa-mxf .inp{grid-row:2}.nwa-mxf p,.nwa-mxf button{grid-column:1/-1}
.nwa-add{margin-top:12px}.nwa-add summary{cursor:pointer;min-height:36px;display:flex;align-items:center}
.nwa-off{margin-bottom:14px;border-left:3px solid var(--warn,#D97706)}
@media (max-width:900px){.an-lgrid{grid-template-columns:1fr}.nwa-mxf{grid-template-columns:1fr}.nwa-mxf .flabel,.nwa-mxf .inp{grid-row:auto}}
/* ---------- รอบ 40: การ์ดข่าว News Intelligence (หน้าข่าวเดียว · กระทู้ข่าว · AI Insights) · กว้าง ≥ 840px = เนื้อหา + แถบข้อมูลด้านขวา ---------- */
.nw-card.nwi{padding:0;border-left:0;gap:0;container-type:inline-size}
.nwi-in{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "main" "side";gap:18px;padding:22px 24px}
.nwi-top{grid-area:top;display:flex;flex-direction:column;gap:10px;min-width:0}
.nwi-main{grid-area:main;display:flex;flex-direction:column;gap:18px;min-width:0}
.nwi-side{grid-area:side;display:flex;flex-direction:column;gap:20px;min-width:0;border-top:1px solid var(--line);padding-top:18px}
@container (min-width:840px){.nwi-in{grid-template-columns:minmax(0,1fr) 296px;grid-template-areas:"top side" "main side";column-gap:30px;row-gap:16px;padding:26px 28px}.nwi-side{border-top:0;padding-top:0;border-left:1px solid var(--line);padding-left:28px}}
.nwi-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;line-height:1.5}
.nwi-cat{font-weight:600;color:var(--text2)}
.nwi-imp{display:inline-flex;align-items:center;gap:6px;color:var(--text3)}
.nwi-imp::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--warn)}
.nwi-imp.i3{color:var(--negtx);font-weight:600}.nwi-imp.i3::before{background:var(--neg)}
.nwi-ver{display:inline-flex;align-items:center;gap:5px;color:var(--oktx);background:var(--okbg);border-radius:999px;padding:2px 10px 2px 8px;font-weight:500}
.nwi-t{margin:0;font-size:21px;line-height:1.42;font-weight:600;color:var(--text)}
.nwi-h1{font-size:clamp(23px,2.6vw,30px);line-height:1.36}
.nwi-by{margin:0;display:flex;flex-wrap:wrap;gap:2px 12px;font-size:13.5px;color:var(--mute)}
.nwi-by b{color:var(--text2);font-weight:600}
.nwi-s{margin:0;font-size:16px;line-height:1.75;color:var(--text2);max-width:72ch}
.nwi-facts{margin:0;padding-left:20px;color:var(--text2);line-height:1.7;display:flex;flex-direction:column;gap:4px;max-width:72ch}
.nwi-figs{display:flex;flex-direction:column;gap:10px}
.nwi-fig{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}
.nwi-fn{margin:0;padding:9px 14px;font-size:13.5px;font-weight:600;color:var(--text2);background:var(--surface2);border-bottom:1px solid var(--line)}
.nwi-fg{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.nwi-fg>div{padding:12px 14px 13px;min-width:0}
.nwi-fg>div+div{border-left:1px solid var(--line)}
.nwi-fg dt{font-size:12.5px;color:var(--text3);line-height:1.4}      /* รอบ 110: เดิม --mute บนพื้นฟ้าอ่อน (--navon2) = 4.34:1 */
.nwi-fg dd{margin:5px 0 0;font-size:21px;font-weight:600;line-height:1.2;color:var(--text);display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere}
.nwi-fg .a dd{color:var(--brand)}
.nwi-fg dd small{font-size:12px;font-weight:500;color:var(--text3);line-height:1.35}
.nwi-na{font-size:14px;font-weight:500;color:var(--mute)}
.nwi-fnote{margin:0;font-size:12.5px;line-height:1.6;color:var(--mute)}
@container (max-width:520px){.nwi-fg{grid-template-columns:repeat(2,minmax(0,1fr))}.nwi-fg>div:nth-child(3){border-left:0}.nwi-fg>div:nth-child(n+3){border-top:1px solid var(--line)}}
.nwi-ai{display:flex;flex-direction:column;gap:16px;padding-top:18px;border-top:1px solid var(--line)}
.nwi-aih{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;color:var(--mute)}
.nwi h4{margin:0 0 6px;font-size:14px;font-weight:600;line-height:1.45;color:var(--text)}
.nwi-why p,.nwi-sc p{margin:0;line-height:1.72;color:var(--text2)}
.nwi-sc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nwi-sc>div{border:1px solid var(--line);border-radius:12px;padding:12px 14px 13px;background:var(--surface2);min-width:0}
.nwi-sc h4{display:flex;align-items:center;gap:8px}
.nwi-k{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:6px;font-size:12px;font-weight:700;background:var(--surface);border:1px solid var(--border);color:var(--text2)}
.nwi-sc .dn .nwi-k{color:var(--negtx);border-color:var(--negbd)}.nwi-sc .up .nwi-k{color:var(--oktx);border-color:var(--okbd)}
@container (max-width:560px){.nwi-sc{grid-template-columns:minmax(0,1fr)}}
.nwi-wt ul{margin:0;padding-left:20px;color:var(--text2);line-height:1.7;display:flex;flex-direction:column;gap:3px}
.nwi-lock{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;padding:14px 16px;border-radius:12px;background:var(--surface2);border:1px solid var(--line)}
.nwi-lock>svg{margin-top:3px;flex:none}
.nwi-lock p{flex:1;min-width:200px;margin:0;color:var(--text2);line-height:1.6;font-size:14.5px}
.nwi-lock b{display:block;color:var(--text);font-weight:600}
.nwi-sym{font-weight:500;color:var(--mute);font-size:12.5px;margin-left:4px}
.nwi-mkr{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.nwi-mkr li{display:flex;flex-direction:column;gap:1px;padding:8px 8px 7px;border-radius:10px;background:var(--surface2);min-width:0}
.nwi-mkr span{font-size:12px;color:var(--mute);white-space:nowrap}
.nwi-mkr b{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap}
.nwi-mkr small{font-size:12px;color:var(--text3);white-space:nowrap}
.nwi-mkr .up b{color:var(--pos)}.nwi-mkr .dn b{color:var(--neg)}.nwi-mkr .off b{color:var(--mute)}
.nwi-note{margin:8px 0 0;font-size:12.5px;line-height:1.55;color:var(--mute)}
.nwi-mk h4 .num{font-weight:600}
.nwi-ev ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.nwi-ev li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:9px;align-items:start;font-size:14px;line-height:1.5;color:var(--text2)}
.nwi-ev li svg{margin-top:3px}
.nwi-ev .ok svg{color:var(--pos)}.nwi-ev .na svg{color:var(--mute)}.nwi-ev .wt svg{color:var(--brand)}
.nwi-as ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.nwi-as li{font-size:13px;font-weight:600;padding:4px 10px;border-radius:8px;border:1px solid var(--border);color:var(--text2)}
.nwi-acts{display:flex;flex-wrap:wrap;gap:8px}
.nwi-acts .btn{justify-content:center;white-space:nowrap}
@container (min-width:840px){.nwi-acts{display:grid;grid-template-columns:minmax(0,1fr)}}
@container (max-width:440px){.nwi-in{padding:18px 16px}.nwi-t:not(.nwi-h1){font-size:19.5px}.nwi-fg dd{font-size:19px}}
.nw-one .nwi{max-width:none}
.nw-list .nwi .nwi-in{padding:20px 22px}
@media (max-width:640px){.nw-src{margin-left:0;width:100%}.nw-sc{grid-template-columns:1fr}.nw-tl li{grid-template-columns:1fr}.nw-hi{margin-left:0}.nw-card{padding:14px}.nw-rc{padding:6px}}
/* ---------- รอบ 38C: KUYTRADE SOCIAL · Market Pulse (สมาชิก vs CME · สมุดไอเดีย · ย้อนดูช่วงตลาด · ห้องเฝ้าข่าว) — สีจากตัวแปร --sx-* (ธีมมืดตาม .sx[data-theme=dark]) ---------- */
.px-nav{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 18px}
.px-nav a{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 15px;border-radius:999px;border:1px solid var(--sx-line);background:var(--sx-surface);color:var(--sx-text2)!important;font-size:14px;font-weight:500;text-decoration:none!important}
.px-nav a:hover{border-color:var(--sx-line2);color:var(--sx-text)!important}
.px-nav a[aria-current=page]{background:var(--sx-text);border-color:var(--sx-text);color:var(--sx-surface)!important;font-weight:600}
.px-rh{display:flex;align-items:baseline;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;margin-bottom:14px}
.px-note{margin:10px 0 0;font-size:13px;line-height:1.55}
.px-vsk{font-size:12.5px;font-weight:600;color:var(--sx-mute)}
.px-dir{display:inline-flex;align-items:center;gap:4px;padding:2px 10px 2px 8px;border-radius:999px;font-size:13.5px;font-weight:600;line-height:1.6;white-space:nowrap;width:fit-content}
.px-dir.px-up{background:var(--sx-green-soft);color:var(--sx-green-tx)}
.px-dir.px-down{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.px-dir.px-flat{background:var(--sx-sunk);color:var(--sx-text2)}
.px-dir.big{font-size:18px;padding:6px 16px 6px 12px}
.px-dir.big svg{width:18px;height:18px}
/* หน้าประลอง: CME | VS | สมาชิก */
.px-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.5fr);gap:20px;align-items:center;padding:18px;border-radius:14px;background:var(--sx-raise);border:1px solid var(--sx-line)}
.px-vsc{display:flex;flex-direction:column;gap:8px;min-width:0}
.px-vsx{font-size:30px;font-weight:800;font-style:italic;letter-spacing:-.03em;line-height:1;color:var(--sx-line2);user-select:none}
.px-sb{display:flex;gap:3px;height:14px;border-radius:999px;overflow:hidden;background:var(--sx-sunk)}
.px-su{background:var(--sx-green);min-width:3px}.px-sd{background:var(--sx-neg);min-width:3px}
.px-sl{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:600}
.px-sl>span{display:inline-flex;align-items:center;gap:3px}
.px-sl>span:first-child{color:var(--sx-green-tx)}.px-sl>span:last-child{color:var(--sx-neg-tx)}.px-sl .sx-mut{font-weight:500}
.px-vb{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.px-vb .sx-btn{min-height:58px;font-size:17px;border-radius:14px;border-width:1.5px}
.px-vup{background:var(--sx-green-soft);border-color:var(--sx-green);color:var(--sx-green-tx)!important}
.px-vdn{background:var(--sx-neg-soft);border-color:var(--sx-neg);color:var(--sx-neg-tx)!important}
.px-vup:hover,.px-vdn:hover{box-shadow:0 0 0 3px var(--sx-blue-soft)}
.px-my{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 0;padding:12px 14px;border-radius:12px;background:var(--sx-green-soft);color:var(--sx-text)}
.px-my>span{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.px-lead{display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;background:var(--sx-blue-soft);color:var(--sx-blue-tx);font-size:13.5px;font-weight:600}
.px-scs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center}
.px-sc{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:14px;border:1px solid var(--sx-line);background:var(--sx-raise)}
.px-sc b{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--sx-text)}
.px-sc.crowd{border-color:var(--sx-blue)}
.px-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin:0}
.px-stats div{padding:10px 12px;border-radius:12px;background:var(--sx-raise);border:1px solid var(--sx-line)}
.px-stats dt{font-size:12.5px;color:var(--sx-mute)}.px-stats dd{margin:2px 0 0;font-size:19px;font-weight:700;color:var(--sx-text)}
.px-hist,.px-recent{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column}
.px-hist li,.px-recent li{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;padding:9px 0;border-top:1px solid var(--sx-line);font-size:14px}
.px-recent{margin:0}.px-recent li:first-child{border-top:0}
.px-rc{display:inline-flex;align-items:center;gap:6px}
.px-res{display:inline-flex;align-items:center;gap:3px;padding:1px 9px;border-radius:999px;font-size:12.5px;font-weight:600;background:var(--sx-sunk);color:var(--sx-text2)}
.px-res.ok{background:var(--sx-green-soft);color:var(--sx-green-tx)}.px-res.bad{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.px-lg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.px-lg li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--sx-line)}
.px-lg li:first-child{border-top:0}
.px-rk{font-size:15px;font-weight:700;color:var(--sx-mute);text-align:center}
.px-lg li:nth-child(-n+3) .px-rk{color:var(--sx-amber-tx)}
.px-lgw{display:flex;align-items:center;gap:10px;min-width:0;color:var(--sx-text)!important;text-decoration:none!important}
.px-lgt{display:flex;flex-direction:column;min-width:0;line-height:1.3}.px-lgt b,.px-lgt span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.px-lgn{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}.px-lgn b{font-size:16px}
.px-rules summary{cursor:pointer;min-height:36px;display:flex;align-items:center}
.px-rules ul{margin:10px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--sx-text2)}
/* สมุดไอเดีย */
.px-ih{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;margin-bottom:12px}
.px-iau{display:inline-flex;align-items:center;gap:8px;color:var(--sx-text)!important;text-decoration:none!important;margin-right:auto;min-width:0}
.px-side{padding:2px 10px;border-radius:8px;font-size:13px;font-weight:700}
.px-side.buy{background:var(--sx-green-soft);color:var(--sx-green-tx)}.px-side.sell{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.px-st{padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:600;background:var(--sx-sunk);color:var(--sx-text2)}
.px-st.live{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}.px-st.ok{background:var(--sx-green-soft);color:var(--sx-green-tx)}.px-st.bad{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.px-lv{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;margin:0}
.px-lv div{padding:8px 10px;border-radius:10px;background:var(--sx-raise);border:1px solid var(--sx-line)}
.px-lv dt{font-size:12px;color:var(--sx-mute)}.px-lv dd{margin:0;font-size:16px;font-weight:700}
.px-r.ok{color:var(--sx-green-tx)}.px-r.bad{color:var(--sx-neg-tx)}
.px-in{margin:12px 0 0;font-size:14.5px;color:var(--sx-text2);white-space:pre-wrap;overflow-wrap:anywhere}
.px-if{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--sx-line);font-size:13px}
.px-hash{display:inline-flex;align-items:center;gap:5px;color:var(--sx-mute);margin-right:auto}
.px-hash code{font-size:12px;padding:1px 6px;border-radius:6px;background:var(--sx-sunk);color:var(--sx-text2)}
.px-comp .sx-segs{margin-bottom:14px}
.px-cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.px-cg label,.px-cn{display:flex;flex-direction:column;gap:4px}.px-cn{margin-top:12px}
.px-pv{margin:12px 0 0;min-height:22px}.px-warn{color:var(--sx-neg-tx);font-weight:600}
.px-cb{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-top:14px}.px-cb .sx-mut{font-size:13px}
/* ย้อนดูช่วงตลาด */
.px-rpick{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.px-rpick label{display:flex;flex-direction:column;gap:4px;min-width:150px}
.px-svg{display:block;width:100%;height:auto}
.px-grid{stroke:var(--sx-line);stroke-width:1}.px-ax{fill:var(--sx-mute);font-size:11px;font-family:inherit}
.px-cu{fill:var(--sx-green);stroke:var(--sx-green)}.px-cd{fill:var(--sx-neg);stroke:var(--sx-neg)}
.px-mk{fill:var(--sx-blue);stroke:var(--sx-surface);stroke-width:2;cursor:pointer}.px-mk.on{fill:var(--sx-amber)}
.px-recap ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;color:var(--sx-text2)}
.px-rmsgs ol{list-style:none;margin:0;padding:0;max-height:420px;overflow:auto}
.px-rmsgs li{display:grid;grid-template-columns:44px 78px minmax(0,1fr);gap:10px;padding:8px 6px;border-top:1px solid var(--sx-line);font-size:14px;cursor:pointer;border-radius:8px}
.px-rmsgs li:first-child{border-top:0}.px-rmsgs li.on{background:var(--sx-amber-soft)}
.px-mpx{font-size:12.5px;color:var(--sx-blue-tx);font-weight:600}
.px-rmsgs li span:last-child{overflow-wrap:anywhere}
/* แถบ Market Pulse บนหน้าหลัก SOCIAL */
.px-band{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:0 0 16px;padding:2px}
.px-band::-webkit-scrollbar{display:none}
.px-bi{flex:none;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:72px;padding:10px 14px;border-radius:14px;background:var(--sx-surface);border:1px solid var(--sx-line);box-shadow:var(--sx-shadow)}
.px-bi>b{font-size:19px;line-height:1.2}
.px-bv{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px;max-width:340px}.px-bv .px-vsk{flex-basis:100%}
.px-bn{flex:1 0 220px;max-width:360px}
.px-bnl{color:var(--sx-text)!important;font-weight:600;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none!important}
.px-bnl:hover{color:var(--sx-blue-tx)!important}
/* ห้องเฝ้าข่าว */
.px-watch{margin-top:18px}
.px-wtt{display:inline-flex;align-items:center;gap:8px}
.px-wg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.px-wh3{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--sx-text)}
.px-wev,.px-wnl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.px-wev li{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:10px 8px;border-top:1px solid var(--sx-line);border-radius:8px}
.px-wev li:first-child{border-top:0}.px-wev li.on{background:var(--sx-amber-soft)}
.px-wevn{display:flex;flex-direction:column;min-width:0;line-height:1.4}.px-wevn .sx-mut{font-size:12.5px}
.px-wev .px-mv{grid-column:2/-1}
.px-cdn{font-size:13px;font-weight:600;color:var(--sx-amber-tx);white-space:nowrap}
.px-mv{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:12.5px;background:var(--sx-sunk);color:var(--sx-text2);width:fit-content}
.px-mv.ok{background:var(--sx-green-soft);color:var(--sx-green-tx)}.px-mv.bad{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.px-wnl li{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-top:1px solid var(--sx-line)}.px-wnl li:first-child{border-top:0}
.px-wnt{color:var(--sx-text)!important;font-weight:600;line-height:1.45;text-decoration:none!important}.px-wnt:hover{color:var(--sx-blue-tx)!important}
.px-wrx{display:flex;flex-wrap:wrap;gap:6px}
.px-wlock{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;background:var(--sx-raise);border:1px dashed var(--sx-line2)}
.px-wlock p{margin:4px 0 10px;font-size:13.5px}
/* แชทบนกราฟ (ห้อง CME Live) */
.cc-px{font-size:11.5px;font-weight:600;color:var(--sx-blue-tx);background:var(--sx-blue-soft);padding:0 6px;border-radius:6px;margin-left:2px}
.cc-mk{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:10px;border:1px solid var(--sx-line);background:transparent;color:var(--sx-text2);cursor:pointer}
.cc-mk[aria-pressed=true]{background:var(--sx-blue-soft);border-color:var(--sx-blue);color:var(--sx-blue-tx)}
@media (max-width:899px){.px-wg{grid-template-columns:1fr}}
@media (max-width:639px){
  .px-vs{grid-template-columns:1fr;gap:12px;padding:14px}.px-vs .px-vsx{font-size:18px;text-align:center}
  .px-scs{grid-template-columns:1fr 1fr;gap:10px}.px-scs .px-vsx{display:none}.px-sc b{font-size:26px}
  .px-vb .sx-btn{min-height:52px;font-size:16px}
  .px-rmsgs li{grid-template-columns:40px minmax(0,1fr)}.px-rmsgs li .px-mpx,.px-rmsgs li>span:nth-child(2){display:none}
  .px-bi{min-height:64px;padding:8px 12px}.px-bn{flex-basis:200px}
}
/* ===== รอบ 39: ท้ายเว็บใหม่ (คำสั่งเจ้าของ 23/10/2026) — โลโก้ · ลิงก์ 5 กลุ่มมีหัวข้อ · คำเตือนความเสี่ยงแบบเต็ม (หุ้น คริปโต Forex CFD ฯลฯ) · แถวล่าง =====
 * คงสีและตัวแปรเดิมของเว็บ (แบบรอบ 38C) · แถบ "มีคำถาม ทักทีมเราได้เลย" ด้านบนเหมือนเดิม */
.ft-sep{border-top:1px solid var(--border)}
.ft-main{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(5,minmax(0,1fr));gap:28px 24px;padding-top:44px;padding-bottom:36px}
.ft-brand{min-width:0}
#footnav.ft-cols{display:contents}
.ft-col{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.ft-h{margin:0 0 10px;font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:14.5px;font-weight:600;line-height:1.4;color:var(--text)}
.foot .ft-col a,.foot .ft-col .footbtn{min-height:36px;font-size:14.5px;line-height:1.45;color:var(--text2);text-decoration:none;text-align:left}
.foot .ft-col a:hover,.foot .ft-col .footbtn:hover{color:var(--link);text-decoration:underline}
.ft-risk{padding-top:28px;padding-bottom:28px}
.ft-rh{margin:0 0 10px;font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:14.5px;font-weight:600;color:var(--text)}
#footwarn p{margin:0 0 10px;max-width:1200px;font-size:13.5px;line-height:1.8;color:var(--text3)}
#footwarn p:last-child{margin-bottom:0}
#footwarn a{color:var(--link);font-weight:500;white-space:nowrap}
.ft-bot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 24px;padding-top:16px;padding-bottom:24px;font-size:13.5px;color:var(--text3)}
@media (max-width:1180px){.ft-main{grid-template-columns:repeat(3,minmax(0,1fr))}.ft-brand{grid-column:1/-1}}
@media (max-width:639px){.ft-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding-top:32px}.ft-bot{flex-direction:column;align-items:flex-start}}
/* รอบ 39: แข่งเทรดอยู่ในสังคมคุยเทรด — สมาชิกเห็นหน้าแข่งเทรดในโครงแอป (เมนูข้าง) · หน้าเดิมทุกอย่าง */
.sx-embed{color:var(--text);font-size:16px}
.sx-embed .wrap{max-width:none;padding-left:0;padding-right:0}
.sx-embed .pvbar{margin:8px 0;border-radius:12px;border:1px solid var(--tagbd)}
.sx-embed>section:first-child,.sx-embed>.pvbar+section{padding-top:20px!important}
/* ===== รอบ 39B: หน้า CME Analysis ใหม่ — สไตล์ภาพอ้างอิง "แข่งเทรด" ของเจ้าของ (ขาว · น้ำเงิน #4673E7 · เส้นเทาบาง · การ์ดมุม 20px ไม่มีเงา · กลุ่มปุ่มบนพื้นเทา)
 * เฉพาะหน้า /cme-analysis (#cmepage .cmp) · กราฟเดียวกันบนหน้าแรก/ห้อง CME Live ไม่เปลี่ยน · สีเขียนตรงในคุณสมบัติ (โหมดมืดแปลงอัตโนมัติด้วย tools/build_dark.js) */
#main:has(#cmepage)::before{display:none}
.cmp-top{padding-top:36px}
.cmp-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center;margin-top:20px}
.cmp-intro{display:flex;flex-direction:column;gap:16px;min-width:0}
.cmp-tag{align-self:flex-start;display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:8px;border:1px solid #D9D9D9;background:#FFFFFF;color:#3B3B3B;font-size:13px;font-weight:500}
.cmp-h1{margin:0;font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:clamp(30px,1.4vw + 20px,42px);line-height:1.22;font-weight:600;letter-spacing:-.015em;color:var(--text);text-wrap:balance}
.cmp-lead{margin:0;max-width:640px;font-size:17px;line-height:1.75;color:var(--text3)}
.cmp-round{display:flex;flex-direction:column;gap:18px;padding:26px 28px;border:1px solid #E6E6E6;border-radius:20px;background:#FFFFFF;min-width:0}
.cmp-rh{display:flex;justify-content:space-between;align-items:baseline;gap:6px 12px;flex-wrap:wrap}
.cmp-rh b{font-size:17px;font-weight:600;color:var(--text)}
.cmp-runs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.cmp-runs li{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#545454}
.cmp-runs i{display:block;height:14px;border-radius:4px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #CFCFCF}
.cmp-runs li.done i{background:#4673E7;box-shadow:none}
.cmp-runs li.next i{background:#EEF2FD;box-shadow:inset 0 0 0 1.5px #4673E7}
.cmp-runs li.next{color:#3D68DF;font-weight:600}
.cmp-nx{margin:10px 0 0}
.cmp-stats{margin:0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.4fr);gap:16px;padding-top:18px;border-top:1px solid #EFEFEF}
.cmp-stats>div{min-width:0}
.cmp-stats dt{font-size:13px;color:#545454}
.cmp-stats dd{margin:4px 0 0;font-size:clamp(19px,.9vw + 12px,26px);font-weight:600;line-height:1.2;color:var(--text)}
.cmp-stats dd.up{color:var(--pos)}.cmp-stats dd.dn{color:var(--neg)}
.cmp-tabs{display:flex;gap:4px;padding:4px;margin-top:44px;width:max-content;max-width:100%;overflow-x:auto;border-radius:14px;background:#F3F4F6;scrollbar-width:none}
.cmp-tabs::-webkit-scrollbar{display:none}
.cmp-tabs a{flex:none;display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:10px;font-size:14.5px;color:#545454;text-decoration:none;white-space:nowrap}
.cmp-tabs a:hover{color:var(--text)}
.cmp-tabs a.on{background:#FFFFFF;color:#3D68DF;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.06),0 0 0 1px #E6E6E6}
.cmp-sec{padding-top:48px}
.cmp-sh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.cmp-h2{margin:0;font-family:'Noto Sans Thai',var(--fx),sans-serif;font-size:clamp(22px,.8vw + 16px,28px);line-height:1.3;font-weight:600;color:var(--text)}
.cmp .cm-main.card,.cmp .cm-panel.card{border-radius:20px;border-color:#E6E6E6;box-shadow:none}
.cmp .cm-main.card{padding:20px}
.cmp .cm-panel{padding:24px;gap:16px}
.cmp .cm-chart{border-radius:14px;border-color:#EFEFEF}
.cmp .cm-tfs{gap:4px;padding:4px;border-radius:12px;background:#F3F4F6}
.cmp .cm-tfs .seg{min-height:36px;border-radius:9px;color:#545454}
.cmp .cm-tfs .seg.sel{background:#FFFFFF;color:#3D68DF;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.06),0 0 0 1px #E6E6E6}
.cmp .cmx-strip{background:#FFFFFF;border-color:#EFEFEF}
.cmp .cmx-chip{min-height:30px;border-radius:8px}
.cmp .cmx-more{border-radius:8px}
.cmp .cml-r{padding-top:13px;padding-bottom:13px}.cmp .cml-p{font-size:17px}
.cmp .cm-zone{gap:10px;padding:16px;border:1px solid #E6E6E6;border-radius:16px}
.cmp .cm-zone.buy,.cmp .cm-zone.sell{border-left:1px solid #E6E6E6}
.cmp .cm-zone.buy .cm-zh>b{color:var(--pos)}.cmp .cm-zone.sell .cm-zh>b{color:var(--neg)}
.cmp .cm-lock{border-radius:16px;border-color:#EFEFEF;background:#F7F8FA;box-shadow:none}
/* รอบ 51.7: โซน/แผน + สถิติใต้กราฟ (ไม่มีพื้นที่ว่างข้างกราฟ) · โซนเรียงเป็นคอลัมน์ · สถิติอยู่แนวเดียวกับแผงระดับราคา */
.cmp .cm-pg{align-items:stretch}
.cm-below{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:20px;align-items:start}      /* รอบ 111: ไม่มีสถิติแผนแล้ว → โซน/แผนเต็มความกว้าง */
#cm-pro:empty{display:none}.cm-below:has(#cm-pro:empty){display:none}
.cm-below #cm-pro{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-content:start;padding:24px;border:1px solid #E6E6E6;border-radius:20px;background:var(--surface)}
.cm-below #cm-pro>h3,.cm-below #cm-pro>p,.cm-below #cm-pro>.cm-news{grid-column:1/-1;margin:0}
@media (max-width:639px){.cm-below #cm-pro{padding:18px;grid-template-columns:minmax(0,1fr)}}
.cmp .cm-hl{gap:6px}
.cmp .cm-hr{border-radius:12px;border-color:#E6E6E6}
.cmp .cm-hr.on{border-color:#4673E7;background:#EEF2FD;box-shadow:inset 0 0 0 1px #4673E7}
.cmp #cm-hist>section{padding-top:48px}
.cmp .rp.card{border-radius:20px;border-color:#E6E6E6;box-shadow:none}
.cmp .rp-bias{border-left:0;border-radius:12px;background:#F5F7FE}
.cmp .rp-scc{border-top:1px solid #E6E6E6;border-radius:16px}
.cmp .rp-scc header b::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;background:#7C8494;vertical-align:1px}
.cmp .rp-scc.up header b::before{background:#16A34A}.cmp .rp-scc.down header b::before{background:#DC2626}
.cmp-what{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:start;padding-top:40px;border-top:1px solid #EFEFEF}
.cmp-wt{display:flex;flex-direction:column;gap:12px}
.cmp-p{margin:0;font-size:16px;line-height:1.75;color:var(--text3)}
.cmp-lk{align-self:flex-start;font-size:15px;color:#3D68DF}
.cmp .cm-what{display:flex;flex-direction:column;gap:0;margin:0}
.cmp .cm-what>div{display:grid;grid-template-columns:14px minmax(0,1fr);gap:4px 14px;align-items:baseline;padding:16px 0;border:0;border-top:1px solid #EFEFEF;border-radius:0;background:none}
.cmp .cm-what>div:first-child{border-top:0;padding-top:4px}
.cmp-sw{width:14px;height:14px;border-radius:4px;align-self:start;margin-top:5px;grid-row:span 2}
.cmp .cm-what dt{font-weight:600;font-size:16px}
.cmp .cm-what dd{grid-column:2;margin:0;color:var(--text3);font-size:15px;line-height:1.65}
.cmp .pfaq>div{border-color:#EFEFEF}
@media (max-width:1000px){.cmp-split,.cmp-what{grid-template-columns:minmax(0,1fr)}}
@media (max-width:639px){.cmp-round{padding:20px}.cmp-stats{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-stats>div:last-child{grid-column:1/-1}.cmp-tabs{margin-top:28px}.cmp .cm-main.card{padding:12px}.cmp .cm-panel{padding:18px}}
/* ===== รอบ 39C: ข่าวรายวัน (.nd) — หน้า AI News · สังคมคุยเทรด › AI Insights (โหมดย่อ) และ › ข่าวรายวัน ===== */
.nd-bar{display:flex;flex-direction:column;gap:12px}
.nd-desks{display:flex;flex-wrap:wrap;gap:8px}
.nd .pill{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #DDE3EC;background:#FFFFFF;color:var(--text2);font-size:14.5px;font-weight:500}
.nd .pill:hover{border-color:#A0BBF3}
.nd .pill.sel{background:#EEF3FE;border-color:#A0BBF3;color:#2753C2;font-weight:600}
.nd-n{font-size:12.5px;font-weight:500;color:var(--text3)}.nd .pill.sel .nd-n{color:#2753C2}
.nd-days{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:12px;background:#F2F4F7;align-self:flex-start;max-width:100%}
.nd .seg{min-height:36px;padding:0 13px;border-radius:9px;font-size:14px}
.nd .seg.sel{background:#FFFFFF;color:#2753C2;font-weight:600;box-shadow:0 0 0 1px #E2E7EF}
.nd-sum{margin:14px 0 0;font-size:13.5px;color:var(--text3)}
.nd-list{list-style:none;margin:6px 0 0;padding:0}
.nd-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:16px 0;border-top:1px solid #E9EDF3}
.nd-row:first-child{border-top:0}
.nd-t{font-size:14px;color:var(--text3);padding-top:2px}
.nd-b{min-width:0}
.nd-h{display:flex;gap:9px;align-items:baseline}
.nd-imp{flex:none;width:8px;height:8px;border-radius:50%;background:#3D68DF;transform:translateY(-2px)}.nd-row.i3 .nd-imp{background:#D92D20}
.nd-tl{min-width:0;font-size:16px;font-weight:500;line-height:1.5;color:var(--text)!important;text-decoration:none!important;overflow-wrap:anywhere}
.nd-row.i2 .nd-tl,.nd-row.i3 .nd-tl{font-weight:600}
a.nd-tl:hover{color:#1660C9!important;text-decoration:underline!important;text-underline-offset:3px}
.nd-s{margin:6px 0 0;font-size:14.5px;line-height:1.65;color:var(--text2)}
.nd-m{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:8px;font-size:13px;color:var(--text3)}
.nd-off{display:inline-flex;align-items:center;gap:4px;color:#1660C9;font-weight:600}
.nd-ext,.nd-thr{display:inline-flex;align-items:center;gap:4px;min-height:24px;color:#1660C9!important;font-weight:500;text-decoration:none!important}
.nd-ext:hover,.nd-thr:hover{text-decoration:underline!important;text-underline-offset:3px}
.nd-empty{padding:28px 0;color:var(--text3);text-align:center}
.nd-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}
.nd-foot .hint{flex-basis:100%;margin:6px 0 0;font-size:13px;line-height:1.7}
.nd-more{display:inline-flex;align-items:center;min-height:36px;font-size:14.5px;font-weight:600;color:#1660C9!important;text-decoration:none!important}.nd-more:hover{text-decoration:underline!important}
.nd-c .nd-list{margin:0}
.nd-c .nd-row{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:11px 0}
.nd-c .nd-t{font-size:13px}
.nd-c .nd-tl{font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nd-c .nd-m{margin-top:3px;font-size:12.5px}
.nd-c .nd-foot{margin-top:6px}
@media (max-width:639px){.nd-row{grid-template-columns:44px minmax(0,1fr);gap:10px}.nd-t{font-size:13px}.nd-tl{font-size:15.5px}.nd .pill{min-height:36px;padding:0 12px;font-size:14px}}
/* ภายในสังคมคุยเทรด: ใช้ชุดสีของ .sx */
.sx .nd .pill{background:var(--sx-surface);border-color:var(--sx-line);color:var(--sx-text2)}.sx .nd .pill:hover{border-color:var(--sx-line2)}
.sx .nd .pill.sel,.sx .nd .pill.sel .nd-n{background:var(--sx-blue-soft);border-color:transparent;color:var(--sx-blue-tx)}
.sx .nd-days{background:var(--sx-sunk)}.sx .nd .seg{color:var(--sx-text2)}.sx .nd .seg.sel{background:var(--sx-surface);color:var(--sx-blue-tx);box-shadow:0 0 0 1px var(--sx-line)}
.sx .nd-row{border-top-color:var(--sx-line)}.sx .nd-tl{color:var(--sx-text)!important}.sx .nd-s{color:var(--sx-text2)}
.sx .nd-t,.sx .nd-m,.sx .nd-sum,.sx .nd-n,.sx .nd-empty,.sx .nd-foot .hint{color:var(--sx-mute)}
.sx .nd-off,.sx .nd-ext,.sx .nd-thr,.sx .nd-more,.sx a.nd-tl:hover{color:var(--sx-blue-tx)!important}
.sx .nd-imp{background:var(--sx-blue)}.sx .nd-row.i3 .nd-imp{background:var(--sx-neg)}
.sx-daily{padding:20px 22px}
@media (max-width:639px){.sx-daily{padding:16px}}

/* ===== รอบ 39C: หน้า AI News (/ai-news · เดิม AI Analysis) — ขาวกับน้ำเงินฟ้า ===== */
#main:has(#anpage)::before{display:none}
.anp-band{background:#F5F8FD;border-bottom:1px solid #E1E8F4}
.anp-top{padding-top:28px;padding-bottom:30px}
.anp-mast{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:end;margin-top:22px}
.anp-h1{margin:0;font-size:clamp(36px,2vw + 22px,50px);font-weight:700;line-height:1.08;letter-spacing:-.025em;color:#0B2D6F}
.anp-lead{margin:14px 0 0;max-width:68ch;font-size:17px;line-height:1.7;color:var(--text2)}
.anp-date{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin:0;text-align:right;font-size:15px;color:var(--text2)}
.anp-date span+span{font-size:13.5px;color:var(--text3)}
.anp-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:26px 0 0;border:1px solid #DCE5F2;border-radius:16px;background:#FFFFFF;overflow:hidden}
.anp-cell{min-width:0;padding:16px 20px;border-left:1px solid #E6ECF5}.anp-cell:first-child{border-left:0}
.anp-cell dt{font-size:13.5px;font-weight:500;color:var(--text3)}
.anp-cell dd{margin:4px 0 0;display:flex;flex-direction:column;gap:2px}
.anp-cell b{font-size:22px;font-weight:600;line-height:1.3;color:var(--text);overflow-wrap:anywhere}
.anp-cell b span{font-size:15px;font-weight:600;margin-left:6px}
.anp-up{color:var(--pos)!important}.anp-dn{color:var(--neg)!important}
.anp-cn{font-size:12.5px;line-height:1.5;color:var(--text3)}
.anp-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:44px;align-items:start;padding-top:30px}
.anp-main{min-width:0}
.anp-tabs{display:flex;gap:28px;border-bottom:1px solid #E3E8EF;margin-bottom:18px;overflow-x:auto;scrollbar-width:none}
.anp-tabs button{flex:none;margin:0 0 -1px;padding:12px 0 11px;border:0;border-bottom:3px solid transparent;background:none;font-size:16.5px;font-weight:600;color:var(--text3);cursor:pointer}
.anp-tabs button:hover{color:var(--text)}
.anp-tabs button[aria-selected=true]{color:#0B2D6F;border-bottom-color:#1660C9}
.anp-tabs button:focus-visible{outline:3px solid #1660C9;outline-offset:2px;border-radius:4px}
.anp-pl{margin:0 0 16px;max-width:72ch;font-size:14.5px;line-height:1.7;color:var(--text3)}
.anp-rail{display:flex;flex-direction:column;gap:16px;min-width:0}
.anp-box{min-width:0;padding:18px;border:1px solid #E3E8EF;border-radius:14px;background:#FFFFFF}
.anp-bh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.anp-h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}
.anp-tv{position:relative;border:1px solid #EEF1F5;border-radius:10px;overflow:hidden}.anp-tv .tradingview-widget-container{height:100%}
.anp-tvcal{height:420px}.anp-tvwl{height:330px}
.anp-more{display:inline-flex;align-items:center;min-height:36px;margin-top:8px;font-size:14.5px;font-weight:600;color:#1660C9!important;text-decoration:none!important}.anp-more:hover{text-decoration:underline!important}
.anp-src{margin:10px 0 0;font-size:12.5px;line-height:1.55;color:var(--text3)}
.anp-box .cm-lv{margin-top:6px}#anp-cme .sx-linkbtn{display:none}      /* ลิงก์ไป CME Analysis อยู่ท้ายกล่องเสมอ (มีหรือไม่มีผลวิเคราะห์) */
.anp-soc{padding:18px;border:1px solid #DCE5F2;border-radius:14px;background:#F5F8FD}
.anp-soc b{display:block;font-size:16px;font-weight:600;color:#0B2D6F}.anp-soc p{margin:6px 0 12px;font-size:14px;line-height:1.65;color:var(--text2)}
.anp-off{padding:24px;border:1px solid #DCE5F2;border-radius:14px;background:#F9FBFE}.anp-off p{margin:8px 0 0;color:var(--text2);max-width:70ch}
.anp-h2{margin:0;font-size:22px;font-weight:600;line-height:1.35;color:#0B2D6F}
.anp-pr{padding-top:52px}
.anp-prl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 32px;margin:20px 0 0}
.anp-prl>div{padding-top:14px;border-top:1px solid #C9D6EA}
.anp-prl dt{font-size:16px;font-weight:600;color:var(--text)}
.anp-prl dd{margin:6px 0 0;font-size:14.5px;line-height:1.65;color:var(--text3)}
.anp-disc{max-width:980px;margin:32px 0 0;padding-bottom:76px;font-size:13.5px;line-height:1.75;color:var(--text3)}
.anp .nw-fil{margin-bottom:14px}
.anp-one .anp-top{padding-bottom:0}.anp-one .nw-page{padding-top:20px;padding-bottom:80px}
@media (max-width:1100px){.anp-body{grid-template-columns:minmax(0,1fr)}.anp-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.anp-prl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.anp-mast{grid-template-columns:minmax(0,1fr)}.anp-date{align-items:flex-start;text-align:left}
  .anp-strip{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.anp-cell:nth-child(odd){border-left:0}.anp-cell:nth-child(n+3){border-top:1px solid #E6ECF5}
  .anp-rail{grid-template-columns:minmax(0,1fr)}.anp-prl{grid-template-columns:minmax(0,1fr)}.anp-tabs{gap:22px}.anp-tabs button{font-size:15.5px}}
@media (max-width:639px){.anp-top{padding-top:20px;padding-bottom:22px}.anp-lead{font-size:16px}.anp-cell{padding:14px 16px}.anp-cell b{font-size:19px}.anp-box{padding:16px}.anp-tvcal{height:380px}}
/* ===== รอบ 40B: Wallet · เหรียญ · ของขวัญ/สนับสนุน · รายได้ · ชวนเพื่อน · แต้มสมาชิก (Wallet.html) ===== */
.wl{display:flex;flex-direction:column;gap:16px;min-width:0}
.wl-test{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px 16px;border-radius:12px;background:var(--tagbg);border:1px solid var(--tagbd);color:var(--tagtx);font-size:14.5px;line-height:1.6}
.wl-h3{font-size:17px;margin:0;font-weight:600;line-height:1.35}
.wl-pockets{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px}
.wl-pk{padding:22px 24px;display:flex;flex-direction:column;gap:12px;min-width:0}
.wl-pkh{display:flex;align-items:center;gap:10px}
.wl-pki{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--navon);color:var(--brand)}
.wl-pk-earn .wl-pki{background:var(--okbg);color:var(--pos)}
.wl-big{margin:0;font-size:clamp(30px,3vw,40px);font-weight:600;letter-spacing:-.02em;line-height:1.1;overflow-wrap:anywhere}
.wl-big.neg{color:var(--negtx)}
.wl-unit{font-size:15px;font-weight:500;letter-spacing:0;color:var(--text3);margin-left:8px}
.wl-pk .hint{margin:0}
.wl-bar{display:flex;gap:2px;height:8px;border-radius:999px;overflow:hidden;background:var(--track)}
.wl-bar span{display:block;height:100%;min-width:4px}
.wl-bar .a,.wl-kv i.a{background:var(--posfill)}.wl-bar .p,.wl-kv i.p{background:#93C5FD}.wl-bar .h,.wl-kv i.h{background:#F59E0B}
.wl-kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.wl-kv div{min-width:0}.wl-kv dt{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text3)}.wl-kv dd{margin:2px 0 0;font-weight:600;font-size:15.5px}
.wl-kv i{width:8px;height:8px;border-radius:2px;flex:none}
.wl-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:4px}
.wl-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.wl-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,112px),1fr));gap:10px}
.wl-pack,.wl-gt{position:relative;display:flex;flex-direction:column;gap:2px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--ctl);background:var(--surface);cursor:pointer;transition:box-shadow .12s ease,background-color .12s ease}
.wl-pack{align-items:flex-start;padding:14px 16px}
.wl-pack input,.wl-gt input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.wl-pack:hover,.wl-gt:hover{box-shadow:inset 0 0 0 1px var(--brand)}
.wl-pack:has(input:checked),.wl-gt:has(input:checked){box-shadow:inset 0 0 0 2px var(--brand);background:var(--navon)}
.wl-pack:has(input:focus-visible),.wl-gt:has(input:focus-visible){outline:3px solid var(--link);outline-offset:2px}
.wl-pack:has(input:disabled),.wl-gt:has(input:disabled){opacity:.45;cursor:not-allowed}
.wl-pack b{font-size:22px;font-weight:600;line-height:1.2}
.wl-pp{margin-top:8px;font-size:15px;font-weight:600;color:var(--text2)}
.wl-meth{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;border:0;margin:0;padding:0;min-width:0}
.wl-meth legend{padding:0;margin-bottom:6px}
.wl-pend{margin:0;font-size:14.5px}
.wl-open{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:12px;background:var(--surface2);border:1px solid var(--line)}
.wl-blk{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:12px;background:var(--surface2);font-size:15px}
.wl-prof{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--line)}
.wl-pdl{margin:0}.wl-pdl dd{margin:0}
.wl-pfx summary{cursor:pointer;color:var(--link);font-weight:600;min-height:40px;display:flex;align-items:center}
.wl-pfx[open] summary{margin-bottom:8px}
.wl-seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:12px;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line);align-self:flex-start;max-width:100%}
.wl-seg button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--text2);font:inherit;font-size:14.5px;cursor:pointer}
.wl-seg button:hover{color:var(--text)}
.wl-seg button[aria-selected=true]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px rgba(11,27,63,.08),inset 0 0 0 1px var(--border)}
.wl-seg.wl-seg2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;width:100%}
.wl-seg.wl-seg2 button{justify-content:center;padding:0 10px}
.wl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.wl-li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.wl-li:last-child{border-bottom:0}
.wl-lic{width:40px;height:40px;border-radius:12px;background:var(--surface2);display:inline-flex;align-items:center;justify-content:center;color:var(--text3);flex:none}
.wl-lit{min-width:0;display:flex;flex-direction:column;gap:2px}
.wl-lit b{font-weight:500;overflow-wrap:anywhere;line-height:1.45}
.wl-lit .lbl{font-size:13px;line-height:1.5}
.wl-amt{text-align:right;font-weight:600;white-space:nowrap;font-size:15.5px}
.wl-amt.pos{color:var(--pos)}.wl-amt.neg{color:var(--negtx)}
.wl-amt small{display:block;font-weight:400;font-size:12.5px;color:var(--text3);margin-top:2px}
.wl-msg{display:block;margin-top:4px;padding-left:10px;border-left:3px solid var(--line);color:var(--text2);font-size:14px;white-space:normal}
.wl-empty{padding:16px 0;color:var(--text3);font-size:15px}
.wl-ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--text2)}
.wl-rules{display:block}.wl-rules summary{cursor:pointer;font-weight:600;font-size:17px;min-height:28px}
.wl-rules ul{margin:4px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.65;color:var(--text2)}
.wl-link{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.wl-link .inp{flex:1 1 280px;min-width:0;background:var(--surface2)}
/* ของขวัญ */
.mdlg.wl-dlg{max-width:580px}
.wl-gd{display:flex;flex-direction:column;gap:14px}
.wl-gg{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;border:0;margin:0;padding:0;min-width:0}
.wl-gg legend.flabel{padding:0;grid-column:1/-1}
.wl-gt{align-items:center;text-align:center;padding:12px 6px 10px}
.wl-gt b{font-size:13.5px;font-weight:600;line-height:1.3}
.wl-gt .num{font-size:12.5px;color:var(--text3)}
/* รอบ 76: ไอคอนของขวัญชุดใหม่ (.kgi สีเดียว) — กรอบแซฟไฟร์อ่อนเหมือนแถวของขวัญในห้องแชท · น้ำเงินสดทั้งสองธีม ไม่มีโทนทอง */
.wl-gi{display:grid;place-items:center;width:52px;height:52px;margin-bottom:6px;border-radius:14px;color:#1570EF;background:radial-gradient(120% 120% at 28% 16%,#FFFFFF 0%,#EFF5FF 44%,#DCE9FF 100%);box-shadow:inset 0 0 0 1px rgba(21,112,239,.16),inset 0 1px 0 rgba(255,255,255,.95)}
.wl-gi .kgi{width:32px;height:32px}
.wl-lic:has(>.kgi){background:#EAF2FF}.wl-lic>.kgi,.wl-shelf .kgi{color:#1570EF}
.wl-done .kgi{color:#1570EF;filter:drop-shadow(0 10px 22px rgba(21,112,239,.28))}
html[data-theme="dark"] .wl-gi,.sx[data-theme=dark] .wl-gi{color:#7DB7FF;background:radial-gradient(120% 120% at 28% 16%,#1B2E57 0%,#132242 50%,#0D1831 100%);box-shadow:inset 0 0 0 1px rgba(125,183,255,.24),inset 0 1px 0 rgba(156,203,255,.14)}
html[data-theme="dark"] .wl-lic:has(>.kgi),.sx[data-theme=dark] .wl-lic:has(>.kgi){background:rgba(76,141,255,.15)}
html[data-theme="dark"] .wl-lic>.kgi,html[data-theme="dark"] .wl-shelf .kgi,html[data-theme="dark"] .wl-done .kgi,.sx[data-theme=dark] .wl-lic>.kgi,.sx[data-theme=dark] .wl-shelf .kgi,.sx[data-theme=dark] .wl-done .kgi{color:#7DB7FF}
.wl-dg .wl-gt{padding:14px 6px}.wl-dg .wl-gt b{font-size:18px}
.wl-sum{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;margin:0;padding:12px 14px;border-radius:12px;background:var(--surface2);font-size:14.5px}
.wl-confirm{display:flex;flex-direction:column;gap:12px;width:100%;padding:14px 16px;border-radius:12px;background:var(--navon2);box-shadow:inset 0 0 0 1px var(--navbd)}
.wl-done{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0 4px;text-align:center}
.wl-done .btn{width:auto;margin-top:6px}
.wl-gb .num{font-size:13px}
.wl-gc{display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:0 8px;color:var(--text3);font-size:13px}
.wl-shelf{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:2px 0 0}
.wl-shelf .g{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;color:var(--text2)}
.wl-db svg{color:currentColor}
/* แต้มและระดับ */
.wl-lv{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.wl-pts{margin-left:auto;text-align:right}
.wl-badge{width:56px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:22px;font-weight:700;color:#FFFFFF;background:#64748B}
.wl-badge.sm{width:30px;height:30px;border-radius:9px;font-size:14px}
.wl-badge.lv1{background:#1570EF}.wl-badge.lv2{background:#15803D}.wl-badge.lv3{background:#7C3AED}.wl-badge.lv4{background:#B45309}
.wl-prog{height:8px;border-radius:999px;background:var(--track);overflow:hidden}
.wl-prog span{display:block;height:100%;border-radius:999px;background:var(--brand)}
.wl-days{display:flex;flex-wrap:wrap;gap:6px}
.wl-days i{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;color:var(--text3);background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line)}
.wl-days i.on{background:var(--posfill);color:#FFFFFF;box-shadow:none}
.wl-ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.wl-step{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);min-width:0}
.wl-step b{font-size:14.5px;line-height:1.3;overflow-wrap:anywhere}
.wl-step.on{box-shadow:inset 0 0 0 2px var(--brand);background:var(--navon)}
.wl-step.done{background:var(--surface2)}
/* หลังบ้าน */
.wl-tda{white-space:nowrap}.wl-tda .btn{margin-right:8px}
.wl-ti{min-height:40px;width:84px;padding:6px 10px}
@media (max-width:900px){.wl-pockets{grid-template-columns:minmax(0,1fr)}.wl-ladder{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}
@media (max-width:560px){.wl-pk{padding:18px}.wl-kv{grid-template-columns:repeat(2,minmax(0,1fr))}.wl-pts{margin-left:0;text-align:left;flex-basis:100%}.wl-seg{display:flex}.wl-seg button{flex:1 1 auto;justify-content:center;padding:0 10px}
  .wl-li{grid-template-columns:36px minmax(0,1fr);}.wl-lic{width:36px;height:36px}.wl-amt{grid-column:2;text-align:left}}
/* รอบ 54: สมัครด้วย Google ก่อน · ขั้นผูก LINE · แถบเตือนยังผูกไม่ครบ */
.mgoogle .gmark{flex:none;margin-right:10px}
.mgoogle1{display:flex;align-items:center;justify-content:center;min-height:52px;background:#FFFFFF;color:#1F1F1F;border:1px solid #747775;border-radius:12px;font-weight:700;font-size:16px}
.mgoogle1:hover{background:#F2F2F2}
.mor{display:flex;align-items:center;gap:12px;margin:16px 0 10px;color:var(--muted);font-size:13px}
.mor::before,.mor::after{content:'';flex:1;height:1px;background:var(--line)}
.mgf{display:flex;gap:10px;align-items:flex-start;background:var(--warnbg,#FFF7E0);border:1px solid var(--warnbd,#F0D58A);color:var(--text);border-radius:12px;padding:12px 14px;margin:0 0 14px;font-size:15px;line-height:1.6}
.mgf svg{flex:none;margin-top:3px}
.mlk{list-style:none;margin:16px 0;padding:0;display:flex;flex-direction:column;gap:10px}
.mlk li{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:6px 10px;padding:12px;border:1px solid var(--line);border-radius:12px}
.mlk li.done{background:var(--okbg);border-color:var(--okbd)}
.mlk-i{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--oktx)}
.mlk li.done .mlk-i{border-color:var(--oktx)}
.mlk-n{font-weight:700}
.mlk li .lbl{grid-column:2}
.mlk li .lbtn,.mlk li .mgoogle{grid-column:1/-1;width:100%}
.mlinkbar{background:#06C755;color:#FFFFFF}
.mlinkbar .wrap{display:flex;align-items:center;gap:12px;padding-top:10px;padding-bottom:10px;font-weight:600;font-size:15px;line-height:1.5}
.mlinkbar .wrap span{flex:1}
.mlinkbar .btn{flex:none;background:#FFFFFF;color:#05863A;border-color:#FFFFFF}
@media (max-width:560px){.mlinkbar .wrap{font-size:14px;gap:10px}}
/* ===== รอบ 59: หลังบ้าน (สมาชิก · โปรโมชัน · การจำกัดสิทธิ์ · กติกาการโพสต์) ===== */
.mlrow{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.mlrow .mlq{flex:1 1 280px;min-width:0}.mlrow .mls{flex:0 1 220px;min-width:160px}
.mlfx summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-weight:600;color:var(--link)}
.mlfx summary:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:8px}
.mmf{margin-top:8px}
.mltags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mltags:empty{display:none}
.mtagb{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text2);font:inherit;font-size:14px;cursor:pointer}
.mtagb.on{background:var(--navon);border-color:var(--brand);color:var(--link);font-weight:600}
.mtag{display:inline-flex;align-items:center;gap:2px;font-size:13px;line-height:1.5;padding:2px 10px;border-radius:999px;background:var(--surface2);color:var(--text2);border:1px solid var(--border)}
.mtagx{padding-right:2px}.mtagx button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.mtagx button:hover{background:var(--hover)}
.mlsum{margin:0}
.mltbl td{vertical-align:middle}.mrowc{cursor:pointer}.mrowc:hover td{background:var(--hover)}
.mwho{display:flex;align-items:center;gap:10px;min-width:0}.mwhot{min-width:0}.mknm{font-weight:600;text-align:left;font-size:15px}
.mav{border-radius:50%;object-fit:cover;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface2)}
.mav0{background:var(--navon);color:var(--link);font-weight:700}
.mmail{overflow-wrap:anywhere;min-width:160px;max-width:260px}
.mgc{margin-top:6px}
.mpager{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.mdback{display:flex}
.mdh-top{display:flex;gap:16px;align-items:flex-start;min-width:0}.mdh-t{min-width:0;display:flex;flex-direction:column;gap:8px}
.mchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mhl{font-weight:600}
.crm-fun{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.crm-fun li{display:grid;grid-template-columns:minmax(96px,150px) minmax(0,1fr) auto;gap:12px;align-items:center;font-size:14px}
.crm-fb{height:10px;border-radius:999px;background:var(--track);overflow:hidden}.crm-fb i{display:block;height:100%;border-radius:999px;background:var(--brand)}.crm-fb i.ok{background:var(--posfill)}.crm-fb i.warn{background:var(--warn)}.crm-fb i.bad{background:var(--neg)}
.crm-fv{white-space:nowrap;text-align:right}
.crm-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 10px}.crm-bar .seg{min-height:36px}
.crm-q{display:flex;gap:6px;flex:1 1 240px;min-width:0}.crm-q .inp{flex:1;min-width:0}
.crm-st{margin:0 0 8px}.crm-pill{min-height:36px;padding:0 14px;font-size:14px}
.crm-pg{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.crm-pg:empty{display:none}
@media (max-width:520px){.crm-fun li{grid-template-columns:minmax(0,1fr) auto}.crm-fb{grid-column:1/-1;order:3}}
.mdtabs{margin-top:0}
#mkout{display:flex;flex-direction:column;gap:16px}
.mdp{display:flex;flex-direction:column;gap:16px;min-width:0}
.mtv{font-size:18px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.mfs{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;min-width:0}
/* รอบ 102: หลังบ้าน › ชวนเพื่อนปลดล็อคแพ็กเกจ — ตัวแก้ขั้นรางวัล (เพื่อนครบ n คน → รวม d วัน) */
.mtl{display:flex;flex-direction:column;gap:8px;max-width:640px}
.mtr .inp[aria-invalid=true]{border-color:var(--neg);box-shadow:0 0 0 3px var(--negbg)}
.mtr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.mtrn{flex:none;min-width:52px;font-size:13px;font-weight:600;color:var(--text2)}
.mtrf{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--text2)}
.mtrf .inp{width:76px;min-height:40px;text-align:center}
.mtra{color:var(--text3)}
.mtrm{min-width:64px}
.mtrx{margin-left:auto}
@media (max-width:479px){.mtra{display:none}.mtrx{margin-left:0}}
.mdatew{padding-left:34px;max-width:280px}
.mman2{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:16px;margin-top:4px}
.mtnotes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.mtnotes li{padding:12px 0;border-top:1px solid var(--line)}.mtnotes p{margin:0 0 4px;white-space:pre-wrap;overflow-wrap:anywhere}
.mprev{padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);display:flex;flex-direction:column;gap:8px}
.mh2{font-size:18px}
.bnwrap{display:flex;flex-direction:column;gap:16px}
.bnsc{display:grid;gap:6px 16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.bnsum{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.bnst{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,130px),1fr));gap:8px 16px;margin:0}
.bnst div{display:flex;flex-direction:column;min-width:0}.bnst dt{font-size:13px;color:var(--text3)}.bnst dd{margin:0;font-weight:600}
.bnposts{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.bnbar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.bnq{display:flex;gap:8px;align-items:center}.bnq .inp{width:220px;max-width:100%;min-height:44px}
@media (max-width:639px){.mdh-top{flex-direction:column}.bnq{width:100%}.bnq .inp{flex:1;width:auto}.mlrow .mls{flex:1 1 100%}.mdatew{padding-left:0}}
/* ===== รอบ 61: หน้าแข่งเทรด — หัวหน้าแท่นรางวัล · นับถอยหลัง · รางวัลตามอันดับ · เงื่อนไขรับรางวัล · หลังบ้าน ===== */
.lgx-hero{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 85% 0%,#1D4ED8 0%,#0B2A6B 45%,#071634 100%) #0B2A6B;color:#FFFFFF}
.lgx-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.lgx-hin{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:end;padding-top:56px}
.lgx-copy{padding-bottom:48px;min-width:0}
.lgx-kick{font-size:14.5px;font-weight:600;color:#9DC1FF}
.lgx-h1{margin:10px 0 0;font-size:clamp(30px,3.2vw,42px);line-height:1.14;font-weight:700;color:#FFFFFF;letter-spacing:-.01em;text-wrap:balance}
.lgx-sub{margin:14px 0 0;max-width:560px;font-size:17px;line-height:1.7;color:#D5E2FF}
.lgx-st{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:18px;font-size:15px;color:#D5E2FF}
.lgx-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;font-size:13.5px;font-weight:700;background:rgba(255,255,255,.14);color:#FFFFFF}
.lgx-chip.st-live{background:#15803D}.lgx-chip.st-open{background:#2563EB}.lgx-chip.st-review{background:#B45309}
.lgx-cdw{margin-top:22px}
.lgx-cdl{display:block;font-size:14px;font-weight:600;color:#9DC1FF}
.lgx-cd{display:flex;gap:10px;margin-top:8px}
.lgx-cdu{min-width:74px;padding:10px 12px 8px;border-radius:14px;background:rgba(4,14,36,.55);border:1px solid rgba(157,193,255,.28);text-align:center}
.lgx-cdu b{display:block;font-size:30px;line-height:1.1;font-weight:700;color:#FFFFFF;font-variant-numeric:tabular-nums}
.lgx-cdu span{display:block;margin-top:2px;font-size:12.5px;color:#B8CCF5}
.lgx-cdat{display:block;margin-top:8px;font-size:13.5px;color:#B8CCF5}
.lgx-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.lgx-cta .btn{display:inline-flex;align-items:center;gap:8px;width:auto}
.lgx-hero .btn-sec{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);color:#FFFFFF}.lgx-hero .btn-sec:hover{background:rgba(255,255,255,.18);color:#FFFFFF}
.lgx-hero :focus-visible{outline:3px solid #FFFFFF;outline-offset:2px}
.lgx-podw{min-width:0}
.lgx-pod{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;max-width:520px;margin-left:auto}
.lgx-step{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.lgx-medal{position:relative;overflow:hidden;width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;box-shadow:inset 0 -4px 0 rgba(0,0,0,.18),0 8px 22px rgba(0,0,0,.35)}
.lgx-medal.gold,.lgx-pc.gold .lgx-pcm{background:radial-gradient(circle at 35% 30%,#FFF4C2,#F2C94C 45%,#B8860B 100%) #F2C94C;color:#3B2A05}
.lgx-medal.silver,.lgx-pc.silver .lgx-pcm{background:radial-gradient(circle at 35% 30%,#FFFFFF,#D3DCE6 45%,#8C99A8 100%) #D3DCE6;color:#26303B}
.lgx-medal.bronze,.lgx-pc.bronze .lgx-pcm{background:radial-gradient(circle at 35% 30%,#FFE1C2,#D9965B 45%,#8E4E22 100%) #D9965B;color:#3A1C06}
.lgx-step.s1 .lgx-medal{width:84px;height:84px;font-size:34px}
.lgx-blk{width:100%;display:flex;flex-direction:column;gap:6px;padding:16px 12px;border-radius:16px 16px 0 0;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2);border-bottom:0;transform-origin:bottom center}
.lgx-step.s1 .lgx-blk{min-height:230px;background:linear-gradient(180deg,rgba(242,201,76,.34),rgba(242,201,76,.06));border-color:rgba(242,201,76,.55)}
.lgx-step.s2 .lgx-blk{min-height:170px}.lgx-step.s3 .lgx-blk{min-height:130px}
.lgx-blkr{font-size:13px;font-weight:700;color:#B8CCF5}
.lgx-blkp{font-size:15px;line-height:1.45;font-weight:600;color:#FFFFFF;overflow-wrap:anywhere}
@media (prefers-reduced-motion:no-preference){
  .lgx-blk{animation:lgxRise .9s cubic-bezier(.2,.9,.25,1.12) both}
  .lgx-step.s3 .lgx-blk{animation-delay:.1s}.lgx-step.s2 .lgx-blk{animation-delay:.25s}.lgx-step.s1 .lgx-blk{animation-delay:.4s}
  .lgx-medal{animation:lgxPop .6s cubic-bezier(.2,.9,.3,1.4) both}
  .lgx-step.s3 .lgx-medal{animation-delay:.55s}.lgx-step.s2 .lgx-medal{animation-delay:.7s}.lgx-step.s1 .lgx-medal{animation-delay:.85s}
  .lgx-medal.gold::after{content:'';position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.8) 50%,transparent 60%);transform:translateX(-120%);animation:lgxShine 1.4s ease 1.6s 1 both}
}
@keyframes lgxRise{from{transform:scaleY(.06);opacity:.2}to{transform:scaleY(1);opacity:1}}
@keyframes lgxPop{from{transform:translateY(-14px) scale(.6);opacity:0}to{transform:none;opacity:1}}
@keyframes lgxShine{to{transform:translateX(120%)}}
.lgx-tabw{padding-top:24px}
/* รอบ 61.1: สมาชิกเปิดหน้าแข่งเทรดในเปลือกสังคมคุยเทรด (.sx-embed: .wrap ไม่มีระยะขอบ) → หัวหน้าและแถบสีเป็นการ์ดมีระยะขอบใน */
.sx-embed .lgx-hero{border-radius:20px;margin-top:4px}
.sx-embed .lgx-hin{padding-left:clamp(20px,3.4vw,48px);padding-right:clamp(20px,3.4vw,48px);padding-top:44px}
.sx-embed .lgx-sec{padding:44px 0}
.sx-embed .lgx-sec.lgx-alt{border:1px solid var(--border);border-radius:20px;padding-left:clamp(16px,2.6vw,36px);padding-right:clamp(16px,2.6vw,36px)}
.lgx-pvn{margin:16px 0}
.lgx-sec{padding:56px 0}
.lgx-alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.lgx-sh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:18px}
.lgx-sh .h2,.lgx-sec>.wrap>.h2{margin:0;font-size:clamp(24px,2.4vw,30px)}
.lgx-pool{margin:0 0 18px;font-size:16px;color:var(--text2)}.lgx-pool b{font-size:22px;color:var(--text)}
.lgx-pcs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lgx-pc{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:18px;background:var(--surface);border:1px solid var(--border);min-width:0}
.lgx-pc.gold{border-color:#E9C46A;background:linear-gradient(160deg,rgba(242,201,76,.18),var(--surface) 62%)}
.lgx-pc.silver{border-color:#C3CCD6}.lgx-pc.bronze{border-color:#D9A06B}
.lgx-pc.none{opacity:.72}
.lgx-pcm{flex:none;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
.lgx-pcb{display:flex;flex-direction:column;gap:4px;min-width:0}
.lgx-pcr{font-size:13.5px;font-weight:700;color:var(--text3)}
.lgx-pct{font-size:18px;line-height:1.4;color:var(--text);overflow-wrap:anywhere}
.lgx-pca{font-size:15px;color:var(--text2)}
.lgx-h3{margin:30px 0 12px}
.lgx-ld{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface)}
.lgx-ld li{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 18px;border-top:1px solid var(--line)}
.lgx-ld li:first-child{border-top:0}
.lgx-ldr{font-weight:700;color:var(--link)}.lgx-ldp{font-weight:600;overflow-wrap:anywhere}.lgx-lda{color:var(--text2);white-space:nowrap}
.lgx-sps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.lgx-sp{display:flex;gap:12px;padding:18px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}
.lgx-spi{flex:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--navon);color:var(--link)}
.lgx-sp b{display:block;font-size:16px}
.lgx-spp{display:block;margin-top:2px;font-weight:600;color:var(--text2)}
.lgx-sp p{margin:6px 0 0;font-size:14.5px;line-height:1.6;color:var(--text2)}
.lgx-tba{display:flex;gap:16px;align-items:center;padding:24px;border-radius:18px;border:1px dashed var(--ctl);background:var(--surface);color:var(--text2)}
.lgx-tba svg{flex:none;color:#B8860B}
.lgx-tba b{display:block;font-size:18px;color:var(--text)}.lgx-tba p{margin:4px 0 0}
.lgx-seg{flex:none}
.lgx-cg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.lgx-cc{padding:20px 22px;display:flex;flex-direction:column;gap:10px;min-width:0}
.lgx-cc .h3{margin:0}.lgx-cc .body{margin:0}
.lgx-ck{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.lgx-ck li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.6}
.lgx-ck svg{flex:none;margin-top:3px;color:#15803D}
.lgx-more{font-weight:600;min-height:44px;display:inline-flex;align-items:center;align-self:flex-start}
.lgx-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.lgx-tl li{position:relative;display:flex;flex-direction:column;gap:4px;padding:22px 16px 0 0}
.lgx-tl li::before{content:'';position:absolute;top:6px;left:14px;right:0;height:2px;background:var(--border)}
.lgx-tl li:last-child::before{display:none}
.lgx-tld{position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50%;background:var(--surface);border:2px solid var(--link)}
.lgx-tl li.done .lgx-tld{background:var(--link)}
.lgx-tl b{font-size:15px}.lgx-tl .num{font-size:14px;color:var(--text2)}
@media (max-width:900px){.lgx-hin{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:40px}.lgx-copy{padding-bottom:0}.lgx-pod{margin:0 auto}.lgx-pcs,.lgx-cg{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.lgx-cd{gap:6px}.lgx-cdu{min-width:0;flex:1;padding:8px 4px}.lgx-cdu b{font-size:24px}.lgx-ld li{grid-template-columns:minmax(0,1fr);gap:4px}
  .lgx-step.s1 .lgx-blk{min-height:180px}.lgx-step.s2 .lgx-blk{min-height:130px}.lgx-step.s3 .lgx-blk{min-height:100px}.lgx-medal{width:52px;height:52px;font-size:22px}.lgx-step.s1 .lgx-medal{width:64px;height:64px;font-size:26px}.lgx-blkp{font-size:13.5px}.lgx-tl li{padding-bottom:10px}}
/* หลังบ้าน › แข่งเทรด */
.alg-tw table{min-width:820px}
.alg-pt td{padding:6px;vertical-align:middle}
.alg-pt .alg-f,.alg-pt .alg-t{width:72px}.alg-pt .alg-a{width:110px}.alg-pt .alg-k{width:150px}.alg-pt .alg-th,.alg-pt .alg-en{min-width:200px;width:100%}
.alg-sp{padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--surface2)}
.alg-l{display:block;min-width:0}.alg-cr{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.alg-cr textarea{resize:vertical;min-height:64px;width:100%}
/* ---------- รอบ 62: CME Live — เมตริก kt-metrics 1.0 · ข้อมูลดิบ · +1 แผน · ป้ายแต้มสมาชิก ---------- */
.cmd-modes{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cmd-rawb{min-height:36px}
.cmd-vote{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--sx-line2);background:var(--sx-surface);color:var(--sx-text2);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.cmd-vote b{font-weight:600;color:var(--sx-mute)}.cmd-vote:hover:not(:disabled){border-color:var(--sx-blue);color:var(--sx-blue-tx)}
.cmd-vote.on{background:var(--sx-blue-soft);border-color:transparent;color:var(--sx-blue-tx)}.cmd-vote.on b{color:var(--sx-blue-tx)}
.cmd-vote:disabled{cursor:default;opacity:.75}
.cmd-mt{margin-top:14px}.cmd-tv small{font-size:.58em;margin-left:2px;font-weight:600;color:var(--sx-mute)}
.cmd-spark{display:block;margin-top:8px;overflow:visible}.cmd-spark path{fill:none;stroke:var(--sx-blue);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.cmd-mg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.cmd-mf{margin:0;min-width:0;border:1px solid var(--sx-line);border-radius:12px;padding:12px 14px 6px;background:var(--sx-raise)}
.cmd-mf figcaption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;font-size:13px;margin-bottom:4px}.cmd-mf figcaption b{font-weight:700;color:var(--sx-text)}
.cmd-msvg{display:block;width:100%;height:auto}
.cmd-gl,.cmd-zl{stroke:var(--sx-line);stroke-width:1}.cmd-zl{stroke:var(--sx-line2)}
.cmd-ax{fill:var(--sx-mute);font-size:11px;font-family:inherit}.cmd-flipt{fill:var(--sx-text2);font-weight:600}
.cmd-sl{fill:none;stroke:var(--sx-text2);stroke-width:2;stroke-linejoin:round}
.cmd-sd{fill:var(--sx-surface);stroke:var(--sx-text2);stroke-width:1.5}
.cmd-s25{stroke:var(--sx-surface);stroke-width:2}.cmd-s25.put{fill:var(--cmd-put)}.cmd-s25.call{fill:var(--cmd-call)}
.cmd-nowl{stroke:var(--sx-text);stroke-width:1;stroke-dasharray:3 3}.cmd-flipl{stroke:var(--sx-mute);stroke-width:1.5;stroke-dasharray:6 4}
.cmd-gb.pos{fill:color-mix(in srgb,var(--cmd-call) 62%,transparent)}.cmd-gb.neg{fill:color-mix(in srgb,var(--cmd-put) 62%,transparent)}
.cmd-gb:hover,.cmd-sd:hover{opacity:.75}
.cmd-lgd{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 4px 0 8px;vertical-align:-1px}.cmd-lgd.put{background:var(--cmd-put)}.cmd-lgd.call{background:var(--cmd-call)}.cmd-lgd.now{width:12px;height:0;border-top:1.5px dashed var(--sx-text);border-radius:0;vertical-align:3px}
.cmd-mfacts{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.cmd-mfacts li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;font-size:13.5px;line-height:1.55;color:var(--sx-text2)}.cmd-mfacts .cmd-fk{color:var(--sx-mute)}.cmd-mfacts b{color:var(--sx-text);font-weight:600}
.cmd-met .cmd-how{margin-top:14px}
.cmd-mlock{display:flex;align-items:flex-start;gap:12px;color:var(--sx-text2)}.cmd-mlock>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.cmd-mlock b{color:var(--sx-text)}
@container (max-width:860px){.cmd-mg{grid-template-columns:minmax(0,1fr)}}
@container (max-width:560px){.cmd-mfacts li{grid-template-columns:minmax(0,1fr);gap:2px}}
/* หน้าต่างข้อมูลดิบ (อยู่นอกพื้นที่สังคมคุยเทรด → ใช้สีของธีมหลัก) */
.mdlg.mdlg-wide{max-width:min(1100px,96vw)}
.cmd-raw h2{margin:0 40px 8px 0}.cmd-raw .cmd-pn{margin:0 0 10px;font-size:13px;color:var(--text2);line-height:1.6}.cmd-raw .cmd-sep{color:var(--text3)}
.cmd-raw .cmd-exps{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.cmd-raw .cmd-chip{min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font:inherit;font-size:13px;cursor:pointer}.cmd-raw .cmd-chip[aria-pressed=true]{background:var(--surface2);color:var(--text);box-shadow:inset 0 0 0 1px var(--ctl)}
.cmd-rawact{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.cmd-rawact .sx-btn{width:auto}
.cmd-rawt{max-height:52vh;overflow:auto;border:1px solid var(--border);border-radius:10px;margin:0 0 14px;background:var(--surface)}
.cmd-rawt:focus-visible{outline:3px solid var(--ctl);outline-offset:2px}
.cmd-rtab{border-collapse:collapse;width:100%;font-size:12.5px;color:var(--text)}
.cmd-rtab th,.cmd-rtab td{padding:6px 10px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--border)}
.cmd-rtab thead{position:sticky;top:0;z-index:1}.cmd-rtab thead th{background:var(--surface2);color:var(--text2);font-weight:600}.cmd-rtab thead th[scope=colgroup]{text-align:center;color:var(--text)}.cmd-rtab thead th[rowspan]{vertical-align:bottom}
.cmd-rtab tbody th{text-align:left;font-weight:600;background:none;color:var(--text)}.cmd-rtab thead tr:first-child th:first-child{text-align:left}.cmd-rtab tr.atm{background:var(--surface2)}.cmd-rtab tr.atm th{box-shadow:inset 3px 0 0 var(--ctl)}
.cmd-raw .h4{margin:4px 0 8px}.cmd-raw .cmd-disc{margin:0;font-size:12.5px;color:var(--text3)}
.cmd-raw .cmd-pre{font-size:11px;padding:1px 6px;border-radius:5px;background:var(--surface2);color:var(--text2)}
/* กราฟ CME: +1 แผนที่เลือก */
.cmx-pkv{font-size:11.5px;padding:0 6px;border-radius:5px;background:var(--surface2);color:var(--text2);font-weight:600}
.cmx-vote{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.cmx-vote b{font-weight:600}.cmx-vote.on{background:var(--surface2);color:var(--text);box-shadow:inset 0 0 0 1px var(--ctl)}.cmx-vote:disabled{cursor:default;opacity:.75}
/* ป้ายแต้มสมาชิก */
.ptspop{position:fixed;top:84px;right:16px;z-index:60;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#FFE9A8,#F5C451) #F5C451;color:#3B2A05;font-size:14px;font-weight:700;box-shadow:0 8px 24px rgba(14,23,38,.18);pointer-events:none;animation:ptsIn .25s ease-out both,ptsOut .4s ease-in 2.2s both}
@keyframes ptsIn{from{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:none}}
@keyframes ptsOut{to{opacity:0;transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.ptspop{animation:none}}
/* ===== รอบ 66 (เจ้าของสั่ง 28/10/2026) =====
 * 1) เดสก์ท็อป ≥1024px: เมนูซ้ายชิดขอบจอ · ย่อเป็นแถบไอคอน 76px ได้ (.sx-app.rail · จำไว้ในเครื่อง) · เนื้อหาขยายตามพื้นที่ (สูงสุด 1480px)
 * 2) การ์ดฟีด: ความเห็นล่าสุด 2 รายการ + ช่องเขียนความเห็นที่เห็นตลอด
 * 3) อันดับแต้มประจำเดือน · รายได้และแต้มของฉัน · ของขวัญด้วยแต้ม */
.sx-sidet{display:none}
@media (min-width:1024px){
  .sx-app{max-width:none;margin:0}
  .sx-work>.sx-top,.sx-work>.sx-page{max-width:1480px;margin-left:auto;margin-right:auto}
  .sx-sidet{display:inline-flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--sx-line);background:var(--sx-surface);color:var(--sx-text2);cursor:pointer;box-shadow:var(--sx-shadow)}
  .sx-sidet:hover{color:var(--sx-text);border-color:var(--sx-line2)}
  .sx-app.rail{grid-template-columns:76px minmax(0,1fr)}
  .sx-app.rail .sx-sidein{padding:14px 10px;align-items:center}
  .sx-app.rail .sx-brand,.sx-app.rail .sx-navh,.sx-app.rail #sx-myspaces,.sx-app.rail .sx-sidefoot .sx-linkbtn{display:none}
  .sx-app.rail .sx-nl>span:not(.sx-nb),.sx-app.rail .sx-create span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .sx-app.rail .sx-nl{justify-content:center;padding:0;width:52px}
  .sx-app.rail .sx-nl .sx-nb{position:absolute;top:4px;right:2px;margin:0;min-width:16px;height:16px;font-size:10px;padding:0 4px}
  .sx-app.rail .sx-nl.on::before{left:-10px}
  .sx-app.rail .sx-create{width:52px;padding:0}
  .sx-app.rail .sx-logo{padding:2px 0 12px}
  .sx-app.rail .sx-theme{flex-direction:column;border-radius:16px}
  .sx-app.rail .sx-mecard{padding:4px;border:0;box-shadow:none;background:transparent;min-height:0;justify-content:center}
  .sx-app.rail .sx-meb,.sx-app.rail .sx-meplan{display:none}
  .sx-app.rail .sx-top .sx-topnew{display:inline-flex}
  .sx-post .sx-px{max-width:78ch}
}
@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.sx-app{transition:grid-template-columns .2s ease}}

/* การ์ดฟีด: ความเห็นล่าสุด · ช่องเขียนความเห็น */
.sx-cpv{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding-top:10px;border-top:1px solid var(--sx-line)}
.sx-cpall{min-height:32px;font-size:14px}
.sx-cpr{display:flex;gap:8px;align-items:flex-start;min-width:0}
.sx-cpav{flex:none;display:inline-flex;text-decoration:none}
.sx-cpb{min-width:0;max-width:100%;background:var(--sx-raise);border:1px solid var(--sx-line);border-radius:4px 14px 14px 14px;padding:6px 12px 8px}
.sx-cpn{display:flex;align-items:center;flex-wrap:wrap;gap:2px 6px;font-size:13.5px;font-weight:600;line-height:1.4}
.sx-cpn a{color:var(--sx-text)!important;text-decoration:none}.sx-cpn a:hover{text-decoration:underline}
.sx-cpn time{font-weight:400;font-size:12.5px}
.sx-cpb p{margin:2px 0 0;font-size:14.5px;line-height:1.55;color:var(--sx-text);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sx-qform{display:grid;grid-template-columns:32px minmax(0,1fr) 40px;gap:8px;align-items:end;margin-top:8px;padding:8px 0 6px}
.sx-cpv+.sx-qform{margin-top:0}
.sx-acts+.sx-qform{border-top:1px solid var(--sx-line);padding-top:12px}
.sx-qform>.sx-av{margin-bottom:4px}
.sx-qin{display:block;width:100%;min-height:40px;max-height:160px;resize:none;border:1px solid var(--sx-line2);border-radius:20px;background:var(--sx-raise);color:var(--sx-text);padding:8px 14px;font:inherit;font-size:15px;line-height:1.5;overflow-y:auto}
.sx-qin::placeholder{color:var(--sx-mute)}
.sx-qin:focus{border-color:var(--sx-blue);background:var(--sx-surface)}
.sx-qsend{width:40px;height:40px;border-radius:50%;border:0;background:var(--sx-pri);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.sx-qsend:hover{background:var(--sx-pri2)}.sx-qsend:disabled{opacity:.55;cursor:default}
.sx-qform .ferr{grid-column:2/-1;grid-row:3;margin:0}
.sx-qform>.sx-av,.sx-qform>span:first-child{grid-column:1;grid-row:1}.sx-qform>.sx-qin{grid-column:2;grid-row:1}.sx-qform>.sx-qsend{grid-column:3;grid-row:1}
.sx-qform>.sx-men-box{grid-column:2/-1;grid-row:2}
.sx-qnote{margin:8px 0 4px;font-size:14px}
.sx-post.cpo .sx-cpv,.sx-post.cpo .sx-qform,.sx-post.cpo .sx-qnote{display:none}
@media (max-width:639px){.sx-qform{grid-template-columns:28px minmax(0,1fr) 40px;gap:6px}.sx-qform>.sx-av{width:28px!important;height:28px!important}}
/* รอบ 76: ปุ่มแนบรูปอยู่ในช่องเขียนความเห็น (มุมขวาล่าง · ช่องเขียนกว้างเท่าเดิมบนมือถือ) · รูปที่แนบอยู่แถวที่ 3 */
.sx-qform>.sx-qin{padding-right:44px}
.sx-qform>.sx-qimg{grid-column:2;grid-row:1;justify-self:end;align-self:end;position:relative;z-index:1;margin:0 3px 3px 0}
.sx-qform>.sx-rimgs{grid-column:2/-1;grid-row:3}.sx-qform .ferr{grid-row:4}
.sx-qimg{width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--sx-mute);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.sx-qimg:hover{background:var(--sx-sunk);color:var(--sx-blue-tx)}

/* โปรไฟล์: ระดับสมาชิกจากแต้ม · อันดับเดือนนี้ */
.sx-plv-member{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}.sx-plv-contributor{background:var(--sx-green-soft);color:var(--sx-green-tx)}
.sx-plv-expert{background:#EFE8FF;color:#5B21B6}.sx-plv-legend{background:linear-gradient(135deg,#FFF3C4,#F3D27A);color:#5C3B00}
.sx[data-theme=dark] .sx-plv-expert{background:rgba(167,139,250,.16);color:#C4B5FD}.sx[data-theme=dark] .sx-plv-legend{background:rgba(243,210,122,.16);color:#F3D27A}
a.sx-rkchip{background:var(--sx-amber-soft);color:var(--sx-amber-tx)!important;text-decoration:none}a.sx-rkchip:hover{text-decoration:underline}

/* อันดับแต้ม (การ์ดหน้าหลัก · หน้าอันดับ · ผู้สนับสนุน) */
.kr-ch{display:flex;align-items:baseline;justify-content:space-between;gap:4px 12px;flex-wrap:wrap}.kr-ch .sx-rh,.kr-ch .sx-h2{margin:0}.kr-ch>.sx-mut{font-size:13px}
.sx-rankc{gap:8px}
.kr-mini,.kr-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.kr-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 0;border-bottom:1px solid var(--sx-line);min-width:0}
.kr-row:last-child{border-bottom:0}
.kr-row.me{background:var(--sx-blue-soft);margin:0 -10px;padding:6px 10px;border-radius:10px;border-bottom-color:transparent}
.kr-rk{flex:none;min-width:28px;height:28px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--sx-sunk);color:var(--sx-text2);font-variant-numeric:tabular-nums}
.kr-rk.r1{background:#FDF0C2;color:#7A5200}.kr-rk.r2{background:#E9EEF4;color:#3A4556}.kr-rk.r3{background:#FBE5D6;color:#8A3D0C}
.sx[data-theme=dark] .kr-rk.r1{background:rgba(250,204,21,.18);color:#FDE68A}.sx[data-theme=dark] .kr-rk.r2{background:rgba(203,213,225,.14);color:#E2E8F0}.sx[data-theme=dark] .kr-rk.r3{background:rgba(251,146,60,.16);color:#FDBA74}
.kr-who{display:flex;align-items:center;gap:8px;min-width:0;flex:1;color:var(--sx-text)!important;text-decoration:none}
.kr-who:hover .kr-nm b{text-decoration:underline}
.kr-nm{display:flex;align-items:center;gap:4px;min-width:0}.kr-nm b{font-weight:600;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kr-pt{flex:none;display:inline-flex;align-items:baseline;gap:4px}.kr-pt b{font-size:15px;font-weight:700;color:var(--sx-text)}.kr-u{font-size:12px;color:var(--sx-mute)}
.kr-meline{margin:4px 0 0;font-size:14px;color:var(--sx-text2)}.kr-reset{margin:0;font-size:13px}
.kr-page{display:flex;flex-direction:column;gap:14px}
.kr-list{padding:6px 18px}.kr-list .kr-row{min-height:60px}.kr-list .kr-nm b{font-size:15.5px}
.kr-list .kr-row.me{margin:0 -12px;padding:6px 12px}
.kr-h{flex:none;font-size:13.5px;max-width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kr-you{flex:none;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--sx-pri);color:#FFFFFF}
.kr-mec{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.kr-mev{display:flex;flex-direction:column}.kr-mev b{font-size:30px;line-height:1.15;font-weight:800;color:var(--sx-text)}
.kr-mex{flex:1 1 260px;display:flex;flex-direction:column;gap:4px;min-width:0}
@media (max-width:639px){.kr-h{display:none}.kr-list{padding:4px 14px}}

/* รายได้และแต้มของฉัน */
.kr-sel{min-height:40px;max-width:220px;border:1px solid var(--sx-line2);border-radius:10px;background:var(--sx-surface);color:var(--sx-text);font:inherit;font-size:14.5px;padding:0 10px}
.kr-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}
.kr-tile{display:flex;flex-direction:column;gap:2px;padding:16px 18px}
.kr-tile.pri{border-color:var(--sx-blue);box-shadow:inset 0 0 0 1px var(--sx-blue)}
.kr-tl{font-size:13px;color:var(--sx-mute)}.kr-tv{font-size:28px;line-height:1.2;font-weight:800;color:var(--sx-text)}.kr-ts{font-size:13px}
.kr-sec{display:flex;flex-direction:column;gap:12px}.kr-sec .sx-h2{margin:0}
.kr-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:14px;align-items:start}
.kr-chart{position:relative;padding-top:30px}
.kr-bars{display:flex;align-items:flex-end;gap:2px;height:150px;border-bottom:1px solid var(--sx-line2)}
.kr-b{flex:1 1 0;min-width:0;height:100%;display:flex;align-items:flex-end;cursor:default}
.kr-b i{display:block;width:100%;max-width:18px;margin:0 auto;border-radius:4px 4px 0 0;background:var(--sx-blue);min-height:0}
.kr-b.fut i{background:transparent}.kr-b.neg i{height:3px!important;background:var(--sx-neg)}
.kr-b.on i{background:var(--sx-pri2)}.kr-b.fut{opacity:.5}
.kr-tip{position:absolute;top:0;padding:4px 10px;border-radius:8px;background:var(--sx-text);color:var(--sx-bg);font-size:13px;white-space:nowrap;pointer-events:none;z-index:2}
.kr-xax{display:flex;justify-content:space-between;font-size:12px;margin-top:6px}
.kr-tbl summary{cursor:pointer;font-size:14px;color:var(--sx-blue-tx);min-height:32px;display:flex;align-items:center}
.kr-tbl table{border-collapse:collapse;font-size:14px;margin-top:6px;min-width:220px}.kr-tbl th,.kr-tbl td{padding:4px 12px 4px 0;border-bottom:1px solid var(--sx-line);text-align:left}.kr-tbl td{text-align:right}
.kr-kinds,.kr-minus{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.kr-kinds li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'l v' 'b b';gap:4px 12px;align-items:center}
.kr-kl{grid-area:l;display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;color:var(--sx-text)}.kr-kl svg{color:var(--sx-blue)}
.kr-kl span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kr-kb{grid-area:b;height:6px;border-radius:999px;background:var(--sx-sunk);overflow:hidden}.kr-kb i{display:block;height:100%;border-radius:999px;background:var(--sx-blue)}
.kr-kv{grid-area:v;font-weight:700;font-size:14.5px;color:var(--sx-text)}.kr-kv small{font-weight:400;color:var(--sx-mute);margin-left:6px;font-size:12.5px}
.kr-minus{padding-top:10px;border-top:1px dashed var(--sx-line2);gap:6px}.kr-minus li{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--sx-text2)}.kr-minus .neg{color:var(--sx-neg-tx);font-weight:600}
.kr-sv{flex:none;font-size:13px;text-align:right}
.kr-dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.kr-dl div{display:flex;flex-direction:column}.kr-dl dt{font-size:13px;color:var(--sx-mute)}.kr-dl dd{margin:0;font-size:20px;font-weight:700;color:var(--sx-text)}

/* ของขวัญ: เลือกส่งด้วยแต้มหรือเหรียญ · หลังบ้าน */
.wl-via{display:inline-flex;padding:3px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);align-self:flex-start;gap:2px}
.wl-via button{min-height:40px;padding:0 14px;border:0;border-radius:9px;background:transparent;font:inherit;font-size:14.5px;font-weight:600;color:var(--mute);display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.wl-via button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px rgba(14,23,38,.12)}
.wl-gp{display:flex;flex-direction:column;gap:14px}
.wl-month{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;font-size:14.5px;color:var(--text)}.wl-month svg{color:var(--link)}
.wl-gfs{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0;display:flex;flex-direction:column;gap:10px}.wl-gfs legend{padding:0 6px}
/* ===== รอบ 67 (เจ้าของสั่ง 28/10/2026): ห้อง CME Live — แชทใต้กราฟ · แผงขวาพับได้ · ปุ่มชั้นข้อมูล/แผนที่เปิดอยู่เป็นสีน้ำเงิน · ทายผลแผนเทรด ===== */
/* ปุ่มชั้นข้อมูล (มุมมอง) · แผนบนกราฟ: ปิด = พื้นขาว ขอบเทา ตัวอักษรจาง · เปิด = พื้นฟ้า ขอบน้ำเงิน ตัวอักษรน้ำเงิน */
.cmx .cmx-chip{border:1px solid var(--sx-line2);background:var(--sx-surface);color:var(--sx-mute);transition:background-color .15s,border-color .15s,color .15s}
.cmx .cmx-chip i{opacity:.35}
.cmx .cmx-chip:hover:not(.lock):not(.on){border-color:var(--sx-blue);color:var(--sx-text)}
.cmx .cmx-chip.on{background:var(--sx-blue-soft);border-color:var(--sx-blue);color:var(--sx-blue-tx);font-weight:600}
.cmx .cmx-chip.on i{opacity:1}
.cmx .cmx-solo.on{background:var(--sx-blue-soft);border-color:var(--sx-blue);color:var(--sx-blue-tx)}
.cmx .cmx-pkb{border-color:var(--sx-line2);background:var(--sx-surface);color:var(--sx-mute);transition:background-color .15s,border-color .15s}
.cmx .cmx-pkb:hover{border-color:var(--sx-blue)}
.cmx .cmx-pkb[aria-pressed=true]{background:var(--sx-blue-soft);border-color:var(--sx-blue);box-shadow:inset 0 0 0 1px var(--sx-blue);color:var(--sx-blue-tx)}
.cmx .cmx-chip:focus-visible,.cmx .cmx-pkb:focus-visible,.pk-b:focus-visible,.lb-tg:focus-visible{outline:2px solid var(--sx-blue);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.cmx .cmx-chip,.cmx .cmx-pkb{transition:none}}
.cmx-pkv.w{background:var(--sx-green-soft);color:var(--sx-green-tx)}.cmx-pkv.l{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.cmx-pick{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}
/* ห้อง CME Live: แชทใต้กราฟ · แผงขวา (มุมมองรอบนี้ · ทายผล · AI Analysis) */
.lb-cha{display:flex;align-items:center;gap:8px;flex:none}
.lb-tg{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--sx-line2);border-radius:999px;background:var(--sx-surface);color:var(--sx-text2);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.lb-tg svg{transform:scaleX(-1)}.lb-tg:hover{border-color:var(--sx-blue);color:var(--sx-blue-tx)}
.lb-tg[data-open=false]{background:var(--sx-blue-soft);border-color:var(--sx-blue);color:var(--sx-blue-tx)}
.lb.room .lb-g{grid-template-columns:minmax(0,1fr) minmax(340px,400px)}
.lb.room.side-off .lb-g{grid-template-columns:minmax(0,1fr)}
.lb.room.side-off .lb-side{display:none}
.lb.room.side-off .lb-chart{border-right:0}
.lb-chart>.cc.wide{border:1px solid var(--sx-line);border-radius:16px;overflow:hidden}
.cc.wide .cc-body{height:clamp(380px,48vh,540px)}
.lb.room .lb-side{background:var(--sx-surface)}
.lb-side .lb-lv{gap:12px;padding:14px 16px;border:0;border-bottom:1px solid var(--sx-line);border-radius:0;background:var(--sx-surface)}
/* ทายผลแผนเทรด */
.pkc{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px;border-bottom:1px solid var(--sx-line);color:var(--sx-text)}
.pkc-h{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px}
.pkc-h h3{margin:0;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--sx-text)}.pkc-h h3 svg{color:var(--sx-blue)!important}
.pkc-s{font-size:12.5px;color:var(--sx-mute)}
.pkc-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pkc-z{display:flex;flex-direction:column;gap:7px;padding:10px 12px;border:1px solid var(--sx-line);border-radius:12px;background:var(--sx-raise)}
.pkc-z.st-void{opacity:.72}
.pkc-zt{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;font-size:13.5px}
.pkc-nm{padding:1px 8px;border-radius:6px;font-size:13px;font-weight:700}.pkc-nm.buy{background:var(--sx-green-soft);color:var(--sx-green-tx)}.pkc-nm.sell{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.pkc-en{color:var(--sx-text2)}.pkc-en b{font-weight:600;color:var(--sx-text)}
.pkc-st{margin-left:auto;font-size:12px;font-weight:600;color:var(--sx-mute)}.pkc-st.st-wait{color:var(--sx-blue-tx)}.pkc-st.st-live{color:var(--sx-amber-tx)}.pkc-st.st-win{color:var(--sx-green-tx)}.pkc-st.st-lose{color:var(--sx-neg-tx)}
.pkc-bar{display:flex;gap:2px;height:10px;border-radius:999px;overflow:hidden;background:var(--sx-sunk)}
.pkc-bar i{display:block;height:100%}.pkc-bar i.w{background:var(--sx-green)}.pkc-bar i.l{background:var(--sx-neg)}
.pkc-leg{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--sx-text2)}
.pkc-leg .w b{color:var(--sx-green-tx)}.pkc-leg .l b{color:var(--sx-neg-tx)}.pkc-leg b{font-weight:700}.pkc-n{color:var(--sx-mute)}
.pk{display:inline-flex;flex-wrap:wrap;gap:6px}
.pk-b{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:0 10px;border:1px solid var(--sx-line2);border-radius:999px;background:var(--sx-surface);color:var(--sx-text2);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.pk-b b{font-weight:600;color:var(--sx-mute)}
.pk-b.w:hover:not(:disabled){border-color:var(--sx-green);color:var(--sx-green-tx)}.pk-b.l:hover:not(:disabled){border-color:var(--sx-neg);color:var(--sx-neg-tx)}
.pk-b.w.on{background:var(--sx-green-soft);border-color:var(--sx-green);color:var(--sx-green-tx)}.pk-b.l.on{background:var(--sx-neg-soft);border-color:var(--sx-neg);color:var(--sx-neg-tx)}.pk-b.on b{color:inherit}
.pk-b:disabled{cursor:default;opacity:.6}.pk-b[aria-busy=true]{opacity:.7;cursor:progress}
.pkc-act .pk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}.pkc-act .pk-b{min-height:40px;border-radius:10px;font-size:13.5px}
.pkc-res{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin:0;font-size:13px;color:var(--sx-text2)}.pkc-res b{color:var(--sx-text)}
.pkc-me{display:inline-flex;align-items:center;gap:4px;font-weight:600}.pkc-me.ok{color:var(--sx-green-tx)}.pkc-me.no{color:var(--sx-neg-tx)}
.pkc-me2{display:flex;align-items:center;gap:8px;margin:0;padding:9px 12px;border-radius:12px;background:var(--sx-blue-soft);color:var(--sx-blue-tx);font-size:13.5px}.pkc-me2 b{font-weight:700}
.pkc-lock{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;border:1px dashed var(--sx-line2);border-radius:12px;font-size:13.5px;line-height:1.5;color:var(--sx-text2)}.pkc-lock svg{flex:none;margin-top:2px}
.pkc-sk{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--sx-line);border-radius:12px}.pkc-sk i{display:block;height:10px;border-radius:5px;background:var(--sx-sunk)}.pkc-sk i:first-child{width:46%}
.pkc-foot{margin:0;font-size:12px;line-height:1.5;color:var(--sx-mute)}
.cmd-ls .pk-b{min-height:30px}
@media (max-width:1060px){
  .lb-tg{display:none}
  .lb.room .lb-g,.lb.room.side-off .lb-g{grid-template-columns:minmax(0,1fr)}
  .lb.room .lb-side,.lb.room.side-off .lb-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .lb.room.side-off .lb-chart{border-bottom:1px solid var(--sx-line)}
  .lb.room .lb-side .lb-lv{border-right:1px solid var(--sx-line)}
  .lb.room .lb-side .lbi{grid-column:1/-1}
}
@media (max-width:760px){.lb.room .lb-side,.lb.room.side-off .lb-side{display:flex}.lb.room .lb-side .lb-lv{border-right:0}.cc.wide .cc-body{height:400px}}
/* ===== รอบ 68 (เจ้าของสั่ง 28/10/2026): ปุ่มที่ทำงานอยู่ = พื้นน้ำเงิน ตัวอักษรขาว (แบบปุ่ม "อ่านรายงานเต็ม") · ปุ่มแชร์สีน้ำเงิน · หน้าต่างบันทึกภาพกราฟ ===== */
.cmx .cmx-chip.on,.cmx .cmx-solo.on,.cmp .cmx .cmx-chip.on,.cmp .cmx .cmx-solo.on{background:var(--pribg);border-color:var(--pribg);color:#FFFFFF;font-weight:600}
.cmx .cmx-chip.on i{opacity:1;box-shadow:0 0 0 1.5px #FFFFFF}
.cmx .cmx-chip.on svg,.cmx .cmx-solo.on svg{color:#FFFFFF!important}
.cmx .cmx-pkb[aria-pressed=true],.cmp .cmx .cmx-pkb[aria-pressed=true]{background:var(--pribg);border-color:var(--pribg);box-shadow:none;color:#FFFFFF}
.cmx .cmx-pkb[aria-pressed=true] b,.cmx .cmx-pkb[aria-pressed=true] .num{color:#FFFFFF}
.cmx .cmx-pkb[aria-pressed=true] .cmx-pkr,.cmx .cmx-pkb[aria-pressed=true] .cmx-pkv{background:rgba(255,255,255,.22);color:#FFFFFF}
.cmx .cm-tfs .seg.sel,.cmp .cmx .cm-tfs .seg.sel{background:var(--pribg);color:#FFFFFF;box-shadow:none;font-weight:600}
.pk-b.w.on,.pk-b.w.on:hover:not(:disabled){background:#15803D;border-color:#15803D;color:#FFFFFF}.pk-b.l.on,.pk-b.l.on:hover:not(:disabled){background:#B91C1C;border-color:#B91C1C;color:#FFFFFF}.pk-b.on b{color:#FFFFFF}      /* สีเข้มพอให้ตัวขาวอ่านได้ (≥ 4.5:1) ทั้งโหมดสว่าง/มืด */
/* ปุ่มแชร์ (แผงข้อมูล CME · ผลลัพธ์แผน · หัวกราฟ CME Analysis) */
.kt-shb{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--pribg);color:#FFFFFF!important;font:inherit;font-size:13.5px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer}
.kt-shb svg{color:#FFFFFF!important;flex:none}.kt-shb:hover{filter:brightness(1.08)}.kt-shb:focus-visible{outline:2px solid var(--pribg);outline-offset:2px}
.kt-shb[aria-busy=true]{opacity:.7;cursor:progress}.kt-shb[hidden]{display:none}
.lb-shot{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--sx-line2);border-radius:999px;background:var(--sx-surface);color:var(--sx-text2);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.lb-shot:hover{border-color:var(--sx-blue);color:var(--sx-blue-tx)}.lb-shot:focus-visible{outline:2px solid var(--sx-blue);outline-offset:2px}
.lb-cha{flex-wrap:wrap;justify-content:flex-end}
@container (min-width:601px){.cmr-tw{grid-template-columns:minmax(140px,1.5fr) 56px 72px minmax(88px,1fr) minmax(96px,1fr) 84px}}      /* ช่องปุ่มแชร์กว้างพอสำหรับคำว่า "แชร์" */
.lb-ch{flex-wrap:wrap}.lb-ch>div:first-child{flex:1 1 260px;min-width:0}
/* ===== รอบ 81 (เจ้าของสั่ง 31/10/2026): Market Predict — คะแนนเดือนนี้ · ช่องแชร์ไอเดียพร้อมแถบ RR · การ์ดไอเดียแบบบันไดราคา · อันดับประจำเดือน ===== */
.pd-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 22px;margin-bottom:14px;border:1px solid var(--sx-line);border-radius:16px;background:var(--sx-surface);box-shadow:var(--sx-shadow)}
.pd-hs,.pd-hq{display:flex;flex-direction:column;gap:4px;min-width:0}
.pd-k{font-size:13px;font-weight:600;color:var(--sx-text2)}
.pd-big{font-size:44px;line-height:1.05;font-weight:700;letter-spacing:-.02em;color:var(--sx-text);font-variant-numeric:tabular-nums}
.pd-sub{font-size:13px;color:var(--sx-mute)}.pd-sub b{color:var(--sx-text)}
.pd-dots{display:flex;gap:6px;margin:4px 0}.pd-dots i{width:22px;height:8px;border-radius:999px;background:var(--sx-sunk);border:1px solid var(--sx-line2)}.pd-dots i.on{background:var(--pribg);border-color:var(--pribg)}
.pd-hst{display:grid;grid-template-columns:repeat(3,auto);gap:4px 18px;margin:0}
.pd-hst div{display:flex;flex-direction:column}.pd-hst dt{font-size:12px;color:var(--sx-mute)}.pd-hst dd{margin:0;font-size:17px;font-weight:700;color:var(--sx-text)}
.pd-comp{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}
.pd-chd{display:flex;flex-direction:column;gap:2px}.pd-chd .sx-h2{margin:0}.pd-chd .sx-mut{font-size:13px}
.pd-sides{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.pd-sd{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:10px 16px;border:1.5px solid var(--sx-line2);border-radius:14px;background:var(--sx-surface);font:inherit;cursor:pointer;color:var(--sx-text)}
.pd-sd span{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:700}
.pd-sd b{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
.pd-sd.buy span{color:var(--sx-green-tx)}.pd-sd.sell span{color:var(--sx-neg-tx)}
.pd-sd.buy[aria-pressed=true]{background:#15803D;border-color:#15803D;color:#FFFFFF}.pd-sd.sell[aria-pressed=true]{background:#B91C1C;border-color:#B91C1C;color:#FFFFFF}
.pd-sd[aria-pressed=true] span,.pd-sd[aria-pressed=true] svg{color:#FFFFFF!important}
.pd-sd:focus-visible{outline:2px solid var(--pribg);outline-offset:2px}
.pd-row{display:flex;flex-wrap:wrap;gap:10px}.pd-row .sx-segs{margin:0}
.pd-seg button[aria-pressed=true]{background:var(--pribg);color:#FFFFFF;box-shadow:none}
.pd-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.pd-fields .pd-f:first-child{display:none}.pd-fields.lim{grid-template-columns:repeat(3,minmax(0,1fr))}.pd-fields.lim .pd-f:first-child{display:flex}
.pd-f{display:flex;flex-direction:column;gap:4px;min-width:0}.pd-f .sx-inp{font-size:17px;min-height:46px}
.pd-fh{font-size:12px;color:var(--sx-mute)}
.pd-rr{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:14px;background:var(--sx-raise);border:1px solid var(--sx-line);min-height:60px}
.pd-rre{display:flex;align-items:center;gap:6px;margin:0;font-size:13.5px;color:var(--sx-text2)}.pd-rre.bad{color:var(--sx-neg-tx)}.pd-rre.warn{color:var(--sx-amber-tx)}.pd-rre svg{flex:none}
.pd-bar{position:relative;display:flex;align-items:center;height:12px}
.pd-bk,.pd-bg{display:block;height:10px;min-width:4px}.pd-bk{background:var(--sx-neg);opacity:.85}.pd-bg{background:var(--sx-green)}
.pd-bar>span:first-child{border-radius:999px 0 0 999px}.pd-bar>span:last-child{border-radius:0 999px 999px 0}
.pd-be{flex:none;width:3px;height:22px;border-radius:2px;background:var(--sx-text)}
.pd-labs{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start}
.pd-rl{display:flex;flex-direction:column;gap:1px;font-size:12.5px;color:var(--sx-text2)}.pd-rl b{font-size:15px;color:var(--sx-text)}
.pd-rl.en{align-items:center;text-align:center}.pd-labs>.pd-rl:last-child{align-items:flex-end;text-align:right}
.pd-rk{font-weight:700;font-size:11.5px;letter-spacing:.02em}.pd-rl.sl .pd-rk,.pd-rl.sl .num:last-child{color:var(--sx-neg-tx)}.pd-rl.tp .pd-rk,.pd-rl.tp .num:last-child{color:var(--sx-green-tx)}
.pd-out{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:2px 0 0;font-size:13.5px;color:var(--sx-text2)}
.pd-pts{font-size:28px;font-weight:700;color:var(--sx-green-tx);font-variant-numeric:tabular-nums;line-height:1}
.pd-note summary{cursor:pointer;font-size:14px;color:var(--sx-blue-tx);font-weight:600}.pd-note textarea{margin-top:8px;width:100%}
.pd-cb{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}.pd-cb .sx-mut{font-size:12.5px}
.pd-tabs{margin-bottom:12px}
.pd-card{display:flex;flex-direction:column;gap:12px;border-left:3px solid var(--sx-line2)}
.pd-card.is-buy{border-left-color:var(--sx-green)}.pd-card.is-sell{border-left-color:var(--sx-neg)}
.pd-ch{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.pd-au{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 200px;color:inherit;text-decoration:none}
.pd-au>span{display:flex;flex-direction:column;min-width:0}.pd-au b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-au .sx-mut{font-size:12.5px}
.pd-pills{display:inline-flex;gap:6px}
.pd-side,.pd-st,.pd-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:12.5px;font-weight:700}
.pd-side.buy{background:var(--sx-green-soft);color:var(--sx-green-tx)}.pd-side.sell{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.pd-st{background:var(--sx-sunk);color:var(--sx-text2);font-weight:600}.pd-st.live{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}.pd-st.wait{background:var(--sx-amber-soft);color:var(--sx-amber-tx)}.pd-st.ok{background:var(--sx-green-soft);color:var(--sx-green-tx)}.pd-st.bad{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.pd-tag{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}.pd-tag.off{background:var(--sx-sunk);color:var(--sx-mute);font-weight:600}
.pd-score{margin-left:auto;font-size:20px;font-weight:700}.pd-score.ok{color:var(--sx-green-tx)}.pd-score.zero{color:var(--sx-mute)}
.pd-ch .pd-tag{margin-left:auto}
.pd-lad{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}
.pd-lv{font-size:12.5px;font-weight:600}.pd-lv.sl{color:var(--sx-neg-tx)}.pd-lv.tp{color:var(--sx-green-tx)}
.pd-lt{position:relative;height:8px;border-radius:999px;background:var(--sx-sunk)}
.pd-lk{position:absolute;left:0;top:0;bottom:0;border-radius:999px 0 0 999px;background:var(--sx-neg-soft)}
.pd-lg{position:absolute;right:0;top:0;bottom:0;border-radius:0 999px 999px 0;background:var(--sx-green-soft)}
.pd-le{position:absolute;top:-4px;width:2px;height:16px;margin-left:-1px;background:var(--sx-text2)}
.pd-ln{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--sx-surface);border:3px solid var(--sx-text)}
.pd-ln.live{border-color:var(--pribg);box-shadow:0 0 0 4px var(--sx-blue-soft)}
.pd-kv{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0}.pd-kv div{display:flex;gap:6px;align-items:baseline}.pd-kv dt{font-size:12.5px;color:var(--sx-mute)}.pd-kv dd{margin:0;font-size:14px;font-weight:600}
.pd-kv dd.ok{color:var(--sx-green-tx)}.pd-kv dd.bad{color:var(--sx-neg-tx)}
.pd-in{margin:0;font-size:14px;line-height:1.6;color:var(--sx-text)}
.pd-cf{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-size:12.5px}.pd-cf .px-hash{margin-right:auto}
.pd-board{display:flex;flex-direction:column;gap:10px}
.pd-bhd{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 10px}.pd-bhd .sx-h2{margin:0;white-space:nowrap}
.pd-mon{width:auto;min-height:36px;padding:0 10px;font-size:13.5px}
.pd-bl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.pd-bl li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;border-radius:10px}
.pd-bl li.me{background:var(--sx-blue-soft)}
.pd-blme{margin-top:4px;padding-top:6px;border-top:1px dashed var(--sx-line2)}
.pd-rk2{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:13px;font-weight:700;color:var(--sx-text2);background:var(--sx-sunk)}
.pd-bl li.t1 .pd-rk2{background:#F5C451;color:#5A3E00}.pd-bl li.t2 .pd-rk2{background:#D5DAE1;color:#2F3A48}.pd-bl li.t3 .pd-rk2{background:#E8B48A;color:#5B2E0C}
.pd-bw{display:flex;align-items:center;gap:9px;min-width:0;color:inherit;text-decoration:none}
.pd-bt{display:flex;flex-direction:column;min-width:0}.pd-bt b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-bt .sx-mut{font-size:12px}
.pd-you{display:inline-block;padding:0 6px;border-radius:6px;background:var(--pribg);color:#FFFFFF;font-size:11px;font-weight:700;vertical-align:1px}
.pd-bs{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
.pd-more{align-self:flex-start}.pd-bn{margin:0;font-size:12px}
.pd-rules ul{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13.5px;line-height:1.55;color:var(--sx-text2)}
.pd-rules summary{cursor:pointer}
@media (max-width:900px){.pd-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pd-hst{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){
  .pd-hero{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}.pd-big{font-size:38px}
  .pd-sd{min-height:54px;padding:8px 12px}.pd-sd span{font-size:15px}.pd-sd b{font-size:16px}
  .pd-fields.lim{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pd-fields.lim .pd-f:first-child{grid-column:1/-1}
  .pd-row{flex-direction:column}.pd-row .sx-segs{width:100%}.pd-row .sx-segs button{flex:1;justify-content:center}
  .pd-lv{font-size:11.5px}
}
/* ===== รอบ 80 (เจ้าของสั่ง 31/10/2026): ห้อง CME Live — แท็บกราฟ TradingView / กราฟ + ระดับ CME · กราฟกว้างและสูงขึ้น · เต็มจอ (คอม · iPad · มือถือ) ===== */
.lb-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;padding:4px;border:1px solid var(--sx-line);border-radius:14px;background:var(--sx-sunk)}
.lb-tab{display:flex;align-items:center;gap:10px;min-width:0;min-height:52px;padding:8px 14px;border:0;border-radius:10px;background:transparent;color:var(--sx-text2);font:inherit;text-align:left;cursor:pointer}
.lb-tab svg{flex:none;color:var(--sx-mute)!important}
.lb-tab:hover:not([aria-selected=true]){background:var(--sx-surface);color:var(--sx-text)}
.lb-tab[aria-selected=true]{background:var(--pribg);color:#FFFFFF}.lb-tab[aria-selected=true] svg{color:#FFFFFF!important}
.lb-tab:focus-visible{outline:2px solid var(--pribg);outline-offset:2px}
.lb-tabt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.lb-tabt b{font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-tabt small{font-size:12px;color:var(--sx-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-tab[aria-selected=true] .lb-tabt small{color:rgba(255,255,255,.86)}
.lb-pane[hidden]{display:none!important}
.lb-pane{min-width:0}
.lb-tvp{display:flex;flex-direction:column;gap:8px}
.lb-tv{position:relative;height:clamp(480px,calc(100vh - 250px),800px);height:clamp(480px,calc(100dvh - 250px),800px);border:1px solid var(--sx-line);border-radius:16px;overflow:hidden;background:var(--sx-surface)}
.lb-tv .tradingview-widget-container,.lb-tv .tradingview-widget-container__widget{height:100%}
.lb-tv .calfb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-size:14px;color:var(--sx-mute)}
.lb-tvnote{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:12.5px;line-height:1.5;color:var(--sx-mute)}.lb-tvnote svg{flex:none;margin-top:2px}
@media (min-width:1280px){.lb.room:not(.side-off) .lb-g{grid-template-columns:minmax(0,1fr) minmax(300px,340px)}}
.lb.room .cm-chart{min-height:clamp(440px,calc(100vh - 400px),700px)}
.lb-fsb[aria-pressed=true]{background:var(--sx-blue-soft);border-color:var(--sx-blue);color:var(--sx-blue-tx)}
/* เต็มจอ: กรอบกราฟเต็มหน้าจอ (แท็บ + กราฟ) · ซ่อนแชท/รายงานใต้กราฟชั่วคราว */
html.lb-fsx,html.lb-fsx body{overflow:hidden}
.lb.fs .lb-chart{position:fixed;inset:0;z-index:75;gap:10px;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border:0;background:var(--sx-surface);overflow:hidden}
.lb.fs .lb-chart>:not(.lb-ch):not(.lb-tabs):not(.lb-pane){display:none!important}
.lb.fs .lb-ch .lb-full,.lb.fs .lb-ch .lb-tg,.lb.fs .lb-ch .lb-k{display:none}
.lb.fs .lb-h{font-size:16px}
.lb.fs .lb-pane{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.lb.fs .lb-pane>.cmx{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.lb.fs .lb-pane .cm-cw{flex:1 1 auto;min-height:0}
.lb.fs .lb-pane .cm-chart{flex:1 1 auto;min-height:0!important;height:auto}
.lb.fs .lb-pane .cm-note,.lb.fs .lb-tvnote{display:none}
.lb.fs .lb-tv{flex:1 1 auto;height:auto;min-height:0}
@media (min-width:1061px) and (max-width:1279px){      /* iPad แนวนอน / จอเล็ก: แผงขวาลงไปใต้กราฟ (2 คอลัมน์) ให้กราฟกว้างเต็มแถว */
  .lb.room .lb-g,.lb.room.side-off .lb-g{grid-template-columns:minmax(0,1fr)}
  .lb.room .lb-chart{border-right:0;border-bottom:1px solid var(--sx-line)}
  .lb.room .lb-side,.lb.room.side-off .lb-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .lb.room .lb-side .lb-lv{border-right:1px solid var(--sx-line)}
  .lb.room .lb-side .lbi{grid-column:1/-1}
  .lb.room .lb-tg{display:none}
}
@media (max-width:1060px){.lb-tv{height:clamp(480px,64vh,760px)}.lb.room .cm-chart{min-height:clamp(440px,52vh,640px)}}
@media (max-width:760px){
  .lb-tv{height:clamp(420px,66vh,600px);height:clamp(420px,66dvh,600px);border-radius:12px}
  .lb.room .cm-chart{min-height:420px}
  .lb-tab{min-height:46px;padding:6px 10px;gap:8px}.lb-tabt b{font-size:14px}
  .lb.fs .lb-chart{padding:8px 10px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
  .lb.fs .lb-ch .lb-h{display:none}
}
.lb-ts{display:none}
@media (max-width:480px){.lb-tabt small,.lb-tl{display:none}.lb-ts{display:inline}.lb-tab{justify-content:center}.lb-tab svg{width:16px;height:16px}}
/* หน้าต่างบันทึกภาพกราฟ */
.snp-pv{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--surface2);border:1px solid var(--border)}
.snp-pv img{display:block;width:100%;height:100%;object-fit:contain}
.snp-pv .snp-wait{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--mute);background:var(--surface2)}
.snp-pv.busy img{opacity:.55}
.snp-o{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.snp-ol{font-size:13.5px;font-weight:600;color:var(--text2)}
.snp-ly{display:flex;flex-wrap:wrap;gap:6px}
.snp-ly button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text3);font:inherit;font-size:13.5px;cursor:pointer}
.snp-ly button i{width:9px;height:9px;border-radius:2px;opacity:.45}
.snp-ly button[aria-pressed=true]{background:var(--pribg);border-color:var(--pribg);color:#FFFFFF;font-weight:600}.snp-ly button[aria-pressed=true] i{opacity:1;box-shadow:0 0 0 1.5px #FFFFFF}
.snp-ly button[aria-disabled=true]{opacity:.55;cursor:not-allowed}
.snp-ly button:focus-visible,.snp-seg button:focus-visible{outline:2px solid var(--pribg);outline-offset:2px}
.snp-seg{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--surface2);border:1px solid var(--border);align-self:flex-start}
.snp-seg button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:0;border-radius:9px;background:none;color:var(--text3);font:inherit;font-size:14px;cursor:pointer}
.snp-seg button[aria-pressed=true]{background:var(--pribg);color:#FFFFFF;font-weight:600}.snp-seg button[aria-pressed=true] svg{color:#FFFFFF!important}
.snp-note{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--mute)}
.snp-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.snp-st{min-height:1.4em;margin:8px 0 0;font-size:13px;color:var(--text2)}
@media (max-width:640px){.snp-ly button{min-height:40px}.snp-act .btn{flex:1 1 auto}}
/* ===== รอบ 69 (เจ้าของสั่ง 29/10/2026): กราฟรวม Open Interest × กรอบที่ตลาดคาด (แบบ Expected Range) โทนน้ำเงินฟ้า–เขียวสด ===== */
.cmq{--q-call:#1D6FF2;--q-callw:#0B4FD6;--q-put:#22C55E;--q-putw:#119C45;--q-bell:#38BDF8;--q-iv:#06B6D4;--q-ivtx:#0E7490;--q-puttx:#15803D;--q-fut:#64748B;--q-now:#0F172A;--q-nowtx:#FFFFFF;--q-plot:#F7FAFE;--q-grid:#E3EAF3;--q-ax:#64748B;
  --q-s1:#1570EF;--q-s1tx:#FFFFFF;--q-s2:#7DD3FC;--q-s2bg:#E0F2FE;--q-s2tx:#075985;--q-s3:#BAE6FD;--q-s3bg:#F0F9FF;--q-s3tx:#0369A1;padding:18px 20px}
html[data-theme="dark"] .cmq,.sx[data-theme=dark] .cmq{--q-call:#3B82F6;--q-callw:#60A5FA;--q-put:#22C55E;--q-putw:#4ADE80;--q-bell:#38BDF8;--q-iv:#22D3EE;--q-ivtx:#22D3EE;--q-puttx:#4ADE80;--q-fut:#94A3B8;--q-now:#F8FAFC;--q-nowtx:#0F172A;--q-plot:#0B1220;--q-grid:#1E293B;--q-ax:#94A3B8;
  --q-s1:#2563EB;--q-s1tx:#FFFFFF;--q-s2:#38BDF8;--q-s2bg:rgba(56,189,248,.18);--q-s2tx:#7DD3FC;--q-s3:#7DD3FC;--q-s3bg:rgba(125,211,252,.1);--q-s3tx:#BAE6FD}
.cmq-hd{flex-wrap:wrap;gap:10px;align-items:flex-start}.cmq-sub{margin:2px 0 0;font-size:12.5px}
.cmq-leg{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 6px;padding:0;font-size:13px;color:var(--sx-text2)}
.cmq-leg li,.cmq-tr{display:inline-flex;align-items:center;gap:6px}.cmq-leg b{font-weight:600;color:var(--sx-text)}
.cmq .sw{display:inline-block;width:12px;height:12px;border-radius:3px;flex:none}.cmq .sw.p{background:var(--q-put)}.cmq .sw.c{background:var(--q-call)}.cmq .sw.bell{background:var(--q-bell);opacity:.45}
.cmq .ln{display:inline-block;width:20px;height:0;border-top:2px dashed;flex:none}.cmq .ln.iv{border-color:var(--q-iv)}.cmq .ln.fut{border-color:var(--q-fut)}.cmq .ln.now{border-top-style:solid;border-color:var(--q-now)}
.cmq-wrap{position:relative}
.cmq-svg{display:block;width:100%;height:auto;touch-action:pan-y;font-family:'Geist','Noto Sans Thai',sans-serif;border-radius:10px}
.cmq-svg:focus-visible{outline:2px solid var(--sx-blue);outline-offset:3px}.cmq-svg:focus:not(:focus-visible){outline:none}
.cmq-plot{fill:var(--q-plot)}.cmq-grid{stroke:var(--q-grid);stroke-width:1}.cmq-tick{stroke:var(--q-ax)}.cmq-zero{stroke:var(--q-ax);stroke-width:1}
.cmq-ax{fill:var(--q-ax);font-size:11px}.cmq-ax.iv{fill:var(--q-ivtx)}
.cmq-bell{fill:var(--q-bell);fill-opacity:.13}.cmq-bell1{fill:var(--q-bell);fill-opacity:.16}
.cmq-sdl{stroke:var(--q-s2);stroke-width:1;stroke-dasharray:3 4;opacity:.8}
.cmq-br line,.cmq-br path{stroke-width:1.6}.cmq-br.s1 line{stroke:var(--q-s1)}.cmq-br.s2 line{stroke:var(--q-s2)}.cmq-br.s3 line{stroke:var(--q-s3)}
.cmq-br.s1 path{fill:var(--q-s1)}.cmq-br.s2 path{fill:var(--q-s2)}.cmq-br.s3 path{fill:var(--q-s3)}
.cmq-bp{stroke-width:0}.cmq-br.s1 .cmq-bp{fill:var(--q-s1)}.cmq-br.s2 .cmq-bp{fill:var(--q-s2bg)}.cmq-br.s3 .cmq-bp{fill:var(--q-s3bg)}
.cmq-bt{font-size:11px;font-weight:700}.cmq-br.s1 .cmq-bt{fill:var(--q-s1tx)}.cmq-br.s2 .cmq-bt{fill:var(--q-s2tx)}.cmq-br.s3 .cmq-bt{fill:var(--q-s3tx)}
.cmq-be{font-size:10.5px;fill:var(--q-ax)}
.cmq-p{fill:var(--q-put)}.cmq-p.w{fill:var(--q-putw)}.cmq-c{fill:var(--q-call)}.cmq-c.w{fill:var(--q-callw)}
.cmq-p.neg,.cmq-c.neg{fill-opacity:.25;stroke-width:1}.cmq-p.neg{stroke:var(--q-put)}.cmq-c.neg{stroke:var(--q-call)}
.cmq-mk{font-size:10.5px;font-weight:800}.cmq-mk.c{fill:var(--q-callw)}.cmq-mk.p{fill:var(--q-puttx)}.cmq-mk.m{fill:var(--sx-text)}
.cmq-mkl{stroke-width:1.5;stroke-dasharray:2 3}.cmq-mkl.c{stroke:var(--q-call)}.cmq-mkl.p{stroke:var(--q-put)}.cmq-mkl.m{stroke:var(--sx-text2)}
.cmq-iv{fill:none;stroke:var(--q-iv);stroke-width:2;stroke-dasharray:6 4}.cmq-ivd{fill:var(--q-iv)}
.cmq-fut{stroke:var(--q-fut);stroke-width:1.4;stroke-dasharray:5 4}
.cmq-now{stroke:var(--q-now);stroke-width:1.6}.cmq-nowp{fill:var(--q-now)}.cmq-nowt{fill:var(--q-nowtx);font-size:11px;font-weight:700}
.cmq-hov{fill:var(--sx-blue);fill-opacity:.08}
.cmq-tip{position:absolute;z-index:3;min-width:170px;max-width:250px;padding:10px 12px;border-radius:12px;background:var(--sx-surface);border:1px solid var(--sx-line2);box-shadow:0 10px 28px rgba(15,23,42,.16);font-size:13px;line-height:1.55;color:var(--sx-text);pointer-events:none}
.cmq-tip>b{font-size:15px}.cmq-tt{font-size:12px;font-weight:700;color:var(--sx-blue-tx)}.cmq-tr{display:flex}
.cmq-help{margin:6px 0 0;font-size:12px;color:var(--sx-mute);line-height:1.5}
.cmq-lock{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px;padding:12px 14px;border:1px dashed var(--sx-line2);border-radius:12px;font-size:13.5px;line-height:1.5;color:var(--sx-text2)}.cmq-lock>span{flex:1 1 260px}
/* รอบ 70: ระดับสำคัญ (ตารางขั้นราคา) + กรอบที่ตลาดคาดจาก IV — เส้นบาง · ตัวเลขชิดขวา · ไม่มีกล่องสี */
.cmq-foot{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:20px}
.cmq-pn{min-width:0;padding:16px 18px 14px;border:1px solid var(--sx-line);border-radius:14px;background:var(--sx-surface)}
.cmq-ph{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-bottom:12px}
.cmq-ph h4{margin:0;font-size:15px;font-weight:650;color:var(--sx-text)}.cmq-ph>.cmd-mute{font-size:12px}
.cmq-hz button{min-height:32px;padding:0 10px;font-size:12.5px}
.cmq .cmd-seg button[aria-pressed=true],.cmd .cmd-mode button[aria-pressed=true]{background:var(--pribg);color:#FFFFFF;box-shadow:none;font-weight:600}
.cmq-pn{container-type:inline-size}.cmq-erb{display:block}
.cmq-lw{overflow-x:auto}
.cmq-lad,.cmq-sd{width:100%;border-collapse:collapse;font-size:13.5px;color:var(--sx-text)}
.cmq-lad thead th,.cmq-sd thead th{padding:0 10px 8px;font-size:11.5px;font-weight:500;color:var(--sx-mute)!important;text-align:right;white-space:nowrap;border-bottom:1px solid var(--sx-line2)}
.cmq-lad thead th:first-child,.cmq-sd thead th:first-child{text-align:left;padding-left:0}
.cmq-lad th,.cmq-lad td,.cmq-sd th,.cmq-sd td{background:transparent;font-size:inherit;color:var(--sx-text)}
.cmq-lad tbody th,.cmq-lad tbody td,.cmq-sd tbody th,.cmq-sd tbody td{padding:10px;border-bottom:1px solid var(--sx-line);text-align:right;vertical-align:top;white-space:nowrap}
.cmq-lad tbody th,.cmq-sd tbody th{padding-left:0;text-align:left;font-weight:500}
.cmq-lad tbody td:last-child,.cmq-sd tbody td:last-child,.cmq-lad thead th:last-child,.cmq-sd thead th:last-child{padding-right:0}
.cmq-lad tbody tr:last-child>*,.cmq-sd tbody tr:last-child>*{border-bottom:0}
.cmq-lad td small,.cmq-lad td .cmd-dl{display:block;margin:2px 0 0;font-size:11.5px;font-weight:400;color:var(--sx-mute)}.cmq-lad td small .cmd-dl{display:inline;margin:0}
.cmq-lad td small .cmd-dl.up{color:var(--sx-green-tx)}.cmq-lad td small .cmd-dl.dn{color:var(--sx-neg-tx)}
.cmq-lad td b{font-weight:600}.cmq-kv{font-size:14px}.cmq-na{color:var(--sx-mute)}.cmq-kd{color:var(--sx-text2)}
.cmq-kn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.cmq-kn i{width:8px;height:8px;border-radius:2px;background:var(--sx-text2);flex:none}
.cmq-k.c .cmq-kn i{background:var(--q-call)}.cmq-k.p .cmq-kn i{background:var(--q-put)}
.cmq-lnow td{padding:7px 0!important;font-size:12.5px;color:var(--sx-text2);text-align:left!important}
.cmq-lnl{display:inline-flex;align-items:center;gap:8px}.cmq-lnl i{width:16px;height:2px;border-radius:1px;background:var(--q-now)}.cmq-lnow b{color:var(--sx-text)}
.cmq-st{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 14px;border:1px solid var(--sx-line);border-radius:12px;overflow:hidden}
.cmq-st>div{padding:10px 12px;border-left:1px solid var(--sx-line)}.cmq-st>div:first-child{border-left:0}.cmq-st>div:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--sx-line)}
.cmq-st dt{font-size:11.5px;color:var(--sx-mute)}.cmq-st dd{margin:3px 0 0}.cmq-st b{font-size:16px;font-weight:650;color:var(--sx-text)}.cmq-st small{margin-left:4px;font-size:12px;color:var(--sx-mute)}
.cmq-sd tr.on>*{background:var(--q-s2bg)}.cmq-in{display:inline-block;width:6px;height:6px;margin-left:7px;border-radius:50%;background:var(--q-s1);vertical-align:middle}
.cmq-pb{white-space:nowrap}.cmq-bar{display:inline-block;width:52px;height:4px;margin-right:8px;border-radius:2px;background:var(--sx-sunk);vertical-align:middle;overflow:hidden}.cmq-bar i{display:block;height:100%;border-radius:2px;background:var(--q-s1)}
.cmq-po{color:var(--sx-text2)}
.cmq-note{margin:12px 0 0;font-size:12px;line-height:1.55;color:var(--sx-mute)}
/* รอบ 71: หน้า CME Analysis แบบละเอียด — บทวิเคราะห์ AI ทีละส่วน (การ์ดเส้นบาง · ป้าย AI ไล่สีฟ้า–เขียว) · ภาพ 3 มิติ */
.cmai-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 4px}.cmai-row.n1{grid-template-columns:minmax(0,1fr)}
.cmai{--ai-a:#1570EF;--ai-b:#16A34A;position:relative;min-width:0;padding:14px 16px 12px 18px;border:1px solid var(--sx-line);border-radius:14px;background:var(--sx-surface);color:var(--sx-text)}
.cmai::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--ai-a),var(--ai-b))}
.cmai.ok{opacity:0;transform:translateY(6px)}.cmai.ok.in{opacity:1;transform:none;transition:opacity .45s ease var(--d,0ms),transform .45s ease var(--d,0ms)}
.cmai-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cmai-h h3{margin:0;font-size:14px;font-weight:650;color:var(--sx-text)}
.cmai-b{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:999px;background:linear-gradient(90deg,var(--ai-a),var(--ai-b));color:#FFFFFF;font-size:11px;font-weight:700;letter-spacing:.02em}
.cmai-l{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.65;color:var(--sx-text2)}.cmai-l li::marker{color:var(--sx-mute)}
.cmai-v{display:inline-block;padding:0 6px;border-radius:6px;background:var(--sx-sunk);color:var(--sx-text);font-weight:600;font-size:.95em;white-space:nowrap}.cmai-v small{font-weight:500;color:var(--sx-text2)}
.cmai-m{margin:6px 0 0;font-size:12.5px;color:var(--sx-mute)}
.cmai-lock{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;font-size:13.5px;color:var(--sx-text2)}.cmai-lock>span{flex:1 1 200px}.cmai-lk{font-weight:600;color:var(--sx-blue-tx)}
.cmai-sk{display:flex;flex-direction:column;gap:8px}.cmai-sk i{display:block;height:11px;border-radius:6px;background:linear-gradient(90deg,var(--sx-sunk),var(--sx-raise),var(--sx-sunk));background-size:200% 100%;animation:cmaiSk 1.3s linear infinite}.cmai-sk i:nth-child(2){width:86%}.cmai-sk i:nth-child(3){width:64%}.cmai-sk.lg i{height:14px}
@keyframes cmaiSk{to{background-position:-200% 0}}
.cmx-dh{margin-bottom:14px}.cmx-dh .cmp-p{max-width:760px;margin-top:8px}
.cmai-sum{position:relative;padding:18px 20px 16px 22px;border:1px solid var(--sx-line);border-radius:16px;background:var(--sx-surface)}
.cmai-sum::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#1570EF,#16A34A)}
.cmai-lead{margin:0;font-size:17px;line-height:1.7;color:var(--sx-text);font-weight:500}.cmai-sum .cmai-l{margin-top:10px}
.cmai-meta{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:12.5px;color:var(--sx-mute)}
#deep .cmd{margin-top:16px}#deep>.cmai{margin-top:16px}
.cmd-hr{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.cmp .cmq td:nth-child(3){background:transparent}.cmp .cmq-sd tr.on>td:nth-child(3){background:var(--q-s2bg)}      /* หน้า CME Analysis: กฎตารางของหน้าเดิมไม่ทับตารางใหม่ */
@container (max-width:900px){.cmai-row{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.cmai-lead{font-size:16px}}
@media (prefers-reduced-motion:reduce){.cmai.ok{opacity:1;transform:none}.cmai-sk i{animation:none}}
html[data-theme="dark"] .cmai,html[data-theme="dark"] .cmai-sum{--ai-a:#3B82F6;--ai-b:#22C55E}
.cmq-tbl{margin-top:12px}.cmq-tbl summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--sx-blue-tx)}
.cmq-tw{max-height:320px;overflow:auto;margin-top:8px;border:1px solid var(--sx-line);border-radius:12px}
.cmq-tw table{width:100%;border-collapse:collapse;font-size:13px}.cmq-tw th,.cmq-tw td{padding:6px 12px;text-align:right;border-bottom:1px solid var(--sx-line)}.cmq-tw th[scope=row],.cmq-tw thead th:first-child{text-align:left}
.cmq-tw thead th{position:sticky;top:0;background:var(--sx-raise);font-weight:600}.cmq-tw tr.w th{color:var(--sx-blue-tx)}
@container (min-width:720px){.cmq-erb{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}.cmq-erb .cmq-st{grid-template-columns:minmax(0,1fr);margin:0}.cmq-erb .cmq-st>div{grid-column:auto;border-left:0;border-top:1px solid var(--sx-line);padding:12px 14px}.cmq-erb .cmq-st>div:first-child{border-top:0}}
@container (max-width:760px){.cmq{padding:14px}.cmq-pn{padding:14px}}
@container (max-width:560px){.cmq-lad thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.cmq-lad,.cmq-lad tbody{display:block}.cmq-lad tr.cmq-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;padding:12px 0;border-bottom:1px solid var(--sx-line)}.cmq-lad tbody tr:last-child.cmq-k{border-bottom:0}.cmq-lad tr.cmq-k>*{padding:0!important;border:0!important;text-align:left!important;white-space:normal}.cmq-lad tr.cmq-k>th{grid-column:1/-1}.cmq-lad td[data-l]::before{content:attr(data-l);display:block;margin-bottom:2px;font-size:11px;color:var(--sx-mute)}.cmq-lad tr.cmq-lnow,.cmq-lad tr.cmq-lnow td{display:block;border-bottom:1px solid var(--sx-line)}.cmq-sd .cmq-po,.cmq-bar{display:none}.cmq-sd{font-size:12.5px}.cmq-sd tbody th,.cmq-sd tbody td{padding:9px 4px}.cmq-sd thead th{padding:0 4px 8px;white-space:normal}.cmq-sd tbody td:last-child,.cmq-sd thead th:last-child{padding-right:0}}
/* ===== รอบ 77 (เจ้าของสั่ง 30/10/2026): ป้ายแพ็กเกจ · ส่วนที่ล็อก · แผ่นอัปเกรด · ที่นั่งใช้ฟรี =====
 *   โทนน้ำเงินแซฟไฟร์/แพลทินัมชุดเดียวกับเอฟเฟกต์รอบ 76 · Minimal + Trust: บอกแพ็กเกจที่ต้องใช้ชัด ๆ ไม่มีสีชวนซื้อขาย
 *   ป้ายแพ็กเกจ (.kpb) สีคงที่ทั้งสองธีม · ที่เหลือใช้ตัวแปรของธีม */
.kpb{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.01em;line-height:1;white-space:nowrap;color:#FFFFFF;background:#1570EF;vertical-align:middle}
.kpb-pro{background:#1570EF}
.kpb-elite{background:linear-gradient(135deg,#0A2A66 0%,#0B4FB8 55%,#1570EF 100%)}
.kpb-ultimate{color:#0B1B3F;background:linear-gradient(135deg,#F4F7FB 0%,#C9D3E2 48%,#EEF2F8 100%);box-shadow:inset 0 0 0 1px rgba(11,27,63,.18)}
.kpb svg{flex:none}
.ktlk{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px 0 8px;border-radius:999px;border:1px dashed var(--navbd);background:var(--navon2);color:var(--link);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.ktlk:hover{background:var(--navon);border-style:solid}
.ktlk:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.cmx-chip.lock{cursor:pointer;opacity:1;border-style:dashed;color:var(--text3)}
.cmx-chip.lock:hover{border-style:solid;border-color:var(--navbd);color:var(--text)}
.cmx-chip.lock .kpb{height:16px;padding:0 6px;font-size:10.5px}
.cmx-chip.nod{cursor:not-allowed;opacity:.6}
.cml-r.cml-lk{opacity:1}.cml-r.cml-lk .cml-p{display:flex;justify-content:flex-end}
.cmd-tile.lk .cmd-tv{display:flex;align-items:center;min-height:30px}
.cmai-lock .kpb{margin-left:2px}
/* แผ่นอัปเกรด */
.mdlg.ups{max-width:560px;padding:0;gap:0;overflow-x:hidden}
.mdlg.ups .mx{z-index:2}
.ups-hd{position:relative;padding:22px 24px 18px;background:linear-gradient(180deg,var(--navon) 0%,var(--surface) 100%)}
.ups-hd .kpb{margin-bottom:10px}
.ups-h{margin:0;font-size:22px;line-height:1.3;font-weight:650;letter-spacing:-.01em;padding-right:44px}
.ups-sub{margin:6px 0 0;color:var(--text2);font-size:15px;line-height:1.55}
.ups-pv{position:relative;margin:16px 0 0;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--surface);aspect-ratio:16/7}
.ups-pv svg{display:block;width:100%;height:100%;filter:blur(1.6px);transform:scale(1.03)}
.ups-pv::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.55) 100%)}
.ups-med{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--surface);color:var(--text);font-size:13.5px;font-weight:600;box-shadow:0 8px 24px rgba(11,27,63,.18);border:1px solid var(--border);white-space:nowrap}
.ups-bd{padding:18px 24px 24px;display:flex;flex-direction:column;gap:14px}
.ups-bl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.ups-bl li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5}
.ups-bl li svg{flex:none;margin-top:3px}
.ups-ctl{display:flex;flex-wrap:wrap;gap:8px}
.ups-ctl .segs{flex:1 1 200px}.ups-ctl .seg{min-height:38px;font-size:14px;flex:1;white-space:nowrap}
.ups-pl{display:flex;gap:8px}
.ups-pl button{flex:1;min-height:56px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;text-align:left}
.ups-pl button b{font-size:14.5px}.ups-pl button span{font-size:12.5px;color:var(--text3)}
.ups-pl button[aria-pressed=true]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--navon2)}
.ups-pr{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:14px;background:var(--surface2)}
.ups-pr b{font-size:26px;letter-spacing:-.01em}.ups-pr small{color:var(--text3);font-size:13px}
.ups-sv{color:var(--oktx,#15803D);font-size:13px;font-weight:600}
.ups-meth{display:flex;flex-direction:column;gap:8px;border:0;margin:0;padding:0}
.ups-meth legend{margin-bottom:6px}
.ups-fine{margin:0;color:var(--text3);font-size:12.5px;line-height:1.55;display:flex;gap:6px;align-items:flex-start}
.ups-alt{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:14px}
.ups-alt a,.ups-alt button{color:var(--link);background:none;border:0;padding:4px 2px;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ups-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--navon2);border:1px solid var(--navbd);font-size:14px;line-height:1.55}
@media (max-width:639px){.ups-hd{padding:20px 18px 16px}.ups-bd{padding:16px 18px 24px}.ups-h{font-size:20px}.ups-pl button{min-height:52px}}
@media (prefers-reduced-motion:reduce){.ups-pv svg{transform:none}}
html[data-theme="dark"] .ups-pv::after{background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.45) 100%)}
/* ที่นั่งใช้ฟรี (หน้าแพ็กเกจ · สังคมคุยเทรด) */
.fslot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:760px;margin:20px auto 0;padding:12px 16px;border-radius:14px;background:var(--navon2);border:1px solid var(--navbd);text-align:left;font-size:15px;line-height:1.5}
.fslot b.num{font-size:18px}
.fslot>span{flex:1 1 0;min-width:220px}
.fslot .fs-bar{flex:1 1 100%;height:6px;border-radius:99px;background:var(--track);overflow:hidden;min-width:120px}
.fslot .fs-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#0B4FB8,#1570EF)}
.fslot.full{background:var(--surface2);border-color:var(--border)}
.cm-lock.cm-lockin{box-shadow:none;margin:8px 0 14px;background:var(--surface2)}
.cm-lock.cm-lockin .btn{width:auto}
.cmq-lock.sm{padding:10px 14px;font-size:13.5px}
.rpc-lk{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 0;font-size:13.5px;color:var(--text3)}
.rp-lock .kpb{margin-left:4px}
.cmx-chip.lock:focus-visible,.ktlk:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
/* รอบ 78: ปักหมุดโพสต์จากหน้าโปรไฟล์ · หน้าต่างเลือกโพสต์ (เดือน · วันที่ · ค้นหา) */
.sx-pinhd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sx-pinhd .sx-rh .num{font-weight:500;font-size:13px}
.sx-pinw{position:relative;display:flex;flex-direction:column;gap:6px}
.sx-pinw .sx-unpin{align-self:flex-end;margin-top:-4px}
.sx-pinemp,.sx-pinup{margin:0;padding:12px 14px;border:1px dashed var(--sx-line);border-radius:12px;font-size:14px;line-height:1.55}
.sx-pinup{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}
.ps-pick{align-self:flex-start;margin-top:8px}
.mdlg.pp-dlg{max-width:620px}
.pp-f{display:grid;grid-template-columns:1.2fr 1fr 1.3fr;gap:10px;align-items:start}
.pp-f>div{display:flex;flex-direction:column;gap:6px}.pp-f .flabel{margin:0}
.pp-f .inp{width:100%;height:46px;min-height:46px;box-sizing:border-box}
@media (max-width:560px){.pp-f{grid-template-columns:1fr 1fr}.pp-fq{grid-column:1 / -1}}
.pp-clr{align-self:flex-start;margin-top:-4px}
.pp-sel{display:flex;flex-wrap:wrap;gap:6px}
.pp-sel:empty{display:none}
.pp-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 6px 4px 10px;border-radius:99px;background:var(--navon2);border:1px solid var(--navbd);font-size:13.5px;line-height:1.4}
.pp-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}
.pp-chip button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:99px;background:transparent;color:inherit;cursor:pointer}
.pp-chip button:hover{background:var(--surface2)}
.pp-list{display:flex;flex-direction:column;gap:6px;max-height:min(46vh,420px);overflow:auto;padding:2px}
.pp-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;cursor:pointer}
.pp-row:has(input:checked){border-color:var(--brand);background:var(--navon2)}
.pp-row input{flex:none;width:18px;height:18px}
.pp-th{flex:none;width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--surface2)}
.pp-thn{display:inline-flex;align-items:center;justify-content:center;color:var(--text3)}
.pp-rt{display:flex;flex-direction:column;min-width:0;gap:2px}
.pp-rt b{font-weight:600;overflow-wrap:anywhere;line-height:1.4}
.pp-rt .lbl{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;margin:0}
.pp-none{margin:8px 0}
.pp-mb{align-self:center}
#pp_more{display:flex;justify-content:center}
#pp_more:empty{display:none}
/* รอบ 79: Kuy AI — ปุ่มแชทใหม่ (ไอคอน · ยืนยันอีกครั้งเมื่อคุยกับแอดมินอยู่) · ข้อความจบแชทบนหน้าหลักของแชท */
.kc-new{width:34px;padding:0;justify-content:center}
.kc-new span{display:none}
.kc-new.kc-conf{width:auto;padding:0 10px;border-color:var(--warnbd,#F5C26B);background:var(--warnbg,#FFF7E6);color:var(--text)}
.kc-new.kc-conf span{display:inline}
.kc-endnote{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:var(--surface2);color:var(--text2);font-size:13.5px;line-height:1.5}
.kc-endnote svg{flex:none;margin-top:2px}
.kca-tmo{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px}@media (max-width:560px){.kca-tmo{grid-template-columns:1fr}}
/* รอบ 79 (เจ้าของสั่ง 31/10/2026): รูปปกโปรไฟล์ 16:9 + ขนาดแนะนำ */
.ps-covh{display:flex;align-items:flex-start;gap:6px;margin:8px 0 4px;font-size:13px;line-height:1.5}
.ps-covh svg{flex:none;margin-top:2px}
.ps-covh.warn{color:var(--sx-amber,#B45309)}
/* ===== รอบ 82 (เจ้าของสั่ง 31/10/2026): Vol2Vol + Intraday — แถบสรุปเหนือกราฟ · อันดับ strike · ปุ่มเลือกแหล่งของบันไดบนกราฟ CME Live ===== */
.cmq-views{flex-wrap:wrap}
.cmq-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:4px 0 10px;padding:10px 12px;border-radius:10px;background:var(--q-plot);border:1px solid var(--q-grid)}
.cmq-flow dl{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0}
.cmq-flow dl div{display:flex;flex-direction:column;gap:1px;min-width:0}
.cmq-flow dt{font-size:11.5px;color:var(--sx-text2)}
.cmq-flow dd{margin:0;font-size:15px;font-weight:700;color:var(--sx-text)}
.cmq-flow dd small{font-size:11px;font-weight:500;color:var(--sx-text2)}
.cmq-top{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 0 auto;padding:0;font-size:13px}
.cmq-top li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.cmq-top b{font-weight:600;color:var(--sx-text)}
.cmq-vr{display:inline-grid;place-items:center;min-width:24px;height:20px;padding:0 5px;border-radius:6px;font-size:11px;font-weight:800;color:#fff}
.cmq-vr.c{background:var(--q-callw)}.cmq-vr.p{background:var(--q-putw)}
.cmq-live{display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--q-puttx);background:color-mix(in srgb,var(--q-put) 14%,transparent)}
.cmq-live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--q-put)}
.cmd-zfl{color:var(--sx-text2)}.cmd-zfl b{color:var(--sx-text);font-weight:600}
.cmx-src{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:999px;border:1px solid var(--border);background:var(--surface)}
.cmx-src button{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 9px;border:0;border-radius:999px;background:none;color:var(--text3);font:inherit;font-size:12px;cursor:pointer}
.cmx-src button[aria-pressed=true]{background:var(--pribg,var(--brand));color:#fff;font-weight:600}
.cmx-src button:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.cmx-ldot{width:6px;height:6px;border-radius:50%;background:#22C55E;animation:cmxPulse 2s ease-in-out infinite}
@keyframes cmxPulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.cmx-ldot{animation:none}}
@media (max-width:560px){.cmq-flow{padding:8px 10px;gap:8px 14px}.cmq-top{margin-left:0}.cmq-flow dd{font-size:14px}.cmq-views button{padding:0 9px}}
/* ===== รอบ 83 (เจ้าของสั่ง 31/10/2026 21:22): กราฟ TradingView แบบ web component · ปุ่ม "แชทบนกราฟ" ย้ายไปขวาข้างปุ่มกติกา ===== */
[data-tvw]{position:relative}
.tvwc-fb{position:absolute;inset:0;z-index:1;display:grid;place-items:center;margin:0;padding:16px;text-align:center;background:var(--surface,#fff);color:var(--text3);font-size:14px}
.cc-hr{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto}
.cc-hr .cc-mk{width:auto;min-height:34px;height:34px;gap:6px;padding:0 11px;border-radius:999px;font:inherit;font-size:13px}
.cc-mkt{white-space:nowrap}
@media (max-width:480px){.cc-hr .cc-mk{width:34px;padding:0}.cc-mkt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* รอบ 85: หลังบ้าน › อีเมลข่าวสาร — ค่าตั้ง · รายการ · ร่าง + ตัวอย่าง (กรอบ sandbox) · ความคืบหน้า (ใช้ตัวแปรสีทั้งหมด → โหมดมืดตามอัตโนมัติ · ตัวอย่างอีเมลพื้นขาวในกรอบเสมอ) */
.em-set{margin-top:16px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);display:flex;flex-direction:column;gap:12px}
.em-set label:not(.cmd-chk){display:flex;flex-direction:column}
.em-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:28px 0 12px}
.em-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.em-f label:not(.cmd-chk){display:flex;flex-direction:column}
.em-code{font:14px/1.55 'Geist Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;overflow-wrap:normal;overflow-x:auto;tab-size:2}
textarea.em-code{min-height:260px}#em-text.em-code{min-height:120px;white-space:pre-wrap}
.em-acts{display:flex;gap:8px;flex-wrap:wrap}
.em-seg{display:flex;gap:6px}.em-seg .btn[aria-pressed="true"]{border-color:var(--brand);color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.em-pvc{position:sticky;top:88px}
.em-pvw{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface2);display:flex;justify-content:center}
.em-pv{display:block;width:100%;height:min(72vh,820px);border:0;background:var(--surface2)}
.em-pv.mob{width:375px;max-width:100%}
.em-prog{margin-bottom:16px}
.em-bar{height:10px;border-radius:999px;background:var(--track);overflow:hidden}.em-bar span{display:block;height:100%;background:var(--brand);border-radius:inherit;transition:width .3s}
.em-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.em-kv>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.em-kv b{font-size:20px}
@media (max-width:1100px){.em-grid{grid-template-columns:minmax(0,1fr)}.em-pvc{position:static}}
@media (prefers-reduced-motion:reduce){.em-bar span{transition:none}}
/* รอบ 87: หลังบ้าน › อีเมลข่าวสาร › การ์ด Playbook (ตัวแปรสีของธีม → โหมดมืดตามเอง) */
.pb-card{margin-top:16px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);display:flex;flex-direction:column;gap:14px;min-width:0}
.pb-sw{display:flex;gap:10px 24px;flex-wrap:wrap}
.pb-vol{padding:12px 14px;border-radius:10px;background:var(--surface2);border:1px solid var(--line)}
.pb-sched{margin:0;padding-left:20px}.pb-sched li{margin:2px 0}
.pb-pv{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.pb-pv label{display:flex;flex-direction:column;min-width:150px;flex:1 1 150px}.pb-pv .btn{flex:none}
.pb-card .admtbl{max-width:100%}
/* ===== รอบ 86: ปุ่ม "!" ข้อมูลเพิ่มเติม + ป๊อปโอเวอร์ (ใช้ได้ทุกหน้า · ตัวแปรสีของธีม → โหมดมืดตามเอง) ===== */
.kx-i{position:relative;display:inline-grid;place-items:center;width:24px;height:24px;margin:-3px 0 -3px 4px;padding:0;border:0;border-radius:50%;background:none;color:var(--text3);cursor:pointer;vertical-align:middle;flex:none;font:inherit}
.kx-i span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;border:1.5px solid currentColor;font:700 11px/1 'Geist',var(--fx),sans-serif}.kx-i span::before{content:'!'}
.kx-i:hover,.kx-i[aria-expanded=true]{color:var(--brand)}
.kx-i:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
@media (pointer:coarse){.kx-i{width:32px;height:32px;margin:-7px -4px -7px 0}}
.kx-pop{position:fixed;z-index:260;width:max-content;max-width:min(340px,calc(100vw - 24px));padding:14px 40px 14px 16px;border-radius:12px;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--floatsh);font-size:14px;line-height:1.6;text-align:left;font-weight:400;letter-spacing:normal;white-space:normal}
.kx-pop:focus{outline:none}.kx-pop:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.kx-h{display:block;font-size:14.5px;font-weight:600;margin:0 0 4px;color:var(--text)}
.kx-pop p{margin:0;color:var(--text2)}.kx-pop p+p,.kx-pop ol+p{margin-top:8px}
.kx-steps{margin:4px 0 0;padding-left:20px;color:var(--text2)}.kx-steps li+li{margin-top:4px}
.kx-pop .kx-note{font-size:13px;color:var(--text3)}
.kx-go a{font-weight:600;color:var(--link)}
.kx-x{position:absolute;top:6px;right:6px;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:none;color:var(--text3);font-size:20px;line-height:1;cursor:pointer}
.kx-x:hover{background:var(--hover);color:var(--text)}.kx-x:focus-visible{outline:2px solid var(--brand)}
/* แพ็กเกจ: "!" ท้ายชื่อแถวในตารางเทียบ และท้ายรายการในการ์ด */
.cmp tbody th .kx-i{margin-left:2px}.ticks li>span .kx-i{margin-top:-4px}
/* ===== รอบ 86: แจ้งเตือนราคาบนกราฟ CME Live — ปุ่มกระดิ่ง · แถบโหมดแจ้งเตือน · หน้าต่างเล็กที่ราคา · กระดิ่งในแถวระดับราคา ===== */
.cma-tools{display:inline-flex;align-items:center;gap:2px}
.cma-bell{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap}
.cma-bell:hover{border-color:var(--navbd);color:var(--link)}
.cma-bell[aria-pressed=true]{background:var(--navon);border-color:var(--brand);color:var(--link)}
.cma-bell:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.cma-bar{display:flex;flex-direction:column;gap:8px;margin:8px 0 0;padding:10px 12px;border:1px dashed var(--navbd);border-radius:12px;background:var(--navon2);font-size:13.5px}
.cma-bar[hidden]{display:none}
.cma-bt{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}.cma-bt .btn{width:auto}
.cma-tip{display:inline-flex;align-items:center;gap:6px;color:var(--link);font-weight:500;flex:1 1 220px;min-width:0}
.cma-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.cma-list li{display:inline-flex;align-items:center;max-width:100%;border:1px solid var(--border);border-radius:999px;background:var(--surface);overflow:hidden}
.cma-it{display:inline-flex;align-items:center;gap:6px;min-width:0;min-height:32px;padding:0 6px 0 10px;border:0;background:none;color:var(--text);font:inherit;font-size:13px;cursor:pointer;max-width:240px}
.cma-it i{font-style:normal;font-size:10px;color:var(--warn)}.cma-it span{color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cma-del{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:0;border-left:1px solid var(--line);background:none;color:var(--text3);cursor:pointer}
.cma-del:hover{color:var(--neg);background:var(--hover)}
.cma-it:focus-visible,.cma-del:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.cm-chart.cma-on .cm-c,.cm-chart.cma-on .cm-c *{cursor:crosshair!important}
.cma-pop{position:fixed;z-index:250;width:min(300px,calc(100vw - 24px));padding:16px;border-radius:14px;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--floatsh);font-size:14px;line-height:1.5;display:flex;flex-direction:column;gap:8px}
.cma-pop:focus{outline:none}.cma-pop:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.cma-h{display:block;font-size:15px;font-weight:600;padding-right:28px}
.cma-p{margin:0;color:var(--text2)}
.cma-f{display:flex;flex-direction:column;gap:8px}.cma-f .inp{width:100%}.cma-f .flabel{margin:0}
.cma-dir{display:flex}.cma-dir .seg{flex:1;min-height:36px;font-size:13.5px}
.cma-now,.cma-q{margin:0;display:flex;flex-wrap:wrap;gap:2px 10px}
.cma-warn{color:var(--tagtx)}
.cma-act{display:flex;gap:8px;flex-wrap:wrap}.cma-pop .btn{width:auto}
.cma-pop .ferr .btn{margin-top:6px}
.cma-rm{display:inline-flex;align-items:center;gap:6px}
.cml.al .cml-r{grid-template-columns:minmax(0,1fr) auto 32px;gap:10px}
.cml-al{display:inline-grid;place-items:center;width:32px;height:32px;margin:-6px -4px -6px 0;padding:0;border:0;border-radius:8px;background:none;color:var(--text3);cursor:pointer}
.cml-al:hover{color:var(--brand);background:var(--navon)}
.cml-al:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
@media (max-width:480px){.cma-bell span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cma-bell{padding:0 9px}}
/* ===== รอบ 86: หน้าต่างเลือกการแจ้งเตือน (PDPA) + ส่วนเดียวกันในหน้าตั้งค่า — เรียบ ชัด ไม่ติ๊กให้ล่วงหน้า · มือถือ = แผ่นเต็มจอ ===== */
.ncx{position:fixed;inset:0;z-index:210;background:rgba(11,27,63,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.ncx-d{position:relative;display:flex;flex-direction:column;width:100%;max-width:600px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 32px rgba(11,27,63,.25);overflow:hidden}
.ncx-d:focus{outline:none}
.ncx-hd{padding:24px 24px 12px;border-bottom:1px solid var(--line)}
.ncx-k{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ncx-ic{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--navon);color:var(--link)}
.ncx-h{margin:0;font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.01em}
.ncx-s{margin:6px 0 0;color:var(--text3);font-size:14.5px;line-height:1.55}
.ncx-bd{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 24px 16px;overscroll-behavior:contain}
.ncx-ft{padding:14px 24px 20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px;background:var(--surface)}
.ncx-note{margin:0;font-size:13px;line-height:1.55;color:var(--text3)}.ncx-note a{color:var(--link)}
.ncx-acts{display:flex;gap:10px;justify-content:flex-end}.ncx-acts .btn{width:auto;min-width:120px}
.ncx-g{padding-top:16px}
.ncx-gh{margin:0;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--text3);text-transform:none}
.ncx-gd{margin:2px 0 6px;font-size:13px;line-height:1.5;color:var(--mute)}
.ncx-l{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ncx-it{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-top:1px solid var(--line)}
.ncx-it:first-child{border-top:0}
.ncx-it.lk .ncx-n label,.ncx-it.lk .ncx-n b{color:var(--text3)}
.ncx-sw{flex:none;padding-top:1px}
.ncx-none{display:inline-grid;place-items:center;width:40px;height:24px;color:var(--mute)}
.ncx-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ncx-n{display:flex;align-items:center;flex-wrap:wrap;gap:2px 6px;font-size:15px;font-weight:500;line-height:1.45}
.ncx-n label{cursor:pointer}.ncx-n b{font-weight:500}
.ncx-ds{font-size:13px;line-height:1.5;color:var(--text3)}
.ncx-on{align-self:flex-start;margin-top:4px;min-height:0;height:22px;font-size:12px}.ncx-n .ncx-on{margin:0 0 0 auto}
.ncx-lk,.ncx-set{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:13px;color:var(--text3)}
.ncx-lk>span{display:inline-flex;align-items:center;gap:4px}.ncx-lk svg{flex:none}
.ncx-lk a,.ncx-set a{font-weight:600;color:var(--link)}
.ncx-cb{appearance:none;-webkit-appearance:none;position:relative;display:block;width:40px;height:24px;margin:0;border-radius:999px;background:var(--ctl);cursor:pointer;transition:background .15s}
.ncx-cb::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}
.ncx-cb:checked{background:var(--brand)}.ncx-cb:checked::after{transform:translateX(16px)}
.ncx-cb:disabled{cursor:not-allowed;opacity:.55}.ncx-cb:checked:disabled{opacity:.7}
.ncx-cb:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.ncx-it.req .ncx-cb:disabled{opacity:.6}
@media (prefers-reduced-motion:reduce){.ncx-cb,.ncx-cb::after{transition:none}}
.ncx-sec{display:flex;flex-direction:column;gap:10px}
.ncx-sh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ncx-st{margin-left:auto}
.ncx-card{padding:24px}
@media (max-width:639px){.ncx{padding:0;align-items:stretch}.ncx-d{max-width:none;max-height:none;height:100%;height:100dvh;border-radius:0;border:0}
  .ncx-hd{padding:20px 16px 10px;padding-top:max(20px,env(safe-area-inset-top,0px))}.ncx-h{font-size:19px}.ncx-bd{padding:4px 16px 12px}
  .ncx-ft{padding:12px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}.ncx-acts .btn{flex:1;min-width:0}.ncx-card{padding:18px 16px}}
/* รอบ 89: ภารกิจและเลเวลรายเดือน (/social/missions · Wallet.html) — ใช้ตัวแปรสีของ .sx (โหมดมืดตามธีมของสังคมคุยเทรด) */
.km-page{display:flex;flex-direction:column;gap:16px}
.km-lv{display:flex;gap:18px;align-items:center}.km-lvb{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.km-lvt{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.km-lvt .sx-h2{margin:0}
.km-badge{flex:none;width:76px;height:76px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;background:var(--sx-blue-soft);color:var(--sx-blue-tx);border:2px solid var(--sx-line2)}
.km-badge b{font-size:30px;font-weight:800}.km-bl{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}
.km-t2{background:var(--sx-green-soft);color:var(--sx-green-tx)}.km-t3{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}.km-t4{background:var(--sx-amber-soft);color:var(--sx-amber-tx)}.km-t5{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.km-t1{background:var(--sx-sunk);color:var(--sx-text2)}
.km-bar{flex:1;min-width:60px;height:8px;border-radius:999px;background:var(--sx-sunk);overflow:hidden;border:1px solid var(--sx-line)}
.km-bar i{display:block;height:100%;border-radius:999px;background:var(--sx-blue);transition:width .3s ease}
.km-row.done .km-bar i,.km-row.claimed .km-bar i{background:var(--sx-green)}
@media (prefers-reduced-motion:reduce){.km-bar i{transition:none}}
.km-pg{display:flex;align-items:center;gap:10px;min-width:0}.km-pn{flex:none;font-size:13px;color:var(--sx-text2);font-weight:600}
.km-lvs,.km-prev{margin:0;font-size:14px}.km-prev{display:inline-flex;align-items:center;gap:6px;color:var(--sx-amber-tx)}
.km-sec{display:flex;flex-direction:column;gap:10px}.km-sech{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.km-sech .sx-h2,.km-sech .sx-rh{margin:0}
.km-ready{font-size:12.5px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--sx-green-soft);color:var(--sx-green-tx)}
.km-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.km-row{display:flex;align-items:center;gap:14px;padding:14px 16px}.km-row.claimed{opacity:.78}
.km-ic{flex:none;width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--sx-blue-soft);color:var(--sx-blue)}
.km-row.done .km-ic,.km-row.claimed .km-ic{background:var(--sx-green-soft);color:var(--sx-green-tx)}
.km-rb{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.km-rt{font-size:15.5px;color:var(--sx-text)}.km-rd{font-size:13.5px;line-height:1.45}
.km-ra{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.km-rw{font-size:13px;font-weight:700;color:var(--sx-amber-tx);white-space:nowrap}
.km-ok{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;color:var(--sx-green-tx);min-height:36px}
.km-two{display:grid;gap:16px;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}
.km-bl2{list-style:none;margin:0;padding:0}.km-board .kr-row .km-chip{flex:none}
.km-hl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.km-hl li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--sx-line);font-size:14px}.km-hl li>span:nth-child(2){flex:1}
.km-chip{display:inline-flex;align-items:center;gap:3px;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.6;white-space:nowrap}
.km-chip.km-sm{font-size:11px;padding:1px 6px}
@media (max-width:860px){.km-two{grid-template-columns:minmax(0,1fr)}}
@media (max-width:639px){.km-lv{gap:14px}.km-badge{width:64px;height:64px;border-radius:16px}.km-badge b{font-size:25px}
  .km-row{flex-wrap:wrap;gap:12px;padding:14px}.km-rb{flex-basis:calc(100% - 54px)}.km-ra{flex-direction:row;align-items:center;justify-content:space-between;width:100%}}

/* รอบ 89: คอมมูนิตี้ของสมาชิก (/social/communities · c-<ชื่อ> · c-new · SocialPlus.html) */
.cy-card{display:flex;flex-direction:column;gap:10px}.cy-ch{display:flex;gap:12px;align-items:flex-start;min-width:0}.cy-cht{min-width:0}.cy-cht .sx-h3{margin:0 0 4px;overflow-wrap:anywhere}
.cy-av{flex:none;border-radius:14px;object-fit:cover;background:var(--sx-blue-soft)}.cy-avi{display:inline-flex;align-items:center;justify-content:center;color:var(--sx-blue-tx);font-weight:800}
.cy-desc{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px}
.cy-card .sx-spf{margin-top:auto}
.cy-quota{margin:0 0 6px;font-size:14px}
.cy-head{overflow:hidden}.cy-cover{margin:-18px -20px 0;aspect-ratio:16/5;background:var(--sx-sunk);overflow:hidden}.cy-cover img{width:100%;height:100%;object-fit:cover;display:block}
.cy-acts{flex-wrap:wrap}
.cy-form{display:flex;flex-direction:column;gap:16px;max-width:760px}.cy-2{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.cy-slug{display:flex;align-items:center;gap:6px;min-width:0}.cy-slug .sx-inp{flex:1;min-width:0}
.cy-vis{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cy-up{display:flex;flex-direction:column;gap:6px}.cy-upr{display:flex;align-items:center;gap:12px}
.cy-pv{width:64px;height:64px;border-radius:14px;border:1px dashed var(--sx-line2);background:var(--sx-sunk);color:var(--sx-mute);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.cy-pv img{width:100%;height:100%;object-fit:cover}.cy-pv[aria-busy=true]{opacity:.5}
.cy-upb{position:relative;cursor:pointer}.cy-upb:focus-within{outline:2px solid var(--sx-blue);outline-offset:2px}
.cy-about{display:flex;flex-direction:column;gap:10px}.cy-about .sx-h2{margin:8px 0 0}.cy-rules{white-space:normal;line-height:1.7;overflow-wrap:anywhere;color:var(--sx-text2)}
/* รอบ 90: ห้องเสียงคุยสด (แท็บห้องเสียงของคอมมูนิตี้/Space · ในห้อง · หลังบ้าน) — ใช้ตัวแปรสีของสังคมคุยเทรด (โหมดมืดตามธีม) */
.vx-lobby{display:flex;flex-direction:column;gap:12px}.vx-lhd{display:flex;gap:12px;align-items:flex-start}.vx-lhd .sx-h2{margin:0 0 2px}.vx-lhd p{margin:0}
.vx-ico{flex:none;width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--sx-blue-soft);color:var(--sx-blue-tx)}
.vx-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.vx-none{margin:0}
.vx-rc{display:flex;flex-direction:column;gap:8px;margin:0}.vx-rc.on{border-color:var(--sx-neg);box-shadow:0 0 0 1px var(--sx-neg) inset}.vx-rc.off{opacity:.75}
.vx-rct{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.vx-rct .sx-h3{margin:0;overflow-wrap:anywhere}.vx-rcm{margin:0;font-size:14px}
.vx-live{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px;border-radius:999px;background:var(--sx-neg-soft);color:var(--sx-neg-tx);font-size:12.5px;font-weight:700;letter-spacing:.02em;text-decoration:none;white-space:nowrap}
a.vx-chip:hover{text-decoration:underline}.vx-headb{border-color:var(--sx-neg)!important}
.vx-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--sx-neg);margin-left:4px;vertical-align:middle;animation:vxp 1.6s ease-in-out infinite}
@keyframes vxp{50%{opacity:.35}}
.vx-new{display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid var(--sx-line)}.vx-new .sx-h3{margin:0}
.vx-when{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.vx-when .popt{margin:0}.vx-when input[type=datetime-local]{max-width:260px}
.vx-priv{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:13.5px}
.vx-room{display:flex;flex-direction:column;gap:14px}.vx-top{display:flex;flex-direction:column;gap:6px}
.vx-th{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.vx-th .sx-h2{margin:0;flex:1 1 220px;overflow-wrap:anywhere}.vx-meta{margin:0;font-size:14px}
.vx-conn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--sx-mute)}.vx-conn i{width:8px;height:8px;border-radius:50%;background:currentColor}
.vx-conn.ok{color:var(--sx-green-tx)}.vx-conn.warn{color:var(--sx-amber-tx)}.vx-conn.bad{color:var(--sx-neg-tx)}
#vx-msg{display:flex;flex-direction:column;gap:8px}#vx-msg:empty{display:none}#vx-msg .sx-note{flex-wrap:wrap;align-items:center}
.vx-sh{margin:0;font-size:15px;color:var(--sx-text2)}
.vx-stage,.vx-ls,.vx-hq{list-style:none;margin:0;padding:0}
.vx-stage{display:grid;gap:14px 10px;grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}
.vx-ls{display:grid;gap:12px 8px;grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}
.vx-pb{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:6px 2px;border:0;background:none;border-radius:12px;color:inherit;font:inherit;text-align:center;min-width:0}
button.vx-pb{cursor:pointer}button.vx-pb:hover{background:var(--sx-sunk)}button.vx-pb:focus-visible{outline:2px solid var(--sx-blue);outline-offset:2px}
.vx-av{position:relative;display:inline-flex;border-radius:50%}.vx-av .sx-av{border-radius:50%;transition:box-shadow .12s}
.vx-p.talk .vx-av .sx-av{box-shadow:0 0 0 3px var(--sx-surface),0 0 0 6px var(--sx-green)}
.vx-mic,.vx-hand{position:absolute;right:-4px;bottom:-2px;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--sx-surface);color:var(--sx-mute);box-shadow:var(--sx-shadow);border:1px solid var(--sx-line)}
.vx-mic.on{color:var(--sx-green-tx)}.vx-hand{left:-4px;right:auto;color:var(--sx-amber-tx)}
.vx-nm{font-size:13.5px;font-weight:600;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vx-p.ls .vx-nm{font-weight:500;font-size:12.5px}
.vx-role{font-size:12px;color:var(--sx-mute)}
.vx-hq{display:flex;flex-direction:column;gap:8px}.vx-hq li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--sx-amber-soft)}.vx-hq .vx-nm{flex:1;min-width:0;text-align:left}
.vx-more{display:flex;align-items:center;justify-content:center;font-weight:600}
.vx-bar{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--sx-line)}
.vx-micb{min-width:140px}.vx-micb[aria-pressed=true]{background:var(--sx-green)!important;border-color:var(--sx-green)!important;color:#FFFFFF!important}
.vx-mact{flex-direction:column;align-items:stretch}.vx-mact .btn{width:100%}
.vx-audio{display:none}
.vx-meter{height:12px;border-radius:999px;background:var(--track);overflow:hidden;margin:4px 0 8px}.vx-meter i{display:block;height:100%;background:var(--link);border-radius:999px}.vx-meter i.over{background:#D92D20}
@media (max-width:639px){.vx-bar{position:sticky;bottom:calc(66px + env(safe-area-inset-bottom));z-index:5;margin:0 -16px;padding:10px 16px;background:var(--sx-surface);box-shadow:0 -6px 16px rgba(14,23,38,.08)}
  .vx-bar .sx-btn{flex:1 1 auto}.vx-stage{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.vx-ls{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}}
@media (prefers-reduced-motion:reduce){.vx-dot{animation:none}.vx-av .sx-av{transition:none}}
.cy-man{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.cy-man .sx-h2,.cy-man p{margin:0}
.cy-invf{flex-wrap:wrap;align-items:center}
.cy-invl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.cy-invl li{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid var(--sx-line)}.cy-invl li.off{opacity:.6}
.cy-invl code{overflow-wrap:anywhere;font-size:13px}
.cy-inv{max-width:560px;margin:24px auto;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.cy-inv .sx-h1{margin:0}
.sx-soon{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--sx-amber-soft);color:var(--sx-amber-tx);vertical-align:middle}
.sx-btn.dis{opacity:.55}
@media (max-width:639px){.cy-cover{margin:-16px -16px 0}.cy-acts .sx-btn{flex:1 1 auto}}
/* รอบ 91: คอมมูนิตี้ระบบเดียว (gas/Comm.html) — รายชื่อ · หัวคอมมูนิตี้ · แถบห้อง (เดสก์ท็อปด้านซ้าย · มือถือชิปแนวนอน) · แชทสด · บทบาท/ป้าย · ข้อมูลเชิงลึก — สีจากตัวแปร --sx-* (ธีมมืดตาม .sx[data-theme=dark]) */
.cu-dtabs{margin:4px 0 12px;overflow-x:auto;scrollbar-width:none}.cu-dtabs::-webkit-scrollbar{display:none}.cu-dtabs button{white-space:nowrap}
.cu-card{display:flex;flex-direction:column;gap:10px}.cu-card.off{border-color:var(--sx-blue-soft)}.cu-meta{font-size:13.5px}
.cu-spi{flex:none;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--sx-blue-soft);color:var(--sx-blue-tx)}
.cu-off,.cu-qual{display:inline-flex;align-items:center;gap:4px;padding:1px 9px 1px 7px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}
.cu-off{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}.cu-qual{background:var(--sx-amber-soft);color:var(--sx-amber-tx)}
.cu-head{overflow:hidden;display:flex;flex-direction:column;gap:12px}.cu-hrow{display:flex;gap:16px;align-items:flex-start;min-width:0}.cu-ht{min-width:0;display:flex;flex-direction:column;gap:6px}
.cu-ht .sx-h1{margin:0;overflow-wrap:anywhere}.cu-desc,.cu-ht .cu-meta{margin:0}.cu-acts{flex-wrap:wrap}
.cu-pins{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding-top:10px;border-top:1px solid var(--sx-line);font-size:14px}.cu-pins b{display:inline-flex;align-items:center;gap:5px;color:var(--sx-text2)}
.cu-pins a{color:var(--sx-blue-tx);overflow-wrap:anywhere}
.cu-body{display:grid;grid-template-columns:216px minmax(0,1fr);gap:16px;align-items:start;margin-top:14px}
.cu-rail{position:sticky;top:calc(var(--sx-hd) + 12px);display:flex;flex-direction:column;gap:2px;padding:10px 8px;border:1px solid var(--sx-line);border-radius:var(--sx-r);background:var(--sx-surface);max-height:calc(100vh - var(--sx-hd) - 24px);overflow:auto}
.cu-rh{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sx-mute);padding:10px 10px 4px}.cu-rh:first-child{padding-top:2px}
.cu-ri{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;padding:7px 10px;border:0;border-radius:10px;background:none;color:var(--sx-text2);font:inherit;font-size:14.5px;text-align:left;cursor:pointer}
.cu-ri:hover{background:var(--sx-sunk);color:var(--sx-text)}.cu-ri:focus-visible{outline:2px solid var(--sx-blue);outline-offset:1px}
.cu-ri[aria-current=true]{background:var(--sx-blue-soft);color:var(--sx-blue-tx);font-weight:700}
.cu-rl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cu-dot{width:8px;height:8px;border-radius:50%;background:var(--sx-blue);flex:none}
.cu-cnt{min-width:20px;padding:0 6px;border-radius:999px;background:var(--sx-amber-soft);color:var(--sx-amber-tx);font-size:12px;font-weight:700;text-align:center}
.cu-main{min-width:0;display:flex;flex-direction:column;gap:12px}
.cu-chh .sx-h2{display:flex;align-items:center;gap:8px;margin:0}.cu-chh p{margin:2px 0 0;font-size:14px}.cu-hint{display:flex;gap:6px;align-items:center;margin:0;font-size:14px}
/* แชทสด */
.cu-chat{position:relative;display:flex;flex-direction:column;border:1px solid var(--sx-line);border-radius:var(--sx-r);background:var(--sx-surface);overflow:hidden}
.cu-pin{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--sx-amber-soft);border-bottom:1px solid var(--sx-line);font-size:14px}
.cu-pinb{flex:1;min-width:0;display:flex;gap:6px;align-items:center;border:0;background:none;color:var(--sx-amber-tx);font:inherit;text-align:left;cursor:pointer}.cu-pinb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sx-text)}
.cu-chh{scroll-margin-top:calc(var(--sx-hd) + 8px)}.cu-log{height:clamp(300px,calc(100vh - var(--sx-hd) - 270px),620px);overflow-y:auto;padding:8px 6px 12px;overscroll-behavior:contain;scroll-behavior:auto}.cu-log:focus-visible{outline:2px solid var(--sx-blue);outline-offset:-2px}
.cu-older{text-align:center;padding:4px 0 8px}.cu-empty{text-align:center;margin:40px 0}
.cu-day{display:flex;align-items:center;gap:10px;margin:12px 8px 6px;color:var(--sx-mute);font-size:12.5px}.cu-day::before,.cu-day::after{content:"";flex:1;height:1px;background:var(--sx-line)}
.cu-m{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:0 10px;padding:6px 8px;border-radius:12px}.cu-m.cont{padding-top:1px}.cu-m:hover,.cu-m:focus-within{background:var(--sx-sunk)}
.cu-m.pinned{box-shadow:inset 3px 0 0 var(--sx-amber)}.cu-m.flash{animation:cmf 1.6s ease-out}@keyframes cmf{0%,40%{background:var(--sx-amber-soft)}}
.cu-av,.cu-av0{grid-row:span 3}.cu-av .sx-av{border-radius:50%}
.cu-mb{min-width:0}.cu-mh{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;line-height:1.35}.cu-an{font-size:14.5px}.cu-ah{font-size:12.5px}.cu-mh time{font-size:12px}
.cu-mt{font-size:15px;line-height:1.55;overflow-wrap:anywhere;white-space:normal}.cu-at{color:var(--sx-blue-tx);font-weight:600}.cu-at.me{background:var(--sx-blue-soft);border-radius:4px;padding:0 3px}
.cu-mine .cu-an,.cu-m.mine .cu-an{color:var(--sx-blue-tx)}
.cu-rq{display:block;max-width:100%;margin:2px 0 4px;padding:3px 10px;border:0;border-left:3px solid var(--sx-line2);border-radius:6px;background:var(--sx-sunk);color:var(--sx-text2);font:inherit;font-size:13px;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cu-mimg{display:inline-block;margin-top:6px;max-width:min(100%,320px);border-radius:12px;overflow:hidden;border:1px solid var(--sx-line)}.cu-mimg img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover}
.cu-rx{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.cu-rx:empty{display:none}
.cu-rxb{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border:1px solid var(--sx-line);border-radius:999px;background:var(--sx-surface);font:inherit;font-size:13px;cursor:pointer;color:var(--sx-text2)}
.cu-rxb.on{border-color:var(--sx-blue);background:var(--sx-blue-soft);color:var(--sx-blue-tx)}.cu-rxb:focus-visible{outline:2px solid var(--sx-blue);outline-offset:1px}
.cu-ma{position:absolute;top:-10px;right:8px;display:none;gap:2px;padding:2px;border:1px solid var(--sx-line);border-radius:10px;background:var(--sx-surface);box-shadow:var(--sx-shadow)}
.cu-m:hover .cu-ma,.cu-m:focus-within .cu-ma{display:flex}
.cu-mab{width:30px;height:28px;border:0;border-radius:8px;background:none;color:var(--sx-mute);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.cu-mab:hover{background:var(--sx-sunk);color:var(--sx-text)}.cu-mab:focus-visible{outline:2px solid var(--sx-blue)}
.cu-newb{position:absolute;left:50%;bottom:92px;transform:translateX(-50%);display:inline-flex;gap:6px;align-items:center;padding:5px 12px;border:0;border-radius:999px;background:var(--sx-blue);color:#FFFFFF;font:inherit;font-size:13px;font-weight:700;box-shadow:var(--sx-shadow2);cursor:pointer}.cu-newb svg{transform:rotate(180deg)}
.cu-cmp{border-top:1px solid var(--sx-line);padding:8px 10px 6px;background:var(--sx-surface)}
.cu-rbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px 6px;font-size:13px;color:var(--sx-text2)}.cu-rbar span{display:inline-flex;gap:5px;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cu-crow{display:flex;align-items:flex-end;gap:8px}.cu-in{flex:1;min-width:0;resize:none;min-height:42px;max-height:140px;line-height:1.45}.cu-send{min-width:46px;height:42px}.cu-img{height:42px}
.cu-cst{margin:4px 2px 0;font-size:12.5px;min-height:1em}.cu-cst:empty{display:none}
.cu-chlock{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;text-align:center}
/* บทบาท · ป้าย */
.cu-role,.cu-bdg{display:inline-flex;align-items:center;gap:3px;padding:0 7px;border-radius:999px;font-size:11.5px;font-weight:700;line-height:1.7;white-space:nowrap}
.cu-rc-blue{background:var(--sx-blue-soft);color:var(--sx-blue-tx)}.cu-rc-green{background:var(--sx-green-soft);color:var(--sx-green-tx)}.cu-rc-amber{background:var(--sx-amber-soft);color:var(--sx-amber-tx)}.cu-rc-rose{background:var(--sx-neg-soft);color:var(--sx-neg-tx)}
.cu-rc-violet{background:#EFE9FE;color:#5B34B5}.cu-rc-slate{background:#EDF0F4;color:#3D4A5C}
.sx[data-theme=dark] .cu-rc-violet{background:rgba(167,139,250,.16);color:#C4B5FD}.sx[data-theme=dark] .cu-rc-slate{background:rgba(148,163,184,.16);color:#CBD5E1}
.cu-bdg{background:var(--sx-sunk);color:var(--sx-text2);border:1px solid var(--sx-line)}.cu-bdg-owner,.cu-bdg-mod{background:var(--sx-blue-soft);color:var(--sx-blue-tx);border-color:transparent}
.cu-bdg-founder{background:var(--sx-amber-soft);color:var(--sx-amber-tx);border-color:transparent}.cu-bdg-helper{background:var(--sx-green-soft);color:var(--sx-green-tx);border-color:transparent}
@media (max-width:719px){.cu-mh .cu-bdg span{display:none}.cu-mh .cu-bdg{padding:0 5px}}
.cu-blist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cu-blist li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.cu-mrow{flex-wrap:wrap}.cu-mid{display:flex;flex-direction:column;gap:6px;min-width:0}.cu-chips{display:flex;flex-wrap:wrap;gap:4px}.cu-chips:empty{display:none}.cu-mybd{display:flex;flex-wrap:wrap;gap:4px;margin:0}
.cu-mine{display:flex;flex-direction:column;gap:12px}.cu-mine .sx-h2{margin:0}
/* เข้าร่วม (กติกา + คำถาม) */
.cu-dlg .cu-rules{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:12px;background:var(--sunk,#F4F6F9);max-height:40vh;overflow:auto}.cu-rtext{line-height:1.7;overflow-wrap:anywhere}
.cu-q{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.cu-q .popt{margin:0}.cu-acc{margin:4px 0}
/* ตรวจเนื้อหา · ข้อมูลเชิงลึก · จัดการ */
.cu-cmod{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.cu-cmod .sx-h2{margin:0}
.cu-crep{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid var(--sx-line)}.cu-crt{margin:4px 0;overflow-wrap:anywhere}
.cu-kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.cu-kpi{display:flex;flex-direction:column;gap:2px;margin:0}.cu-kpi>b{font-size:26px;line-height:1.2}.cu-kpi>span{font-size:13px}
.cu-ig{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.cu-ig .sx-card,.cu-main>.sx-card{margin:0}.cu-ig .sx-h3,.cu-main .sx-card>.sx-h3{margin:0 0 10px}
.cu-bars{margin:0}.cu-bw{display:flex;align-items:flex-end;gap:2px;height:120px;padding-bottom:2px;border-bottom:1px solid var(--sx-line)}.cu-b{flex:1;min-width:2px;background:var(--sx-blue);border-radius:3px 3px 0 0;opacity:.85}
.cu-bars figcaption{display:flex;justify-content:space-between;font-size:12px;margin-top:4px}
.cu-tbl{width:100%;border-collapse:collapse;font-size:14px}.cu-tbl th,.cu-tbl td{padding:8px 6px;border-bottom:1px solid var(--sx-line);text-align:left}.cu-tbl .num{text-align:right}.cu-tbl tr.off{opacity:.6}
.cu-top{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;width:100%}.cu-top li{display:flex;gap:10px;align-items:flex-start;justify-content:flex-start;margin:0;padding:0;font-size:14px;text-align:left}
.cu-src{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cu-src li{display:grid;grid-template-columns:minmax(0,1fr) 40% 40px;gap:10px;align-items:center;font-size:14px}
.cu-srcb{height:8px;border-radius:999px;background:var(--sx-sunk);overflow:hidden}.cu-srcb span{display:block;height:100%;background:var(--sx-green)}
.cu-chl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cu-chr{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--sx-line)}.cu-chr.off{opacity:.6}
.cu-chr .cu-chn{flex:1 1 160px;min-width:0}.cu-chr .sx-sel{width:auto}.cu-chi{display:inline-flex;color:var(--sx-mute)}.cu-addf{flex-wrap:wrap;align-items:center}.cu-addf .sx-inp{flex:1 1 180px;min-width:0}
.cu-qe{border:1px solid var(--sx-line);border-radius:12px;padding:10px 12px;margin:0 0 10px;display:flex;flex-direction:column;gap:8px}.cu-opts{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.cu-opts li{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cu-opts .sx-inp{flex:1 1 160px;min-width:0}.cu-opts .sx-sel{width:auto;max-width:180px}
#cu-ob{display:flex;flex-direction:column;gap:12px}
/* คำตอบที่ยอมรับ (หน้าโพสต์) */
.cu-accb{display:inline-flex;align-items:center;gap:4px;margin:4px 0 0;padding:1px 9px;border-radius:999px;background:var(--sx-green-soft);color:var(--sx-green-tx);font-size:12.5px;font-weight:700}
.sx-reply.cu-acc1{border-left:3px solid var(--sx-green);padding-left:10px}
.cu-accs{display:flex;flex-direction:column;gap:8px;border-color:var(--sx-green)}.cu-accs .sx-h3{display:flex;align-items:center;gap:6px;margin:0;color:var(--sx-green-tx)}
@media (max-width:1023px){.cu-body{grid-template-columns:minmax(0,1fr);gap:10px}
  .cu-rail{position:static;flex-direction:row;align-items:center;gap:6px;max-height:none;padding:0;border:0;background:none;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 4px}.cu-rail::-webkit-scrollbar{display:none}
  .cu-rh{display:none}.cu-ri{width:auto;flex:none;min-height:36px;padding:6px 12px;border:1px solid var(--sx-line);border-radius:999px;background:var(--sx-surface);font-size:14px}.cu-rl{overflow:visible}
  .cu-ri[aria-current=true]{border-color:var(--sx-blue)}}
@media (max-width:639px){.cu-hrow{gap:12px}.cu-acts .sx-btn{flex:1 1 auto}.cu-log{height:clamp(280px,calc(100vh - var(--sx-hd) - 300px),560px)}
  .cu-src li{grid-template-columns:minmax(0,1fr) 30% 34px}}
@media (hover:none){.cu-m:hover .cu-ma,.cu-m:focus-within .cu-ma{display:none}.cu-m.sel{background:var(--sx-sunk)}.cu-m.sel .cu-ma{display:flex;position:static;grid-column:2;width:max-content;margin-top:4px;box-shadow:none}}      /* จอสัมผัส: แตะข้อความเพื่อเปิดปุ่ม */
@media (prefers-reduced-motion:reduce){.cu-m.flash{animation:none}}
/* ===== รอบ 92: ระดับและรางวัล · ป้ายระดับบนรูปโปรไฟล์ · ฉลองขึ้นระดับ (หัวหน้าน้ำเงินกรมท่า→น้ำเงินสด ทั้งธีมสว่าง/มืด · ชื่อคลาสมี .sx- = สีกำหนดเองทั้งสองธีม) ===== */
.sx-avw{position:relative;background:none!important;overflow:visible;padding:0}
.sx-avw>.sx-avi{width:100%!important;height:100%!important;margin:0!important;box-shadow:none}
.sx-tbg{position:absolute;right:-6%;bottom:-6%;display:block;line-height:0;pointer-events:none;border-radius:50%;box-shadow:0 0 0 1.5px var(--sx-surface,#FFFFFF),0 1px 3px rgba(4,8,40,.35)}
.sx-tbg .kt-em{display:block;width:100%;height:100%}
.sx-avw.sx-ch::after{content:'';position:absolute;inset:-4px;border-radius:50%;pointer-events:none;border:2.5px solid #F5C94A;box-shadow:0 0 10px rgba(245,201,74,.6)}
.sx-avw.sx-ch2::after{border-color:#C9D2DE;box-shadow:0 0 8px rgba(201,210,222,.65)}
.sx-avw.sx-ch3::after{border-color:#D88A52;box-shadow:0 0 8px rgba(216,138,82,.6)}
.sx-tchip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 4px;border-radius:999px;background:linear-gradient(135deg,#141B4D,#2448C8);color:#FFFFFF;font-size:13px;font-weight:600;line-height:1.5;white-space:nowrap;vertical-align:middle}
.sx-tchip .kt-em{flex:none}
.sx-tchip.sm{padding:0 7px 0 2px;font-size:11.5px;gap:4px}
.sx-tchamp{background:linear-gradient(135deg,#7A5205,#E0A522);padding-left:9px}.sx-tchamp.c2{background:linear-gradient(135deg,#4A5466,#A9B3C2)}.sx-tchamp.c3{background:linear-gradient(135deg,#6B3410,#C77A45)}
.sx-shelf{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center;padding:2px 6px;border-radius:999px;background:var(--sx-sunk);border:1px solid var(--sx-line)}
.sx-shi{display:inline-flex;line-height:0;border-radius:50%}.sx-shi.c1{box-shadow:0 0 0 2px #F5C94A}.sx-shi.c2{box-shadow:0 0 0 2px #C9D2DE}.sx-shi.c3{box-shadow:0 0 0 2px #D88A52}
.sx-rw{display:flex;flex-direction:column;gap:16px;min-width:0}
.sx-rw .rw-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px 20px;min-height:330px;padding:24px 24px 16px 28px;border-radius:22px;overflow:hidden;color:#FFFFFF;isolation:isolate;
  background:radial-gradient(110% 90% at 88% 10%,rgba(96,140,255,.5),rgba(96,140,255,0) 58%),radial-gradient(70% 90% at 0% 100%,rgba(28,52,190,.6),rgba(28,52,190,0) 70%),linear-gradient(140deg,#0A1038 0%,#141F6A 46%,#2346C4 100%);box-shadow:0 22px 44px -22px rgba(10,16,56,.7)}
.sx-rw .rw-hero::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 1.5px);background-size:26px 26px;-webkit-mask-image:radial-gradient(80% 70% at 75% 30%,#000,transparent 75%);mask-image:radial-gradient(80% 70% at 75% 30%,#000,transparent 75%)}
.sx[data-theme=dark] .sx-rw .rw-hero{box-shadow:0 0 0 1px rgba(130,160,255,.22),0 22px 44px -22px rgba(0,0,0,.8);background:radial-gradient(110% 90% at 88% 10%,rgba(80,120,255,.42),rgba(80,120,255,0) 58%),radial-gradient(70% 90% at 0% 100%,rgba(22,40,160,.6),rgba(22,40,160,0) 70%),linear-gradient(140deg,#060A26 0%,#101A5A 46%,#1D3DAE 100%)}
.sx-rw .rw-hero.flat{grid-template-columns:1fr;min-height:0;padding:22px 24px}
.sx-rw .rw-hl{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}
.sx-rw .rw-k{margin:0;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#AFC4FF;font-weight:700}
.sx-rw .rw-h1{margin:0;font-size:15px;font-weight:600;color:#DCE6FF;line-height:1.4}
.sx-rw .rw-hero.flat .rw-h1{font-size:26px;color:#FFFFFF;font-weight:800}
.sx-rw .rw-sub{margin:0;color:#C8D6FF}
.sx-rw .rw-tier{display:flex;align-items:center;gap:14px}
.sx-rw .rw-tem{flex:none;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}
.sx-rw .rw-tl{display:flex;align-items:center;gap:6px;font-size:13px;color:#C8D6FF}
.sx-rw .rw-tl .kx-i{color:#C8D6FF}
.sx-rw .rw-tn{display:block;font-size:36px;line-height:1.08;font-weight:800;letter-spacing:-.01em;color:#FFFFFF}
.sx-rw .rw-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
.sx-rw .rw-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5DB4F2,#C2F2FF);box-shadow:0 0 14px rgba(140,210,255,.85);transition:width .9s cubic-bezier(.2,.8,.2,1)}
.sx-rw .rw-xpt{margin:6px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:14px;color:#DCE6FF}
.sx-rw .rw-xpt>b{font-size:21px;color:#FFFFFF}
.sx-rw .rw-nx{color:#AFC4FF}.sx-rw .rw-nx b{color:#FFFFFF}
.sx-rw .rw-chips{display:flex;flex-wrap:wrap;gap:8px}
.sx-rw .rw-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-size:13px;color:#E6EDFF;line-height:1.3}
.sx-rw .rw-chip b{color:#FFFFFF}
.sx-rw .rw-flame .rw-fl{color:#8FA3D8}.sx-rw .rw-flame.on .rw-fl{color:#FF8A3D;filter:drop-shadow(0 0 6px rgba(255,138,61,.75))}
.sx-rw .rw-champ{background:rgba(245,201,74,.18);border-color:rgba(245,201,74,.55)}.sx-rw .rw-champ.c2{background:rgba(201,210,222,.16);border-color:rgba(201,210,222,.5)}.sx-rw .rw-champ.c3{background:rgba(216,138,82,.18);border-color:rgba(216,138,82,.55)}
.sx-rw .rw-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}
.sx-rw .rw-btn,.sx-tup .rw-btn{background:#FFFFFF;color:#14206E;font-weight:700;border-color:#FFFFFF}
.sx-rw .rw-btn:hover,.sx-tup .rw-btn:hover{background:#E6EDFF}
.sx-rw .rw-btn2,.sx-tup .rw-btn2{background:rgba(255,255,255,.08);color:#FFFFFF;border-color:rgba(255,255,255,.4)}
.sx-rw .rw-btn2:hover,.sx-tup .rw-btn2:hover{background:rgba(255,255,255,.16)}
.sx-rw .rw-sk span{display:block;height:18px;margin:10px 0;border-radius:8px;background:rgba(255,255,255,.12)}.sx-rw .rw-sk span:nth-child(2){height:40px;width:70%}
.sx-rw .rw-scene{position:relative;z-index:0;min-height:290px;margin:-8px -8px -16px 0}
.sx-rw .rw-pod{position:absolute;inset:0;width:100%;height:100%;transition:opacity .6s}
.sx-rw .rw-gl{position:absolute;inset:0;opacity:0;transition:opacity .7s}
.sx-rw .rw-scene.gl .rw-gl{opacity:1}.sx-rw .rw-scene.gl .rw-pod{opacity:0;visibility:hidden}
.sx-rw .rw-pp .rw-pn{fill:rgba(255,255,255,.94);font:700 22px 'Geist','Noto Sans Thai',sans-serif}
.sx-rw .rw-pp.lock{opacity:.42}
.sx-rw .rw-pem{overflow:visible;filter:drop-shadow(0 6px 10px rgba(4,8,40,.45))}.sx-rw .rw-pp.lock .rw-pem{filter:grayscale(.7)}
.sx-rw .rw-pp.cur>rect:first-of-type{stroke:#C2F2FF;stroke-width:2}
.sx-rw .rw-pdim{fill:none;stroke:rgba(255,255,255,.28);stroke-width:3;stroke-dasharray:2 7;stroke-linecap:round}
.sx-rw .rw-plit{fill:none;stroke:#9FDCFF;stroke-width:4;stroke-linecap:round}
.sx-rw .rw-pai{fill:#FFFFFF;font:700 18px 'Geist',sans-serif}
.sx-rw .rw-tip{position:absolute;z-index:3;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;background:rgba(8,12,44,.94);border:1px solid rgba(160,190,255,.3);color:#FFFFFF;font-size:13px;line-height:1.4;pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.4);max-width:230px}
.sx-rw .rw-tip[hidden]{display:none}.sx-rw .rw-tis{color:#9FDCFF}
.sx-rw .rw-tabs{display:flex;gap:4px;overflow-x:auto;padding:4px;border-radius:14px;background:var(--sx-surface);border:1px solid var(--sx-line);scrollbar-width:none}
.sx-rw .rw-tabs::-webkit-scrollbar{display:none}
.sx-rw .rw-tab{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:10px;color:var(--sx-text2);font-weight:600;white-space:nowrap;text-decoration:none!important;flex:none}
.sx-rw .rw-tab:hover{background:var(--sx-sunk);color:var(--sx-text)}
.sx-rw .rw-tab.on{background:linear-gradient(135deg,#141F6A,#2346C4);color:#FFFFFF}
.sx-rw .rw-body{min-width:0}
.sx-rw .rw-ov{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.sx-rw .rw-ov2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}
.sx-rw .rw-card{display:flex;flex-direction:column;gap:12px;min-width:0}.sx-rw .rw-card .sx-h2{margin:0}
.sx-rw .rw-note{margin:0;font-size:13px}
.sx-rw .rw-stb{display:flex;align-items:center;gap:14px}
.sx-rw .rw-stf .rw-fl{color:#9AA8CC;display:block}.sx-rw .rw-stf.on .rw-fl{color:#FF7A2F;filter:drop-shadow(0 0 10px rgba(255,122,47,.55))}
.sx-rw .rw-std{display:block;font-size:34px;line-height:1.05}
.sx-rw .rw-dots{display:flex;gap:6px;flex-wrap:wrap}
.sx-rw .rw-dots i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--sx-sunk);font-style:normal;font-size:12px;color:var(--sx-mute)}
.sx-rw .rw-dots i.on{background:rgba(255,122,47,.14);color:#FF7A2F}
.sx-rw .rw-shelf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.sx-rw .rw-shelf li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:12px 8px;border-radius:14px;background:linear-gradient(180deg,var(--sx-raise),var(--sx-sunk));border:1px solid var(--sx-line);font-size:13px}
.sx-rw .rw-shelf li.c1{box-shadow:inset 0 0 0 2px #F5C94A}.sx-rw .rw-shelf li.c2{box-shadow:inset 0 0 0 2px #C9D2DE}.sx-rw .rw-shelf li.c3{box-shadow:inset 0 0 0 2px #D88A52}
.sx-rw .rw-prev{display:flex;align-items:center;gap:10px;margin:0}
.sx-rw .rw-prv{margin:0}
.sx-rw .rw-mh{margin:0 0 8px}.sx-rw .rw-mh .sx-h2{margin:0;display:flex;align-items:center;gap:6px}.sx-rw .rw-mh p{margin:2px 0 0}
.sx-rw .rw-seg{display:inline-flex;padding:3px;border-radius:12px;background:var(--sx-sunk);gap:2px;margin-bottom:12px;max-width:100%}
.sx-rw .rw-seg button{border:0;background:none;padding:0 14px;min-height:38px;border-radius:9px;font:inherit;font-weight:600;color:var(--sx-text2);cursor:pointer}
.sx-rw .rw-seg button[aria-pressed=true]{background:var(--sx-surface);color:var(--sx-text);box-shadow:0 1px 3px rgba(4,8,40,.14)}
.sx-rw .rw-rkt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.sx-rw .rw-podium{position:relative;padding:22px 16px 0;margin-bottom:16px;border-radius:20px;overflow:hidden;color:#FFFFFF;background:radial-gradient(90% 100% at 50% 0%,rgba(96,140,255,.5),rgba(96,140,255,0) 60%),linear-gradient(160deg,#0A1038,#1A2A86 60%,#2346C4)}
.sx-rw .rw-pd{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;max-width:560px}
.sx-rw .rw-pdc{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center}
.sx-rw .rw-pdw{display:flex;flex-direction:column;align-items:center;gap:6px;color:#FFFFFF;text-decoration:none!important;min-width:0;max-width:100%}
.sx-rw .rw-pdw .sx-av{box-shadow:0 0 0 3px rgba(255,255,255,.85),0 8px 18px rgba(0,0,0,.35)}
.sx-rw .rw-pdn{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-rw .rw-pdx{font-size:13px;color:#BFD0FF}
.sx-rw .rw-pdb{position:relative;width:100%;border-radius:14px 14px 0 0;border:1px solid rgba(255,255,255,.3);border-bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.1) 45%,rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 -12px 30px rgba(100,150,255,.2)}
.sx-rw .rw-pdc.r1 .rw-pdb{background:linear-gradient(180deg,rgba(245,201,74,.6),rgba(245,201,74,.16) 55%,rgba(255,255,255,.05))}
.sx-rw .rw-pdc.me .rw-pdn::after{content:' •';color:#9FDCFF}
.sx-rw .rw-medal{position:absolute;left:50%;top:14px;width:40px;height:40px;margin-left:-20px;border-radius:50%;display:grid;place-items:center;font:800 18px 'Geist',sans-serif;color:#3B2A00;background:radial-gradient(circle at 35% 30%,#FFF6C9,#F5C94A 55%,#B07A0C);box-shadow:0 6px 12px rgba(0,0,0,.35),inset 0 -3px 0 rgba(0,0,0,.18);animation:rwbob 3.2s ease-in-out infinite}
.sx-rw .rw-medal.m2{color:#26303F;background:radial-gradient(circle at 35% 30%,#FFFFFF,#C9D2DE 55%,#7C8796);animation-delay:-1s}
.sx-rw .rw-medal.m3{color:#3A1A06;background:radial-gradient(circle at 35% 30%,#FFE2C6,#D88A52 55%,#8A4518);animation-delay:-2s}
@keyframes rwbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.sx-rw .rw-rt{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--sx-text2);white-space:nowrap}
.sx-rw .rw-mytier{display:flex;align-items:center;gap:6px;margin:0;font-weight:600}
.sx-rw .rw-earnh{display:flex;align-items:center;gap:10px;margin:4px 0 12px}.sx-rw .rw-earnh .flabel{margin:0}
.sx-rw .rw-sec{margin-top:16px}.sx-rw .rw-sec>.sx-h2{margin:0 0 4px}
.sx-rw .km-row.just{animation:rwjust .9s ease-out}
@keyframes rwjust{0%{box-shadow:0 0 0 0 rgba(36,72,200,.5)}100%{box-shadow:0 0 0 14px rgba(36,72,200,0)}}
.sx-xpfly{position:fixed;z-index:9000;transform:translate(-50%,-50%);font:800 18px 'Geist','Noto Sans Thai',sans-serif;color:#2346C4;text-shadow:0 1px 0 #FFFFFF,0 0 12px rgba(108,198,255,.8);pointer-events:none;white-space:nowrap;animation:rwfly 1.3s ease-out forwards}
@keyframes rwfly{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}15%{opacity:1;transform:translate(-50%,-70%) scale(1.12)}100%{opacity:0;transform:translate(-50%,-280%) scale(1)}}
.sx-tup{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;color:#FFFFFF;animation:tupin .3s ease-out;overflow:auto}
.sx-tup .tup-bg{position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 34%,rgba(44,78,220,.97),rgba(7,11,44,.985) 72%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sx-tup .tup-stage{position:relative;width:100%;max-width:720px;height:min(44vh,360px);display:grid;place-items:center;flex:none}
.sx-tup .tup-stage canvas{position:absolute;inset:0;opacity:0;transition:opacity .6s ease-out;-webkit-mask-image:radial-gradient(50% 50% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(50% 50% at 50% 50%,#000 58%,transparent 100%)}.sx-tup.gl .tup-stage canvas{opacity:1}
.sx-tup .tup-em{position:relative;z-index:1;line-height:0;filter:drop-shadow(0 14px 30px rgba(0,0,0,.5)) drop-shadow(0 0 26px var(--c));animation:tupspin 1.6s cubic-bezier(.15,.8,.2,1) both}
@keyframes tupspin{0%{opacity:0;transform:perspective(700px) translateZ(-420px) rotateY(-900deg) scale(.4)}55%{opacity:1}100%{opacity:1;transform:perspective(700px) translateZ(0) rotateY(0) scale(1)}}
.sx-tup.gl .tup-em,.sx-tup.gl .tup-sp{visibility:hidden}
.sx-tup .tup-sp i{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:#FFF3C4;box-shadow:0 0 10px #FFE08A;opacity:0;animation:tupsp var(--t) ease-out 1.2s forwards}
@keyframes tupsp{0%{opacity:1;transform:rotate(var(--a)) translateX(0) scale(1)}100%{opacity:0;transform:rotate(var(--a)) translateX(var(--d)) scale(.4)}}
.sx-tup .tup-box{position:relative;z-index:2;max-width:460px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.sx-tup .tup-k{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:#BFD0FF;font-weight:700}
.sx-tup .tup-h{margin:0;font-size:40px;line-height:1.12;font-weight:800;color:#FFFFFF}
.sx-tup .tup-d{margin:0;color:#DCE6FF}.sx-tup .tup-d b{color:#FFFFFF}
.sx-tup .tup-act{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}
.sx-tup .sx-linkbtn{color:#BFD0FF}
.sx-tup.out{opacity:0;transition:opacity .25s}
.sx-tup.rm,.sx-tup.rm *{animation:none!important}.sx-tup.rm{animation:tupin .2s linear!important}
@keyframes tupin{from{opacity:0}to{opacity:1}}
.sx-rw .rw-ov.one{grid-template-columns:1fr}
/* ===== รอบ 94: แถวโชว์ 5 ระดับ (ตามภาพต้นแบบ) — พื้นน้ำเงินกรมท่าทั้งธีมสว่าง/มืด · สีชื่อของแต่ละระดับ = --tc · สีแสง = --tg (จาก TIER_ART) ===== */
.sx-rw .rw-show{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px 22px 18px;border-radius:22px;overflow:hidden;color:#FFFFFF;isolation:isolate;
  background:radial-gradient(55% 42% at 12% 22%,rgba(80,120,255,.2),rgba(80,120,255,0) 70%),radial-gradient(48% 40% at 88% 14%,rgba(132,96,255,.2),rgba(132,96,255,0) 70%),radial-gradient(80% 45% at 50% 108%,rgba(42,74,210,.32),rgba(42,74,210,0) 70%),radial-gradient(120% 95% at 50% 0%,#1B2470 0%,#121A5A 46%,#0B1240 100%);
  box-shadow:0 22px 44px -24px rgba(10,16,56,.75)}
.sx[data-theme=dark] .sx-rw .rw-show{box-shadow:0 0 0 1px rgba(130,160,255,.2),0 22px 44px -22px rgba(0,0,0,.8)}
.sx-rw .rw-show::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.4;background-image:radial-gradient(rgba(255,255,255,.55) .8px,transparent 1.4px);background-size:31px 31px;-webkit-mask-image:radial-gradient(75% 55% at 50% 22%,#000,transparent 75%);mask-image:radial-gradient(75% 55% at 50% 22%,#000,transparent 75%)}
.sx-rw .rw-show::after{content:'';position:absolute;left:-10%;right:-10%;top:56px;height:120px;z-index:-1;pointer-events:none;border-top:1px solid rgba(120,160,255,.28);border-radius:50%/100% 100% 0 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}
.sx-rw .rw-shh{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;pointer-events:none}
.sx-rw .rw-sht{margin:0;font-size:18px;line-height:1.35;font-weight:700;color:#FFFFFF}
.sx-rw .rw-shs{font-size:13px;color:#AFC4FF}
.sx-rw .rw-shx{position:relative}
.sx-rw .rw-shr{position:relative;height:340px}
.sx-rw .rw-shg{position:absolute;left:0;right:0;top:-64px;bottom:0;z-index:0;pointer-events:none}
.sx-rw .rw-shgl{position:absolute;inset:0;pointer-events:auto;opacity:0;transition:opacity .7s ease-out}
.sx-rw .rw-show.gl .rw-shgl{opacity:1}
.sx-rw .rw-shl{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:100%;pointer-events:none}
.sx-rw .rw-shi{position:relative;min-width:0;--tc:#DCE6FF;--tg:#7A9CFF}
.sx-rw .rw-shb{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:16px;background:none;color:inherit;font:inherit;text-align:center;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.sx-rw .rw-shb:focus-visible{outline:2px solid var(--tc);outline-offset:-2px}
.sx-rw .rw-she{position:relative;flex:0 0 56%;width:100%;display:grid;place-items:center}
.sx-rw .rw-she .kt-em{position:relative;z-index:1;width:min(140px,80%);height:auto;filter:drop-shadow(0 10px 16px rgba(2,6,30,.55));transition:opacity .6s,transform .3s}
.sx-rw .rw-she::after{content:'';position:absolute;left:8%;right:8%;bottom:8%;height:26px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.85),var(--tg) 22%,transparent);opacity:.7;transition:opacity .6s}
.sx-rw .rw-she::before{content:'';position:absolute;left:28%;right:28%;top:94%;height:150px;background:linear-gradient(180deg,var(--tg),transparent);opacity:.22;-webkit-mask-image:linear-gradient(90deg,transparent,#000,transparent);mask-image:linear-gradient(90deg,transparent,#000,transparent);transition:opacity .6s}
.sx-rw .rw-shb:hover .rw-she .kt-em,.sx-rw .rw-shi.hv .rw-she .kt-em{transform:translateY(-3px) scale(1.04)}
@media (prefers-reduced-motion:reduce){.sx-rw .rw-shb:hover .rw-she .kt-em,.sx-rw .rw-shi.hv .rw-she .kt-em{transform:none}}
.sx-rw .rw-show.gl .rw-shi .rw-she .kt-em,.sx-rw .rw-show.gl .rw-shi .rw-she::before,.sx-rw .rw-show.gl .rw-shi .rw-she::after{opacity:0}
.sx-rw .rw-show.gl .rw-shb{pointer-events:none}.sx-rw .rw-show.gl .rw-shlb{pointer-events:auto}
.sx-rw .rw-shi.lock .rw-she .kt-em{filter:grayscale(.8) brightness(.85) drop-shadow(0 8px 14px rgba(2,6,30,.5));opacity:.5}.sx-rw .rw-shi.lock .rw-she::after,.sx-rw .rw-shi.lock .rw-she::before{opacity:.2}
.sx-rw .rw-shlb{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1px;max-width:100%;min-width:0;padding:6px 10px 8px;border-radius:14px;transition:background .2s,box-shadow .2s;cursor:pointer}
.sx-rw .rw-shn{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:.01em;color:var(--tc);white-space:nowrap;text-shadow:0 0 18px rgba(0,0,0,.35)}
.sx-rw .rw-shen{font-size:11.5px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--tc);opacity:.75}
.sx-rw .rw-shln{display:flex;align-items:center;gap:8px;margin:5px 0 4px;color:var(--tc)}
.sx-rw .rw-shln i{display:block;width:clamp(18px,4vw,46px);height:1px;background:currentColor;opacity:.65}
.sx-rw .rw-sh4{display:block;flex:none;filter:drop-shadow(0 0 4px currentColor)}
.sx-rw .rw-shxp{font-size:13px;line-height:1.4;color:#C8D6FF;white-space:nowrap}
.sx-rw .rw-shst{display:inline-flex;align-items:center;gap:4px;margin-top:5px;font-size:12.5px;line-height:1.35;color:#AFC4FF;white-space:nowrap}
.sx-rw .rw-shst.now{padding:2px 10px;border-radius:999px;background:var(--tc);color:#0B1240;font-weight:700;box-shadow:0 0 16px var(--tg)}
.sx-rw .rw-shst.done{color:#86EBC4}
.sx-rw .rw-shi.lock .rw-shn,.sx-rw .rw-shi.lock .rw-shen,.sx-rw .rw-shi.lock .rw-shln{opacity:.62}
.sx-rw .rw-shb[aria-pressed=true] .rw-shlb{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.sx-rw .rw-shlb:hover,.sx-rw .rw-shi.hv .rw-shlb{background:rgba(255,255,255,.1)}
.sx-rw .rw-shd{position:relative;z-index:2;display:grid;grid-template-columns:64px minmax(0,1.15fr) minmax(0,1fr);gap:8px 20px;align-items:start;padding:14px 18px;border-radius:16px;background:rgba(6,10,44,.62);border:1px solid rgba(160,190,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sx-rw .rw-shdi{line-height:0}.sx-rw .rw-shdi .kt-em{filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}
.sx-rw .rw-shdm{display:flex;flex-direction:column;gap:6px;min-width:0}
.sx-rw .rw-shdt{margin:0;font-size:17px;font-weight:700;color:var(--tc)}
.sx-rw .rw-shdr{margin:0;font-size:13.5px;color:#C8D6FF}
.sx-rw .rw-shdo{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:14px;color:#E6EDFF}.sx-rw .rw-shdo svg{margin-top:3px}.sx-rw .rw-shdo b{color:#FFFFFF}
.sx-rw .rw-shdo.done{color:#86EBC4}.sx-rw .rw-shdo.lk{color:#DCE6FF}
.sx-rw .rw-shbar{flex:none;width:100%;max-width:420px;height:8px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16)}.sx-rw .rw-shbar i{background:linear-gradient(90deg,#5DB4F2,#C2F2FF);box-shadow:0 0 12px rgba(140,210,255,.7)}
.sx-rw .rw-shcta{align-self:flex-start;margin-top:2px}
.sx-rw .rw-shdu{min-width:0}.sx-rw .rw-shdk{margin:0 0 6px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#AFC4FF}
.sx-rw .rw-shdu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sx-rw .rw-shdu li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.5;color:#E6EDFF}.sx-rw .rw-shdu li .rw-sh4{margin-top:6px;color:#9FDCFF}
.sx-rw .rw-shnote{position:relative;z-index:2;margin:0;font-size:13px;color:#AFC4FF}
@media (max-width:1100px){.sx-rw .rw-shn{font-size:18px}.sx-rw .rw-shd{grid-template-columns:56px minmax(0,1fr)}.sx-rw .rw-shdu{grid-column:2}}
@media (max-width:640px){
  .sx-rw .rw-show{padding:16px 0 14px;border-radius:18px}
  .sx-rw .rw-shh,.sx-rw .rw-shd,.sx-rw .rw-shnote{margin-left:16px;margin-right:16px}
  .sx-rw .rw-shx{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 30px),transparent)}
  .sx-rw .rw-shx::-webkit-scrollbar{display:none}
  .sx-rw .rw-shx::before,.sx-rw .rw-shx::after{content:'';flex:0 0 8px}
  .sx-rw .rw-shr{flex:0 0 auto;width:calc(5 * clamp(118px,34vw,150px));height:300px}
  .sx-rw .rw-shi{scroll-snap-align:center}
  .sx-rw .rw-shn{font-size:18px}
  .sx-rw .rw-shd{grid-template-columns:48px minmax(0,1fr);padding:12px 14px;gap:6px 12px}.sx-rw .rw-shdi .kt-em{width:48px;height:48px}.sx-rw .rw-shdu{grid-column:1/-1}
}
@media (max-width:860px){.sx-rw .rw-hero{grid-template-columns:1fr;min-height:0;padding:20px 18px 0}.sx-rw .rw-scene{min-height:220px;height:220px;margin:0 -10px}.sx-rw .rw-tn{font-size:30px}.sx-rw .rw-ov,.sx-rw .rw-ov2{grid-template-columns:1fr}}
@media (max-width:480px){.sx-rw .rw-tem{width:52px;height:52px}.sx-rw .rw-tn{font-size:28px}.sx-rw .rw-cta .sx-btn{flex:1 1 auto}.sx-rw .rw-pdn{font-size:13px}.sx-tup .tup-h{font-size:32px}}
@media (prefers-reduced-motion:reduce){.sx-xpfly{display:none}.sx-rw .km-row.just,.sx-rw .rw-medal{animation:none}.sx-rw .rw-bar i{transition:none}.sx-tup *{animation:none!important}}
/* ===== รอบ 95 (เจ้าของสั่ง 02/11/2026): ระบบหน้าตามือถือ/แท็บเล็ต — แน่นแบบแอป อ่านง่าย กดง่าย · เดสก์ท็อป ≥1024px ไม่เปลี่ยน =====
 * ชั้นตัวแปรเดียว (--m-*) ใต้ @media (max-width:1023px) / (max-width:767px) แล้วทุกส่วนด้านล่างอ้างอิงตัวแปรนี้
 *  ตัวอักษร   เนื้อหา 15 · เล็ก 13 · meta 12.5 · H1 21 (แท็บเล็ต 22) · H2 17 (18) · หัวการ์ด/โพสต์ 16 · ปุ่ม 14 · แถบล่าง 11
 *  บรรทัด     เนื้อหาไทย 1.5 (ไม่ต่ำกว่า 1.45) · หัวข้อ 1.3 · meta 1.4
 *  ระยะ 4px   ขอบจอ 12 (แท็บเล็ต 16) · ในการ์ด 12 (14) · ช่องไฟ 8 · มือถือ: การ์ดเต็มความกว้าง คั่นด้วยแถบพื้นหลัง 8px (แบบฟีดแอป)
 *  มุม        การ์ด 12 (มือถือในฟีด 0) · ปุ่ม/ชิป แคปซูล · ช่องกรอก 10
 *  ไอคอน 18–22 · รูปโปรไฟล์ 38 (ความเห็น 28 · รายการ 32) · ปุ่ม 40 (เล็ก 36 + พื้นที่กดขยายถึง 40) · พื้นที่กดขั้นต่ำ 40×40
 *  หัวเว็บ 52 (แท็บเล็ต 56) = โลโก้ + ค้นหา + กระดิ่ง + เมนู (ธีม/ภาษาอยู่ในเมนู) · แถบล่าง 56 + safe-area · ปุ่มแชท 48 (ซ่อนเมื่อเลื่อนลง)
 *  สี         ใช้ตัวแปรสีเดิมทั้งหมด (สว่าง/มืดตามธีม · ตัวอักษรผ่าน 4.5:1) · โฟกัส: เส้นสีแบรนด์ 2–3px มองเห็นทุกปุ่ม
 */
.topright .hsrch,.sx-sclose{display:none}
/* การแจ้งเตือนในกระดิ่ง (ทุกขนาดจอ · แก้ข้อความซ้อนกัน): .mmenu เป็น flex คอลัมน์ที่จำกัดความสูง + .mitem ตั้ง min-height เอง → แถวถูกบีบเหลือ 44px แล้วข้อความ 2–3 บรรทัดล้นทับแถวถัดไป
 * แก้: แถวไม่หด (flex-shrink:0) · รายการเลื่อนในกล่องของตัวเอง หัวข้อค้างบน · แต่ละแถว = ไอคอน + ข้อความ (ตัดที่ 3 บรรทัด) + เวลา + จุดยังไม่อ่าน + เส้นคั่น */
.mmenu>*{flex-shrink:0}
.mnotes{overflow:hidden;padding:0}
.mnotes .mhead{flex-direction:row;align-items:center;margin:0;padding:12px 16px}
.mnotes>.lbl,.mnotes>.hint{flex-shrink:0}
.mnl{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:block;padding:4px 0}
.mnotes .msep{margin:0}
.mnotes>.mitem{flex-shrink:0;border-radius:0;padding:10px 16px;font-size:14.5px;color:var(--link)}
.mitem.mnote{display:grid;grid-template-columns:32px minmax(0,1fr) 10px;align-items:start;gap:10px;min-height:0;padding:10px 14px 10px 12px;border-radius:0;border-top:1px solid var(--line);font-size:14.5px;line-height:1.45}
.mnl>.mnote:first-child{border-top:0}
.mn-ic{width:32px;height:32px;border-radius:50%;background:var(--surface2);color:var(--link);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line)}
.mn-b{display:flex;flex-direction:column;gap:2px;min-width:0}
.mn-t{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:var(--text)}
.mnote .lbl{font-size:12.5px;line-height:1.4}
.mn-dot{width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--brand)}
.mnote.unread{background:var(--navon2)}.mnote.unread .mn-t{font-weight:600}
.mnote.unread .mn-ic{background:var(--navon);border-color:var(--navbd)}
.mitem.mnote.al-note{border-left:0;box-shadow:inset 3px 0 0 var(--brand)}.mitem.mnote.al-note.down,.mitem.mnote.al-note.sell{box-shadow:inset 3px 0 0 var(--neg)}.mitem.mnote.al-note.up,.mitem.mnote.al-note.buy{box-shadow:inset 3px 0 0 var(--posfill)}.mitem.mnote.al-note.news{box-shadow:inset 3px 0 0 #D97706}

@media (max-width:1023px){
  :root{--m-fs:15px;--m-fs-s:13px;--m-fs-meta:12.5px;--m-fs-h1:22px;--m-fs-h2:18px;--m-fs-card:16px;--m-fs-btn:14px;--m-lh:1.5;--m-lh-h:1.3;
    --m-g:16px;--m-p:14px;--m-gap:8px;--m-r:12px;--m-av:38px;--m-btn:40px;--m-btn-sm:36px;--m-hd:56px;--m-bn:56px;--sx-hd:var(--m-hd)}

  /* ---------- หัวเว็บ ---------- */
  .sprog,.sprog>span{height:2px}
  .topbar{min-height:calc(var(--m-hd) - 3px);gap:8px}
  .top .lg-h{height:32px;width:calc(32px * var(--lgr,2.45))}
  .logo{min-height:40px;gap:6px}
  .topright,.mbox{gap:4px}
  .top .ctl{min-width:40px;min-height:40px;height:40px;padding:0 10px;gap:4px;font-size:13.5px;border-color:transparent;background:var(--hover)}
  .top .ctl:hover{border-color:var(--ctl)}.top .ctl[aria-expanded=true]{border-color:var(--brand);background:var(--navon)}
  .thdd .ctl,.top .mbell,.top .hsrch{width:40px;padding:0}
  .menu-btn{width:40px;height:40px;border-radius:999px;border-color:transparent;background:var(--hover)}
  .menu-btn[aria-expanded=true]{background:var(--navon)}
  .mbadge{top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;font-size:11px}
  .top .btn-sm{min-height:40px;padding:0 14px;font-size:14px}
  .macct{padding:0 6px 0 4px}.mav{width:30px;height:30px}
  /* เมนูมือถือ */
  .drawer{padding:4px 12px 12px}
  .drawer a,.drawer .drow{min-height:44px;font-size:15px;padding:0 6px}
  .drawer .dgh{font-size:12.5px;padding:10px 6px 2px}
  .drawer .dgrp{padding-top:2px}.drawer .dgrp+.dgrp{padding-top:6px}
  .drawer .dgi{gap:10px}
  .drawer a.btn{min-height:44px;font-size:15px}
  .dmem{padding:10px 6px}.dsw{padding:10px 6px 4px}
  .drawer .dseth{padding-top:14px}
  .dtheme{padding:6px 6px 0;gap:6px}.dtheme button{min-height:44px;flex-direction:row;gap:6px;font-size:13.5px}
  .dlang{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px 6px 0}
  .drawer .dlang a{min-height:44px;justify-content:center;gap:6px;padding:0 6px;border:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:10px;font-size:13.5px;min-width:0}
  .drawer .dlang a>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .drawer .dlang a .num{font-size:11.5px;color:var(--text3)}
  .drawer .dlang a.on{border-color:var(--brand);background:var(--navon);font-weight:600}
  .dlang a[lang=lo]{font-family:'Noto Sans Lao',sans-serif}.dlang a[lang=my]{font-family:'Noto Sans Myanmar',sans-serif}.dlang a[lang=km]{font-family:'Noto Sans Khmer',sans-serif}.dlang a[lang=zh]{font-family:'Noto Sans SC',sans-serif}.dlang a[lang=ja]{font-family:'Noto Sans JP',sans-serif}.dlang a[lang=ko]{font-family:'Noto Sans KR',sans-serif}
  .drawer.open{max-height:calc(100dvh - var(--m-hd))}
  /* กระดิ่ง/บัญชี: แผ่นใต้หัวเว็บ */
  .mmenu{border-radius:14px}
  .mnotes{min-width:360px;max-height:min(620px,calc(100dvh - var(--m-hd) - 24px))}
  .mitem{min-height:44px;font-size:15px}
  .admband{font-size:13px}.admband .wrap{min-height:36px}

  /* ---------- พื้นฐานหน้าเว็บทั่วไป ---------- */
  .wrap{padding:0 var(--m-g)}
  .t1{font-size:calc(var(--m-fs-h1) + 4px);line-height:var(--m-lh-h);margin:8px 0 10px}
  .h2{font-size:var(--m-fs-h2);line-height:1.35;margin:0 0 6px}
  .h3{font-size:16px;line-height:1.4}
  .sub{font-size:var(--m-fs);line-height:var(--m-lh)}
  .body{font-size:var(--m-fs);line-height:1.6}
  .lbl{font-size:var(--m-fs-s)}
  .hint{font-size:var(--m-fs-s)}
  .kicker,.eyebrow{min-height:26px;padding:0 10px;font-size:12.5px}
  .btn{min-height:44px;padding:0 18px;font-size:15px}
  .btn-sm{min-height:40px;padding:0 14px;font-size:var(--m-fs-btn)}
  .card{border-radius:var(--m-r)}
  .tabs a{min-height:40px;padding:0 14px;font-size:14px}
  .inp,.field select{min-height:44px;font-size:15px}
  .crumbs,.crumb{font-size:13px}
  #footband{padding-top:20px;padding-bottom:20px}
  .footband{padding:20px;border-radius:16px;gap:12px 20px}.footband .h2{font-size:18px!important}
  .ft-main,.ft-risk,.ft-bot{padding-top:20px;padding-bottom:20px}

  /* ---------- ชุมชน (KUYTRADE SOCIAL): โครง ---------- */
  .sx{font-size:var(--m-fs);line-height:var(--m-lh)}
  .sx-work{padding:0 var(--m-g) 48px}
  .sx-top{padding:8px 0;gap:8px}
  .sx-search{min-height:40px;border-radius:999px;box-shadow:none;padding:0 6px 0 14px}
  .sx-search input{min-height:38px;font-size:15px}
  .sx-sidet{width:40px!important;height:40px!important;border-radius:12px!important}
  .sx-top .sx-topnew{min-height:40px;padding:0 14px}
  .sx-page{padding-top:2px}
  /* หัวหน้า: เล็กลง ใกล้เนื้อหา */
  .sx-ph{margin:4px 0 12px;gap:8px 12px;align-items:center}
  .sx-h1{font-size:var(--m-fs-h1);line-height:var(--m-lh-h);letter-spacing:0}
  .sx-h1s{font-size:var(--m-fs-h2)}
  .sx-phs{margin-top:4px;font-size:var(--m-fs-s);line-height:var(--m-lh);color:var(--sx-mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .sx-h2{font-size:var(--m-fs-h2);line-height:1.35;margin:0 0 8px}
  .sx-h3{font-size:var(--m-fs-card);line-height:1.4}
  .sx-sech{margin:16px 0 8px}
  .sx-mut{font-size:var(--m-fs-s)}
  .sx-crumb{font-size:var(--m-fs-s);margin:2px 0 8px}
  .sx-cols{gap:12px}
  .sx-main,.sx-aside,.sx-aside>div,.sx-list{gap:var(--m-gap)}
  .sx-grid{gap:var(--m-gap)}
  .sx-card{padding:var(--m-p);border-radius:var(--m-r);box-shadow:none}
  .sx-card.sx-mrow{padding:10px var(--m-p)}
  .sx-disc{font-size:12px;line-height:1.5}
  /* ปุ่ม · ช่องกรอก · ชิป · แท็บ */
  .sx-btn{min-height:var(--m-btn);padding:0 16px;font-size:var(--m-fs-btn);border-radius:999px;gap:6px}
  .sx-btn-sm{min-height:var(--m-btn-sm);padding:0 12px;font-size:13.5px;border-radius:999px}
  .sx-btn-xs{min-height:32px;padding:0 10px;font-size:12.5px}
  .sx-btn-lg{min-height:44px;padding:0 20px;font-size:15px}
  :where(.sx-btn-sm,.sx-btn-xs,.sx-chip,.sx-tag){position:relative}
  .sx-btn-sm::after,.sx-btn-xs::after,.sx-chip::after,button.sx-tag::after,a.sx-tag::after{content:'';position:absolute;left:0;right:0;top:50%;height:40px;margin-top:-20px;min-width:40px}
  .sx-iconbtn{width:40px;height:40px}
  .sx-inp,.sx-sel{min-height:42px;padding:8px 12px;border-radius:10px;font-size:15px}
  textarea.sx-inp{min-height:76px}
  .sx-chips{gap:6px}
  .sx-chip{min-height:36px;padding:0 12px;font-size:13.5px}
  .sx-tag{min-height:28px;padding:0 9px;font-size:12.5px;border-radius:999px}
  .sx-tags{gap:4px}
  .sx-k,.sx-flag,.sx-spc,.sx-badge,.sx-lvl,.sx-st,.sx-dt{min-height:22px;padding:0 8px;font-size:12px}
  .sx-tabs{margin:0 0 8px;gap:0}
  .sx-tabs button{min-height:44px;padding:0 12px;font-size:14.5px}
  .sx-segs{padding:3px;margin-bottom:8px}.sx-segs button{min-height:36px;font-size:13.5px}
  .sx-note{padding:10px 12px;font-size:13.5px;border-radius:10px}
  .sx-empty{padding:24px 16px;gap:6px}.sx-empty b{font-size:16px}
  .sx-pop button{min-height:44px;font-size:14.5px}
  .sx-tbl table{font-size:13.5px}
  .sx-promo{margin:0 0 8px;padding:10px 12px;border-radius:12px;gap:8px 12px}
  .sx-promo.ok,.sx-promo.sx-promo-inv{padding:8px 8px 8px 12px;font-size:13px}
  .sx-promo-x{width:40px;height:40px}

  /* ---------- การ์ดโพสต์ (ฟีด) ---------- */
  .sx-post{gap:6px;padding:12px var(--m-p) 4px}
  .sx-who{gap:8px}
  .sx-post .sx-who>.sx-av,.sx-post .sx-who>.sx-avw{width:var(--m-av)!important;height:var(--m-av)!important;font-size:16px!important}
  .sx-avw>.sx-av{width:100%!important;height:100%!important}
  .sx-whot b{font-size:15px}
  .sx-whot .sx-mut{font-size:var(--m-fs-meta)}
  .sx-pt{font-size:var(--m-fs-card);line-height:1.4}
  .sx-h1.sx-pt{font-size:calc(var(--m-fs-h1) - 1px);line-height:1.35}
  .sx-px{font-size:var(--m-fs);line-height:var(--m-lh)}
  .sx-acts{margin:2px -6px 0;padding-top:2px;gap:0}
  .sx-act{min-height:40px;min-width:40px;padding:0 8px;gap:5px;font-size:13px;justify-content:center}
  .sx-act svg{width:19px;height:19px}
  .sx-acts-lg{padding:4px 0;margin-top:2px}
  .sx-cpv{gap:6px;margin-top:2px;padding-top:8px}
  .sx-cpr .sx-av{width:28px!important;height:28px!important;font-size:12px!important}
  .sx-cpb{padding:5px 10px 6px;border-radius:4px 12px 12px 12px}
  .sx-cpn{font-size:13px}.sx-cpn time{font-size:12px}
  .sx-cpb p{font-size:14px;line-height:1.5}
  .sx-cpall{min-height:36px;font-size:13px}
  .sx-qform{grid-template-columns:28px minmax(0,1fr) 40px;gap:6px;margin-top:4px;padding:6px 0 8px}
  .sx-qform>.sx-av{width:28px!important;height:28px!important;font-size:12px!important;margin-bottom:6px}
  .sx-media{border-radius:10px}
  .sx-m3,.sx-m4{height:clamp(200px,52vw,340px)}
  /* หน้าโพสต์ · ความเห็น */
  .sx-rt{padding-top:10px;padding-bottom:10px}

  /* ---------- หน้าหลักชุมชน: สตอรี่ · คนออนไลน์ · ช่องโพสต์ · แถบ ---------- */
  .sx-sti{width:64px;gap:4px}.sx-str{width:58px;height:58px;padding:3px}
  .sx-str .sx-av,.sx-str .sx-avw{width:52px!important;height:52px!important}
  .sx-stn{max-width:64px;font-size:12px}
  .sx-stplus{width:20px;height:20px}
  .sx-lobby{padding:10px var(--m-p);gap:8px;border-radius:var(--m-r);box-shadow:none}
  .sx-lobm{gap:10px;flex:1 1 100%}
  .sx-lobl{font-size:15px;line-height:1.4;gap:6px}
  .sx-lobs{margin-top:2px;font-size:12.5px;line-height:1.4}
  .sx-face .sx-av,.sx-face.sx-avw,.sx-facen{width:32px!important;height:32px!important;font-size:12px!important}
  .sx-facel{padding-left:8px}.sx-facel li{margin-left:-8px}
  .sx-loba{gap:6px;flex-wrap:nowrap;width:100%}
  .sx-loba .sx-btn{flex:1 1 0;min-width:0}
  .sx-loba .sx-btn>span{overflow:hidden;text-overflow:ellipsis}
  .px-band{margin:0;gap:8px}
  .sx-invs{padding:8px 10px;border-radius:12px;font-size:13.5px;min-height:44px}
  .sx-invs .sx-invi{width:28px;height:28px}

  /* ---------- การแจ้งเตือน (หน้าเต็ม): แถวแน่น มีเส้นคั่น ---------- */
  .sx-nlist{padding:0;overflow:hidden}
  .sx-nrow{gap:10px;padding:10px 12px;min-height:56px;border-radius:0;border-top:1px solid var(--sx-line);align-items:flex-start}
  .sx-nlist>.sx-nrow:first-child{border-top:0}
  .sx-ni{width:32px;height:32px}.sx-ni svg{width:16px;height:16px}
  .sx-nt{gap:1px}
  .sx-nt>span:first-child{font-size:14.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .sx-nt>.sx-mut{font-size:12.5px;line-height:1.4}
  .sx-nrow .sx-dot{margin-top:8px}
  .sx-nrow.unread .sx-nt>span:first-child{font-weight:600}
  .sx-nfil{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--m-g)) 8px;padding:2px var(--m-g)}
  .sx-nfil::-webkit-scrollbar{display:none}

  /* ---------- แถบไอคอน (แท็บเล็ต) ---------- */
  .sx-sidein{padding:10px 8px}
  .sx-nl{min-height:44px}

  /* ---------- CME Live / CME Analysis ---------- */
  .lb{border-radius:var(--m-r);box-shadow:none}
  .lb-bar{padding:6px 12px}
  .lb-chart{padding:12px var(--m-p);gap:10px}
  .lb-h{font-size:var(--m-fs-card);line-height:1.35}
  .lb-k{font-size:12.5px}
  .lb-full{min-height:40px;font-size:13.5px}
  .lb .cm-chart{min-height:300px}
  .cc.wide .cc-body{height:clamp(320px,52vh,480px)}
  .lb-side .lb-lv,.lb-lv{gap:8px;padding:12px var(--m-p)}
  .pkc{gap:8px;padding:12px var(--m-p)}
  .cmh-v{font-size:18px}.cmh-r{font-size:12.5px}
  .cml-r{gap:10px;padding:5px 0 5px 12px;min-height:44px}
  .cml-n{gap:0}.cml-n b{font-size:14.5px;line-height:1.3}.cml-n small{font-size:12px;line-height:1.3}
  .cml-p{font-size:15px}
  .cml-now{margin:2px -8px;padding:5px 8px 5px 24px}.cml-now::before{left:9px}
  .cmp .cml-r{padding-top:6px;padding-bottom:6px}.cmp .cml-p{font-size:15.5px}
  .cml-al{width:40px;height:40px}
  .cml.al .cml-r{grid-template-columns:minmax(0,1fr) auto 40px;gap:6px}
  .cm-top{font-size:15px;gap:8px}.cm-top #cm-px{font-size:17px}
  .cm-tfs .seg{min-height:36px;min-width:40px}
  .cmd{padding:var(--m-p)!important;border-radius:var(--m-r)!important}
  .cmd-h{font-size:var(--m-fs-h2)!important}
  .cmr{padding:12px!important}

  /* ---------- ปุ่มแชท ---------- */
  .kc-launch{width:52px;height:52px;right:16px}.kc-launch svg{width:24px;height:24px}
}

/* ===================== มือถือ ≤767px ===================== */
@media (max-width:767px){
  :root{--m-fs-h1:21px;--m-fs-h2:17px;--m-g:12px;--m-p:12px;--m-hd:52px}
  .top .lg-h{height:30px;width:calc(30px * var(--lgr,2.45))}
  #themesw,#langsw{display:none}
  .topright .hsrch{display:inline-flex}
  #loginbtn.hide-sm:not([hidden]){display:inline-flex!important;min-height:40px;padding:0 14px;font-size:13.5px}
  #loginbtn.hide-sm svg{display:none}
  .mmenu{position:fixed;left:8px;right:8px;top:calc(var(--m-hd) + 6px);min-width:0;max-width:none}
  .mnotes{min-width:0;max-height:calc(100dvh - var(--m-hd) - 16px - var(--m-bn) - env(safe-area-inset-bottom))}
  .mbar{padding:8px 12px calc(8px + env(safe-area-inset-bottom))}.mbar .btn{min-height:44px}
  .t1{font-size:24px}

  /* ชุมชน: ช่องค้นหาย่อเป็นปุ่มบนหัวเว็บ → แผ่นค้นหาด้านบน */
  .sx-top{display:none}
  body.sx-sopen .sx-top{display:flex;position:fixed;left:0;right:0;top:0;z-index:62;padding:6px 8px 6px 12px;background:var(--sx-surface);border-bottom:1px solid var(--sx-line);box-shadow:var(--sx-shadow2)}
  body.sx-sopen .sx-top .sx-sidet,body.sx-sopen .sx-top .sx-topnew{display:none!important}
  body.sx-sopen .sx-search{max-width:none;min-height:44px}
  body.sx-sopen .sx-sug{position:fixed;left:8px;right:8px;top:62px;max-height:calc(100dvh - 76px)}
  body.sx-sopen .sx-sclose{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--sx-text);cursor:pointer}
  body.sx-sopen .sx-sclose:hover{background:var(--sx-raise)}
  body.sx-sopen::after{content:'';position:fixed;inset:0;z-index:61;background:rgba(7,11,20,.42)}
  body.sx-sopen .kc-launch{display:none}
  .sx-work{padding:0 var(--m-g) calc(var(--m-bn) + 24px + env(safe-area-inset-bottom))}
  .sx-page{padding-top:8px}
  .sx-ph{margin:0 0 10px}
  .sx-pha{gap:6px}
  .sx-pha .sx-btn-sm{min-height:36px}
  /* การ์ดเต็มความกว้าง คั่นด้วยแถบพื้นหลัง 8px */
  .sx-main>.sx-card,.sx-main>section.sx-card,.sx-list>.sx-card,.sx-list>article.sx-card,.sx-aside .sx-card,.sx-page>.sx-card,.sx-page>section.sx-card,.sx-main>.sx-lobby,#sx-qc>.sx-card,.sx-nlist,.sx-main>.lb-wrap>.lb,.sx-page>.lb-wrap>.lb,.sx-page>.cmd,.sx-main>.sx-promo,.sx-page>.sx-promo{margin-left:calc(-1 * var(--m-g));margin-right:calc(-1 * var(--m-g));border-radius:0!important;border-left:0!important;border-right:0!important}
  .sx-stw{margin:0 calc(-1 * var(--m-g))}
  .sx-stw>*{border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important}
  .sx-tabs{margin:0 calc(-1 * var(--m-g)) 0;padding:0 var(--m-g);background:var(--sx-surface);border-bottom:1px solid var(--sx-line)}
  .sx-list{gap:8px}
  .sx-main>.sx-tabs+.sx-list{margin-top:-8px}
  .sx-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(-1 * var(--m-g));margin-right:calc(-1 * var(--m-g));padding:2px var(--m-g)}
  .sx-chips::-webkit-scrollbar{display:none}
  .sx-chip{flex:none}
  .sx-tags,.sx-chips-sm{flex-wrap:wrap;overflow:visible;margin-left:0;margin-right:0;padding:0}
  /* แถบล่าง */
  .sx-bnav{padding:0 2px env(safe-area-inset-bottom);box-shadow:0 -1px 0 var(--sx-line)}
  .sx-bnav a,.sx-bnav button{min-height:var(--m-bn);gap:1px;font-size:11px;border-radius:0}
  .sx-bi svg{width:22px;height:22px}
  .sx-bplus{width:40px;height:28px;border-radius:10px}.sx-bplus svg{width:20px;height:20px}
  body:has(.sx) .toast{bottom:calc(var(--m-bn) + 16px + env(safe-area-inset-bottom))}
  /* ปุ่มแชท: เล็กลง อยู่เหนือแถบล่าง ซ่อนเมื่อเลื่อนลง */
  .kc-launch{width:48px;height:48px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));transition:transform .2s ease,opacity .2s ease}
  .kc-launch svg{width:22px;height:22px}
  body:has(.sx) .kc-launch{bottom:calc(var(--m-bn) + 12px + env(safe-area-inset-bottom))}
  body:has(.mbar:not([hidden])):not(.kt-member) .kc-launch{bottom:calc(76px + env(safe-area-inset-bottom))}
  .kc-launch.kc-hide{transform:translateY(calc(100% + 90px));opacity:0;pointer-events:none}
  .kc-badge{min-width:20px;height:20px;font-size:11px}
  /* โพสต์: ปุ่มในแถบการกระทำแบ่งเท่ากัน */
  .sx-post .sx-acts{justify-content:space-between}
  .sx-post .sx-acts .sx-more{margin-left:0}
  /* หน้าหลักชุมชน */
  .sx-lobby{border-left:0;border-right:0}
  .sx-lobby .sx-lobt{min-width:0}
  .px-band{margin:0 calc(-1 * var(--m-g));padding:0 var(--m-g)}
  /* CME Live: ห้องเต็มความกว้าง · ซ่อนแถบที่อยู่จำลอง */
  .lb.room .lb-bar{display:none}
  .lb-chart{padding:10px var(--m-g)}
  .lb .cm-chart{min-height:280px}
  .lb-side .lb-lv,.pkc,.lbi{padding-left:var(--m-g)!important;padding-right:var(--m-g)!important}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){.kc-launch{transition:none}}
@media (max-width:359px){.top .ctl,.menu-btn{min-width:40px}.topright{gap:2px}}
/* รอบ 95 · ส่วนเฉพาะหน้า (มือถือ) */
@media (max-width:767px){
  /* ช่องโพสต์ด่วนบนฟีด: แถวเดียว (รูป · ช่องพิมพ์ · ปุ่มรูป) · ปุ่มส่งขึ้นเมื่อแตะ/มีข้อความ */
  /* หน้าโพสต์: แถบการกระทำแถวเดียว (ไอคอน + ตัวเลข · ชื่อปุ่มสำหรับโปรแกรมอ่านหน้าจอ) */
  .sx-acts-lg{flex-wrap:nowrap;justify-content:space-between}
  .sx-acts-lg .sx-act>span:not(.num):not(.sr){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
/* รอบ 95 · หน้าสาธารณะ (หน้าแรก · แพ็กเกจ · CME Analysis · Broker · คอร์ส · หน้าชวนสมัคร) */
@media (max-width:1023px){
  .hv2{--sec:48px}
  .hv-h1,.hx .hv-h1,.hv-center .hv-h1{font-size:clamp(28px,2.4vw + 14px,34px)}
  .hv-h2{font-size:24px;line-height:1.3}
  .hv-h3{font-size:21px}.hv-h4{font-size:16.5px}
  .hv-sub{font-size:15.5px;line-height:1.6}.hv-lead,.hx .hv-lead{font-size:16px;line-height:1.6}
  .hv-stack{gap:24px}.hv-head{gap:10px}
  .hv-lg{min-height:46px;padding:0 22px;font-size:15.5px}
  .sxh-intro,.sxh-sec,.sxh-join{padding:44px 0}
  .sxg{padding:28px 0}
  .rp{padding:14px}
  #main h1:not(.sx-h1):not(.hv-h1):not(.sr):not(.sx-pt){font-size:26px;line-height:1.3}
}
@media (max-width:767px){
  .hv2{--sec:32px}
  .hv-hero,.hv-hero.hx{padding:20px 0 24px}
  .hv-hero.hv-center{padding:24px 0 20px}
  .hv-h1,.hx .hv-h1,.hv-center .hv-h1{font-size:26px;line-height:1.25;letter-spacing:-.01em}
  .hv-h2{font-size:21px}
  .hv-h3{font-size:19px}
  .hv-lead,.hx .hv-lead{font-size:15px}
  .hv-sub{font-size:15px}
  .hv-stack{gap:16px}.hv-head{gap:8px}
  .hv-cta,.crcta{padding:20px;border-radius:16px;gap:14px}
  .sxh-intro,.sxh-sec,.sxh-join{padding:32px 0}
  .sxg{padding:16px 0 24px;min-height:0}.sxg-g{gap:20px}.sxg-t{gap:10px}
  #main h1:not(.sx-h1):not(.hv-h1):not(.sr):not(.sx-pt){font-size:22px;line-height:1.3}
  .t1{font-size:22px}
  .rp{padding:12px}
  /* แผ่นเมนูของชุมชน (ปุ่ม "เมนู" ที่แถบล่าง): 2 คอลัมน์ แถวละ 44px */
  .sx-sheet{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .sx-sl{min-height:44px;padding:0 10px;gap:8px;font-size:14px;border-radius:10px}
  .mdlg.sx-sheetd{gap:10px}
  /* ระดับและรางวัล: ระยะในหัวหน้า (ฉาก 3 มิติคงความสูงเดิม 220px ตามรอบ 92) */
  .sx-rw .rw-hero{padding:14px 14px 0;border-radius:var(--m-r)}
}
/* รอบ 95 · คอมมูนิตี้ · บัญชีของฉัน · หลังบ้าน · รายการระดับ CME */
@media (max-width:1023px){
  .cm-lv.cml.al{gap:0}      /* .al (ศูนย์แจ้งเตือน รอบ 38A) ใส่ gap 30px ให้รายการระดับที่มีกระดิ่งโดยไม่ตั้งใจ → แถวห่าง 75px บนมือถือ */
  .cu-rail{margin:0 calc(-1 * var(--m-g));padding:2px var(--m-g) 4px}
  .cu-ri{min-height:40px;padding:0 12px;font-size:13.5px}
  .cu-head{gap:10px}.cu-hrow{gap:12px}
  .cu-main{gap:var(--m-gap)}
  .cu-m{grid-template-columns:30px minmax(0,1fr);gap:0 8px;padding:5px 6px}
  .cu-av .sx-av,.cu-av .sx-avw{width:30px!important;height:30px!important;font-size:13px!important}
  .cu-an{font-size:14px}.cu-ah{font-size:12px}.cu-mt{font-size:14.5px;line-height:1.5}
  .cu-cmp{padding:6px 8px}
  .cu-chh .sx-h2{font-size:var(--m-fs-card)}.cu-chh p{font-size:13px}
  /* บัญชีของฉัน */
  .ac-top{padding-top:12px}.ac-head{margin-top:10px;gap:12px}
  .ac-tiles{gap:var(--m-gap)}.ac-tile{padding:12px var(--m-p)}.ac-tv{font-size:20px}
  .ac-cols{gap:var(--m-gap);margin-top:var(--m-gap)}
  .mcard{padding:var(--m-p);gap:10px}.mh{font-size:var(--m-fs-h2)}
  .mgrid3,.mgrid2{gap:var(--m-gap)}.mgrid3{margin-top:12px}
  .mli{padding:10px 0}.mkv{padding:10px 0}
  .mtile{padding:12px 14px}.mbig{font-size:22px}
  /* หลังบ้าน */
  .admmain{padding:14px var(--m-g) 48px;gap:12px}
  .admside a{min-height:40px;font-size:14px}
}
@media (max-width:767px){
  .cu-head,.cu-main>.sx-card,.cu-main>section.sx-card,.cu-main>form.sx-card,.cu-chat{margin-left:calc(-1 * var(--m-g));margin-right:calc(-1 * var(--m-g));border-radius:0!important;border-left:0!important;border-right:0!important}
  .cu-log{height:clamp(300px,calc(100dvh - var(--m-hd) - var(--m-bn) - 190px),560px)}
  .ac-av{width:44px;height:44px;font-size:18px}
  .ac-tile{padding:12px}
}
/* รอบ 95 · แท็บเล็ต (768–1023px): แถบไอคอนด้านซ้าย + คอลัมน์อ่านกว้างพอดีอยู่กลาง (ฟีด โพสต์ แจ้งเตือน โปรไฟล์) · รายการการ์ดเป็น 2 คอลัมน์ (คอมมูนิตี้ กิจกรรม ร้านค้า) */
@media (min-width:768px) and (max-width:1023px){
  .sx[data-view=home] .sx-page,.sx[data-view=post] .sx-page,.sx[data-view=notifications] .sx-page,.sx[data-view=profile] .sx-page,.sx[data-view=saved] .sx-page,.sx[data-view=search] .sx-page,.sx[data-view=tag] .sx-page,.sx[data-view=explore] .sx-page{max-width:720px;margin-left:auto;margin-right:auto}
  .sx-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
}
/* รอบ 95 · เนื้อหาโพสต์ยาว · หัวหน้าที่ตั้งขนาดในโค้ด (หลังบ้าน · หน้าสมาชิก) */
@media (max-width:1023px){
  .sx-md{font-size:15.5px;line-height:1.7}
  .sx-md p{margin:0 0 10px}.sx-md h2{font-size:18px;margin:18px 0 8px}.sx-md h3{font-size:16.5px;margin:14px 0 6px}
  .admmain .t1{font-size:24px!important}
}
@media (max-width:767px){
  .sx-md{font-size:15px}
  .admmain .t1{font-size:22px!important}
  #main>section.wrap[style*="padding-top:72px"],#main>section.wrap[style*="padding-top:48px"]{padding-top:24px!important}
  #main>section.wrap[style*="padding-bottom:96px"],#main>section.wrap[style*="padding-bottom:88px"]{padding-bottom:40px!important}
  #main>section.wrap[style*="padding-top:32px"]{padding-top:12px!important}
}
/* ===== รอบ 97C (เจ้าของสั่ง 03/11/2026): เข้าสู่ระบบแบบหน้าต่าง (.au · Member.html auOpen) + การ์ดเดียวกันกลางหน้า (.au-page · /<ภาษา>/login) =====
 *  การ์ดกว้าง 440 มุม 24 · โลโก้ในกรอบ 56 · หัวข้อ 24 · ปุ่มผู้ให้บริการสูง 48 มุม 12 โลโก้ตรงกันที่ 30px จากขอบซ้าย ข้อความกึ่งกลางปุ่ม
 *  Google ตามแนวทาง Google Identity: พื้นขาว เส้น #747775 ตัวอักษร #1F1F1F (โหมดมืด #131314 · #8E918F · #E3E3E3 ใน tools/dark_manual.css) · LINE ตามแนวทางของ LINE (.lbtn เดิม)
 *  จอ < 768px = แผ่นจากขอบล่าง สูงได้ถึงเต็มจอ เลื่อนในแผ่น + safe-area · เปิดด้วยแอนิเมชันเดียว (ปิดเมื่อตั้งลดการเคลื่อนไหว) */
.au{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:rgba(11,27,63,.52);overflow-y:auto;overscroll-behavior:contain}
.au-d{position:relative;box-sizing:border-box;width:100%;max-width:440px;margin:auto;padding:40px 36px 28px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:24px;box-shadow:0 1px 2px rgba(11,27,63,.06),0 24px 64px rgba(11,27,63,.24)}
.au-d:focus{outline:none}
.au-x{position:absolute;top:10px;right:10px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:999px;background:transparent;color:var(--text3);cursor:pointer}
.au-x:hover{background:var(--hover);color:var(--text)}
.au-mk{width:56px;height:56px;margin:0 auto 18px;border-radius:16px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}
.au-mk i{display:block;width:17px;height:30px;background-image:var(--lgh);background-repeat:no-repeat;background-position:0 50%;background-size:auto 100%}      /* เฉพาะสัญลักษณ์ของโลโก้หัวเว็บ (54/96 ของความสูง) */
.au-h{margin:0;font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.01em;text-align:center;color:var(--text);overflow-wrap:anywhere;text-wrap:balance}
.au-s{margin:8px 0 0;font-size:15px;line-height:1.6;color:var(--text3);text-align:center;text-wrap:balance}
.au-kick{margin:0 0 6px !important;text-align:center}
.au-note{display:flex;gap:10px;align-items:flex-start;margin:20px 0 0;padding:12px 14px;border-radius:12px;background:var(--tagbg);border:1px solid var(--tagbd);color:var(--text);font-size:14.5px;line-height:1.55}
.au-note svg{flex:none;margin-top:2px}
.au-m{display:flex;flex-direction:column;gap:12px;margin-top:28px}
.au-g{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;padding:6px 52px;border:1px solid #747775;border-radius:12px;background:#FFFFFF;color:#1F1F1F;font:600 16px/1.3 'Noto Sans Thai',var(--fx),sans-serif;text-align:center;text-decoration:none;cursor:pointer}
.au-g:hover{color:#1F1F1F;box-shadow:inset 0 0 0 999px rgba(31,31,31,.08)}.au-g:active{box-shadow:inset 0 0 0 999px rgba(31,31,31,.12)}
.au-g .gmark{position:absolute;left:21px;top:50%;margin:-9px 0 0}
.au-m .lbtn,.au-gc .lbtn,.au-d .mlk .lbtn{min-height:48px}.au-m .lbtn .lt,.au-gc .lbtn .lt,.au-d .mlk .lbtn .lt{padding:6px 61px 6px 0;white-space:normal;line-height:1.3}      /* ข้อความกึ่งกลางปุ่มเหมือนปุ่ม Google */
.au-m .mphone{position:relative;min-height:48px;border-radius:12px;padding:6px 52px;font-size:16px;line-height:1.3}.au-m .mphone svg{position:absolute;left:21px;top:50%;margin-top:-9px}
.au-m .ph-box{margin:0}
.au-or{display:flex;align-items:center;gap:12px;margin:6px 0 0;color:var(--mute);font-size:13px;line-height:1.4}
.au-or::before,.au-or::after{content:"";flex:1;height:1px;background:var(--border)}
.au-cap{margin:-2px 0 0;font-size:13px;line-height:1.5;color:var(--text3);text-align:center;text-wrap:balance}
.au-new{margin:22px 0 0;font-size:14.5px;line-height:1.5;color:var(--text3);text-align:center}
.au-new a{font-weight:600;color:var(--link);text-decoration:none}.au-new a:hover{text-decoration:underline}
.au-trust{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--line)}      /* แถวความไว้ใจ 3 ช่อง: ไอคอนบน ข้อความล่าง */
.au-trust li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:12.5px;line-height:1.4;color:var(--text3);text-wrap:balance}
.au-trust svg{flex:none}
.au-legal{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--mute);text-align:center}
.au-legal a{color:var(--text3);text-underline-offset:2px}.au-legal a:hover{color:var(--text)}
/* ขั้นหลังเข้าสู่ระบบ: แถบขั้น · ยอมรับเงื่อนไข · ผูกบัญชี */
.au-st{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 16px}
.au-sb{display:flex;gap:6px}.au-sb i{width:32px;height:4px;border-radius:999px;background:var(--track)}.au-sb i.ok{background:var(--navbd)}.au-sb i.on{background:var(--brand)}      /* ผ่านแล้ว · ขั้นนี้ · ยังไม่ถึง */
.au-sl{margin:0;font-size:13px;line-height:1.4;font-weight:500;color:var(--text3)}
.au-f{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.au-ck{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);font-size:15px;line-height:1.6;color:var(--text);cursor:pointer}
.au-ck input{width:20px;height:20px;margin:3px 0 0;flex:none;accent-color:var(--brand);cursor:pointer}
.au-ck:has(input:checked){border-color:var(--navbd);background:var(--navon2)}
.au-ck0{border-color:var(--line);color:var(--text2)}
.au-f .ferr{margin:0}
.au-f .btn{width:100%;min-height:48px;margin-top:6px}
.au-fine{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--text3);text-align:center;text-wrap:balance}
.au-lk{display:inline-flex;align-items:center;min-height:24px;padding:0;border:0;background:none;font:inherit;color:var(--link);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.au-d .mlk{margin:22px 0 14px}.au-d .mlk li{padding:12px 14px;border-color:var(--border);border-radius:14px}
.au-d .mlk .au-g,.au-d .mlk .lbtn{grid-column:1/-1;width:100%}
.au-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:16px}
.au-2fa{margin-top:24px}.au-2fa .btn{width:100%}.au-2fa .linkbtn{align-self:center !important}
/* กลางหน้า: /<ภาษา>/login ตรง · กลับจาก LINE/Google · หน้าสมาชิกที่ยังต้องยอมรับเงื่อนไข/ผูกบัญชี */
.au-page{display:flex;justify-content:center;padding:56px 16px 96px;background:radial-gradient(56% 300px at 50% 0%,var(--navon),transparent)}
.au-pd{box-shadow:0 1px 2px rgba(11,27,63,.05),0 16px 48px rgba(11,27,63,.10)}
.au-gc{max-width:440px;margin-top:24px;gap:12px}.au-gc .au-or{margin:2px 0}
@media (prefers-reduced-motion:no-preference){.au{animation:auBg .2s ease-out}.au .au-d{animation:auIn .24s cubic-bezier(.2,.8,.2,1)}}
@keyframes auBg{from{background-color:transparent}}
@keyframes auIn{from{opacity:0;transform:translateY(10px) scale(.985)}}
@media (max-width:767px){
  .au{align-items:flex-end;padding:0;overflow:hidden}
  .au .au-d{max-width:none;max-height:100%;margin:0;overflow-y:auto;overscroll-behavior:contain;border-width:1px 0 0;border-radius:20px 20px 0 0;padding:32px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(11,27,63,.2)}
  .au-x{top:6px;right:6px}
  .au-mk{width:48px;height:48px;margin-bottom:14px;border-radius:14px}.au-mk i{width:15px;height:26px}
  .au-h{font-size:21px}.au-s{font-size:14.5px}
  .au-m{margin-top:22px}.au-new,.au-trust{margin-top:18px}.au-trust{padding-top:14px}
  .au-page{padding:20px var(--m-g,16px) 40px}
  .au-pd{padding:28px 18px 22px;border-radius:20px}
}
@media (max-width:767px) and (prefers-reduced-motion:no-preference){.au .au-d{animation-name:auUp;animation-duration:.26s}}
@keyframes auUp{from{transform:translateY(32px)}}
/* ===== รอบ 98A: @handle — หน้าต่างตั้ง/เปลี่ยนชื่อผู้ใช้ (#hdl ใช้โครง .au ของรอบ 97C: กลางจอ · จอ < 768px = แผ่นจากขอบล่าง) · แถวชื่อผู้ใช้ในตั้งค่าโปรไฟล์ · หัวบัญชีของฉัน ===== */
.hdl .hdl-d{max-width:480px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:170px;padding:28px 28px 0}      /* ปุ่มอยู่ล่างสุดเสมอ (.hdl-act ติดขอบล่าง · เลื่อนหาส่วนชำระเงินไม่ให้ซ่อนใต้ปุ่ม) */
.hdl-mk{width:48px;height:48px;margin:0 auto 12px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--navon);border:1px solid var(--navbd);color:var(--brand)}
.hdl-f{display:flex;flex-direction:column;gap:16px;margin-top:20px}
.hdl-cur{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;width:fit-content;max-width:100%;margin:12px auto 0;padding:5px 6px 5px 12px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);font-size:13.5px;line-height:1.4;overflow-wrap:anywhere}
.hdl-cur b{font-weight:600;color:var(--text)}
.hdl-tag{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:var(--tagbg);border:1px solid var(--tagbd);color:var(--tagtx);font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap}
.hdl-in{display:flex;align-items:center;min-height:48px;margin-top:6px;border:1px solid var(--ctl);border-radius:12px;background:var(--surface);transition:border-color .15s,box-shadow .15s}
.hdl-in:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--navon)}
.hdl-in>span:first-child{padding:0 2px 0 14px;font-size:17px;font-weight:600;color:var(--text3)}
.hdl-in input{flex:1;min-width:0;height:46px;padding:0 4px;border:0;background:transparent;color:var(--text);font-family:inherit;font-size:16px;font-weight:500;line-height:1.3;outline:none}
.hdl-in input::placeholder{color:var(--mute);font-weight:400}
.hdl-ic{display:inline-flex;align-items:center;justify-content:center;width:40px;flex:none}
.hdl-in.ok{border-color:var(--posfill)}.hdl-in.ok .hdl-ic{color:var(--pos)}
.hdl-in.bad{border-color:var(--neg)}.hdl-in.bad .hdl-ic{color:var(--neg)}
.hdl-spin{display:block;width:16px;height:16px;border-radius:50%;border:2px solid var(--track);border-top-color:var(--brand);animation:hdlSpin .8s linear infinite}
@keyframes hdlSpin{to{transform:rotate(360deg)}}
.hdl-msg{margin:6px 0 0;font-size:13.5px;line-height:1.5;color:var(--text3)}
.hdl-msg.bad{color:var(--negtx)}.hdl-msg.good{color:var(--pos);font-weight:500}
.hdl-url{margin:4px 0 0;font:12.5px/1.5 'Geist',var(--fx),ui-monospace,monospace;color:var(--mute);overflow-wrap:anywhere}
.hdl-url b{font-weight:600;color:var(--text2)}
.hdl-opt{font-weight:400;color:var(--mute)}
.hdl-f .inp{width:100%;margin-top:6px}
.hdl-rules{padding:14px 16px;border-radius:14px;background:var(--surface2);border:1px solid var(--line)}
.hdl-rh{font-size:14.5px;line-height:1.4;color:var(--text)}.hdl-rh b{font-weight:600}
.hdl-lad{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0 0;padding:0}
.hdl-lad li{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;font-size:12px;line-height:1.3;color:var(--mute);text-align:center}
.hdl-lad i{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--ctl);background:var(--surface);font:600 12.5px/1 'Geist',var(--fx),sans-serif;font-style:normal;color:var(--text3)}
.hdl-lad li.used i{background:var(--brand);border-color:var(--brand);color:#FFFFFF}
.hdl-lad li.next i{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 3px var(--navon)}
.hdl-lad li.next{color:var(--text2);font-weight:500}
.hdl-rl{list-style:none;display:flex;flex-direction:column;gap:8px;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--line)}
.hdl-rl li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.55;color:var(--text2)}
.hdl-rl svg{margin-top:3px;color:var(--text3)}
.hdl-ban{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--navon2);border:1px solid var(--navbd);color:var(--text);font-size:14.5px;line-height:1.55}
.hdl-ban svg{flex:none;margin-top:2px;color:var(--brand)}
.hdl-ban.warn{background:var(--tagbg);border-color:var(--tagbd)}.hdl-ban.warn svg{color:var(--warn)}
.hdl-ban.ok{background:var(--okbg);border-color:var(--okbd);color:var(--oktx)}.hdl-ban.ok svg{color:var(--pos)}
.hdl-pay{display:flex;flex-direction:column;gap:12px}
.hdl-pay .pdpa{margin:0}
.hdl-fine{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:13px;line-height:1.5;color:var(--text3)}.hdl-fine svg{margin-top:2px}
.hdl-act{position:sticky;bottom:0;z-index:2;display:flex;flex-direction:column;gap:10px;margin:0 -28px;padding:14px 28px 22px;background:var(--surface);border-top:1px solid var(--line)}
.hdl-act .btn{width:100%;min-height:48px;justify-content:center}
.hdl-f .ferr{margin:0}
.hdl .au-fine{margin:2px 0 0}
/* แถวชื่อผู้ใช้ในตั้งค่าโปรไฟล์ (Social.html profileStudio) · เต็มแถวของตาราง 2 ช่อง */
.mf2>div:has(>.hdl-row){grid-column:1/-1}
.hdl-row .flabel{display:block}
.hdl-rowb{display:flex;align-items:center;gap:12px;min-height:48px;margin-top:6px;padding:8px 8px 8px 14px;border:1px solid var(--ctl);border-radius:12px}
.hdl-rowt{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.hdl-rowh{font-size:15.5px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.hdl-rows{flex-basis:100%;margin:0;font-size:12.5px;line-height:1.45}
.hdl-rows:empty{display:none}
.hdl-rowb .sx-btn{flex:none}
/* หัวบัญชีของฉัน: @handle + ปุ่มเปลี่ยน */
.ac-hd{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 8px;min-width:0}
.ac-hd b{font-weight:600;color:var(--text2);overflow-wrap:anywhere}
.ac-hdx{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 10px;border:1px solid var(--ctl);border-radius:999px;background:var(--surface);color:var(--text2);font-family:inherit;font-size:13px;font-weight:500;line-height:1;cursor:pointer}
.ac-hdx:hover{background:var(--hover);color:var(--text)}
@media (max-width:767px){
  .au.hdl .hdl-d{max-width:none;max-height:calc(100% - 32px);padding:24px var(--m-g,16px) 0}      /* แผ่นจากขอบล่าง · เว้นขอบบนให้เห็นพื้นหลัง (แตะเพื่อปิด) */
  .hdl-act{margin:0 calc(-1 * var(--m-g,16px));padding:12px var(--m-g,16px) calc(14px + env(safe-area-inset-bottom))}
  .hdl-mk{width:44px;height:44px;margin-bottom:10px;border-radius:14px}.hdl-mk svg{width:22px;height:22px}
  .hdl-f{gap:14px;margin-top:16px}
  .hdl-rules{padding:12px}
  .hdl-lad{gap:4px}.hdl-lad li{font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){.hdl-spin{animation-duration:2.4s}.hdl-in{transition:none}}
.hdl-cur b,.hdl-in input,.hdl-url,.hdl-rowh,.ac-hd b,.hdl-msg{font-feature-settings:"calt" 0;font-variant-ligatures:none}      /* ชื่อผู้ใช้แสดงตามที่พิมพ์ (ไม่เปลี่ยน 8x2 เป็น 8×2) */
/* ===== รอบ 98B (เจ้าของสั่ง 03/11/2026): ผู้เยี่ยมชมอ่านสังคมคุยเทรด · เมนูมือถือ "โปรไฟล์" · ส่วนหัวโปรไฟล์ของแผ่นเมนู =====
 * ใช้ตัวแปรสีของทั้งเว็บ (--surface --line --text --link --navon …) → โหมดมืดตาม tools/build_dark.js · เป้ากด ≥ 44px · ลดการเคลื่อนไหว = ไม่หมุนลูกศร */
/* หน้าต่างเข้าสู่ระบบ: บรรทัดบอกเหตุผล · ปุ่ม "ดูสังคมคุยเทรดก่อน" */
.au-why{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;max-width:100%;box-sizing:border-box;margin:0 auto 14px;padding:7px 14px;border-radius:14px;background:var(--navon);color:var(--link);font-size:14px;font-weight:600;line-height:1.45;text-align:left;text-wrap:pretty}
.au-why svg{flex:none}
.au-browse{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;min-height:44px;margin:12px 0 0;padding:0 12px;border:0;border-radius:12px;background:transparent;color:var(--text2);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}
.au-browse:hover{background:var(--hover);color:var(--text)}
/* ส่วนหัวโปรไฟล์ (ใช้ร่วม: เมนูมือถือ · แผ่นเมนูของสังคมคุยเทรด) */
.kme-av{position:relative;flex:none;display:inline-flex}
.kme-av>.sx-av,.kme-av>.sx-avw{width:100%!important;height:100%!important}
.kme-av>.mav{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface2)}
.kme-on{position:absolute;top:1px;right:1px;width:11px;height:11px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 2px var(--surface)}
.kme-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;line-height:1.3}
.kme-r1,.kme-r2{display:flex;align-items:center;gap:6px;min-width:0}
.kme-n{min-width:0;font-size:16px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kme-r1 .sx-tchip{flex:none}
.kme-h{min-width:0;font-size:13.5px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kme-pk{flex:none;padding:0 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface2);color:var(--text2);font-size:11.5px;font-weight:700;line-height:1.7;letter-spacing:.01em}
.kme-pk-pro{border-color:#BFD5FF;background:#EAF2FF;color:#0B4FB8}
.kme-pk-elite{border-color:#D9CBFF;background:#F2ECFF;color:#5B21B6}
.kme-pk-ultimate{border-color:#EBCB72;background:linear-gradient(135deg,#FFF3C4,#F3D27A);color:#5C3B00}
/* เมนูมือถือ: แถวเข้าสู่ระบบ (ผู้เยี่ยมชม) · แถวโปรไฟล์กาง/หุบ (สมาชิก) */
.drawer a.dsign{justify-content:flex-start;gap:12px;min-height:64px;padding:8px}
.dsign-i{flex:none;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--navon);color:var(--link)}
.dsign-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.35}
.dsign-t b{font-size:16px;font-weight:600;color:var(--text)}
.dsign-t span{font-size:13px;color:var(--text3)}
.dprof{border-bottom:1px solid var(--line)}
.dprof-h{display:flex;align-items:center;gap:10px;width:100%;min-height:68px;margin:2px 0;padding:10px 8px;border:0;border-radius:14px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.dprof-h:hover{background:var(--hover)}
.dprof-h[aria-expanded=true]{background:var(--navon2)}
.dprof-me{flex:1;min-width:0;display:flex;align-items:center;gap:12px}
.dprof-x{flex:none;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--text3)}
.dprof-h[aria-expanded=true] .dprof-x{transform:rotate(180deg)}
@media (prefers-reduced-motion:no-preference){.dprof-x{transition:transform .18s ease}}
.dprof-l{padding:0 0 4px}
.drawer .dprof-l a{font-weight:400}
.drawer .dprof-l a:last-child{border-bottom:0}
.drawer .drow .dgi{display:inline-flex;align-items:center;gap:12px}
/* สังคมคุยเทรด: แผ่นเมนู — ส่วนหัวโปรไฟล์บนสุด (กด = โปรไฟล์ของฉัน) · ผู้เยี่ยมชม = แถวเข้าสู่ระบบ */
.mdlg.sx-sheetd>.sx-shead{margin-right:48px}
.mdlg.sx-sheetd:has(>.sx-shead) .mx{top:40px}
.sx-shead{display:flex;align-items:center;gap:10px;min-height:68px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);color:var(--text)!important;text-decoration:none!important}
.sx-shead:hover{border-color:var(--border);background:var(--hover)}
.sx-shead>svg{flex:none;color:var(--text3)}
.sx-shme{flex:1;min-width:0;display:flex;align-items:center;gap:12px}
.sx-shav{flex:none;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--navon);color:var(--link)}
.sx-shb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.35}
.sx-shb b{font-size:16px;font-weight:600}
.sx-shb span{font-size:13px;color:var(--text3)}
/* สังคมคุยเทรด (ผู้เยี่ยมชม): การ์ดเข้าสู่ระบบ · ช่องเขียนโพสต์/ความเห็นจำลอง (กด = หน้าต่างเข้าสู่ระบบ) */
.sx-gpromo .sxg-promo{margin:0 0 12px;max-width:none}
.sx[data-theme=dark] .sx-gpromo .sxg-promo{background:rgba(76,141,255,.14);color:#BBD3FF}.sx[data-theme=dark] .sx-gpromo .sxg-ref{background:rgba(251,191,36,.12);color:#FCD34D}      /* ช่วงใช้ฟรี/ชวนเพื่อน (ผู้เยี่ยมชม) · ไม่มีข้อความ = ไม่กินที่ */
.sx-guest{gap:14px 16px;justify-content:flex-start}.sx-guest>div:not(.sx-gbtn){flex:1 1 220px;min-width:0}
.sx-gic{flex:none;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--sx-blue-soft);color:var(--sx-blue)}
.sx-guest .sx-gbtn .sx-btn{min-height:44px}
.sx-meg .sx-megi{width:44px;height:44px;padding:0;align-items:center;justify-content:center;color:var(--sx-blue)}
.sx-gcomp{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 14px;padding:12px 14px;font:inherit;text-align:left;cursor:pointer;color:var(--sx-mute)}
.sx-gcomp:hover .sx-gct{border-color:var(--sx-blue)}
.sx-gct{flex:1;min-width:0;min-height:44px;display:flex;align-items:center;padding:0 16px;border:1px solid var(--sx-line2);border-radius:22px;background:var(--sx-raise);font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sx-gcb{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;background:var(--sx-pri);color:#FFFFFF;font-size:14px;font-weight:600}
.sx-qgav{flex:none;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--sx-sunk);color:var(--sx-mute)}
.sx-gcomp .sx-qgav{width:40px;height:40px}
.sx-qg{display:grid;grid-template-columns:32px minmax(0,1fr) 40px;gap:8px;align-items:center;width:100%;margin:8px 0 0;padding:8px 0 6px;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer;color:var(--sx-mute)}
.sx-acts+.sx-qg{border-top:1px solid var(--sx-line);padding-top:12px}
.sx-qgt{min-height:40px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--sx-line2);border-radius:20px;background:var(--sx-raise);font-size:15px}
.sx-qg:hover .sx-qgt{border-color:var(--sx-blue)}
.sx-qgs{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--sx-pri);color:#FFFFFF;opacity:.5}
.sx-post.cpo .sx-qg{display:none}
.sx-qg-r{margin-top:4px}
@media (max-width:639px){
  .sx-qg{grid-template-columns:28px minmax(0,1fr) 40px;gap:6px}.sx-qg .sx-qgav{width:28px;height:28px}
  .sx-gcomp{padding:10px 12px;gap:10px}.sx-gcomp .sx-qgav{width:36px;height:36px}.sx-gcb span{display:none}.sx-gcb{width:40px;padding:0;justify-content:center}
  .mdlg.sx-sheetd:has(>.sx-shead) .mx{top:36px}
  .sx-guest{padding:14px}.sx-guest .sx-gbtn{width:100%}.sx-guest .sx-gbtn .sx-btn{flex:1}
}
/* ===== รอบ 100C: แต้ม/ของขวัญให้พอร์ต Kuytrade Journal (JournalGift.html) — ช่องบนหน้าลิงก์แชร์ · หน้าแรงสนับสนุน · การ์ดทางเข้าในหน้าแชร์ผลงาน · ใช้ตัวแปร --k-* (โหมดมืดตามเอง) ===== */
.jx-gift-slot{margin-top:16px;min-width:0}
.kj .jg-strip{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--k-line);border-radius:var(--k-r);background:var(--k-sub)}
.kj .jg-ic{width:40px;height:40px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--k-accw);color:var(--k-acc)}
.kj .jg-ic.lg{width:52px;height:52px}
.kj .jg-tx{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px}
.kj .jg-tx b{font-size:15px;font-weight:600;color:var(--k-ink);line-height:1.4}
.kj .jg-tops{display:flex;list-style:none;margin:0;padding:0 4px 0 0}
.kj .jg-tops li+li{margin-left:-8px}
.kj .jg-tops a{display:block;border-radius:50%;box-shadow:0 0 0 2px var(--k-sub)}
.kj .jg-tops a:focus-visible,.kj .jg-who:focus-visible,.kj .jg-entry:focus-visible{outline:2px solid var(--k-acc);outline-offset:2px}
.kj .jg-act{display:flex;gap:8px;flex:none}
.kj .jg-act .btn{min-height:40px}
.kj .jg-own .jg-intro{margin:0;max-width:820px;font-size:13.5px}
.kj [data-jg-own]{display:flex;flex-direction:column;gap:20px;min-width:0}
.kj .jg-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kj .jg-tile{border:1px solid var(--k-line);border-radius:var(--k-r);padding:14px 16px;display:flex;flex-direction:column;gap:4px;background:var(--k-bg);min-width:0}
.kj .jg-tile b{font-size:26px;font-weight:600;color:var(--k-ink);line-height:1.2}
.kj .jg-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:14px 16px 16px}
.kj .jg-card{border:1px solid var(--k-line);border-radius:var(--k-r);padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0;background:var(--k-bg)}
.kj .jg-ch{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}
.kj .jg-ch>div{display:flex;flex-direction:column;gap:2px}
.kj .jg-ch h3{font-size:14.5px;font-weight:600;margin:0;color:var(--k-ink);overflow-wrap:anywhere}
.kj .jg-sup,.kj .jg-msgs,.kj .jg-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.kj .jg-sup{gap:8px}
.kj .jg-sup li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.kj .jg-sup li>.k-cap{flex:none}
.kj .jg-who{display:inline-flex;align-items:center;gap:8px;min-width:0;color:inherit;text-decoration:none;border-radius:999px}
.kj a.jg-who:hover .jg-nm b{text-decoration:underline}
.kj .jg-nm{display:flex;flex-direction:column;min-width:0}
.kj .jg-nm b{font-size:13.5px;font-weight:600;color:var(--k-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kj .jg-sws{border-top:1px solid var(--k-line2);padding-top:12px;display:flex;flex-direction:column}
.kj .jg-two{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;align-items:start}
.kj .jg-pad{padding:12px 16px 16px;display:flex;flex-direction:column;gap:12px}
.kj .jg-msgs li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--k-line2)}
.kj .jg-msgs li:first-child{border-top:0;padding-top:0}
.kj .jg-mt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:var(--k-ink2)}
.kj .jg-mt q{display:block;margin-top:4px;padding:8px 10px;border-radius:8px;background:var(--k-sub);color:var(--k-ink);quotes:none;overflow-wrap:anywhere}
.kj .jg-g{color:var(--k-acc);flex:none}
.kj .jg-links li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--k-line2)}
.kj .jg-links li:first-child{border-top:0;padding-top:0}
.kj .jg-links li>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.kj .jg-links li>div b{font-size:13.5px;font-weight:600;color:var(--k-ink);overflow-wrap:anywhere}
.kj .jg-links .jg-sw{flex:none;align-items:center}
.kj .jg-empty{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:16px;border:1px dashed var(--k-line);border-radius:var(--k-r);background:var(--k-sub)}
.kj .jg-empty>div{flex:1 1 240px;min-width:0}
.kj .jg-empty b{font-size:15px;color:var(--k-ink)}
.kj .jg-entry{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border:1px solid var(--k-line);border-radius:var(--k-r);text-decoration:none;color:inherit;max-width:560px;background:var(--k-bg)}
.kj .jg-entry:hover{border-color:var(--k-acc)}
.kj .jg-entry .jg-tx b{font-size:14px}
.kj .jg-entry>svg{flex:none;color:var(--k-ink3)}
@media (max-width:899px){.kj .jg-two{grid-template-columns:minmax(0,1fr)}}
@media (max-width:639px){
  .kj .jg-tiles{gap:8px}.kj .jg-tile{padding:10px 12px}.kj .jg-tile b{font-size:20px}.kj .jg-tile .k-cap{display:none}
  .kj .jg-cards{grid-template-columns:minmax(0,1fr);padding:12px}.kj .jg-pad{padding:12px}
  .kj .jg-act{flex:1 1 100%;order:4}.kj .jg-act .btn{width:100%}.kj .jg-tops{order:3;margin-left:50px}
  .kj [data-jg-own]{gap:16px}
}
/* ===== /รอบ 100C ===== */
/* ===== รอบ 101 (เจ้าของสั่ง 04/11/2026): ป๊อปอัปโปรโมชันเมื่อเข้าเว็บ (#kpp · gas/PromoPop.html) =====
 * รอบ 103 (เจ้าของสั่ง 15:03): แบบใหม่ เรียบ น่าเชื่อถือ — หัว (แท็บ · หยุด · ×) / เนื้อหา (เลื่อนในการ์ด) / ท้าย คั่นเส้นบาง · ไม่มีภาพประกอบ ไล่สี เรืองแสง
 * รอบ 105 (เจ้าของสั่ง 17:57): ขายของมากขึ้น + ลูกศรซ้าย/ขวา — แถบเด่นสีฟ้าอ่อนบนสุดของสไลด์ (ไอคอน · ป้าย · หัวข้อ · ค่าเด่นตัวเดียว) · ขั้นชวนเพื่อนเป็นการ์ดเรียงแถว
 *   สไลด์ซ้อนในช่องเดียว (grid) → การ์ดสูงเท่าสไลด์ที่สูงสุด ไม่กระโดด · แถบเด่นสูงตามเนื้อหาของสไลด์ (ช่องว่างน้อยที่สุด) · ลูกศรอยู่ในช่องเนื้อหา (ลำดับโฟกัส) ชิดบน
 *   ลูกศร ≥ 640px = position:absolute อิงการ์ด (.kpp-d) → อยู่นอกการ์ด กลางแนวตั้ง ห่าง 16px (ช่องเนื้อหาไม่ได้ตั้ง position → ไม่ถูกตัด/ไม่เลื่อนตาม) · < 640px อยู่ในแถบเด่นข้างไอคอน
 *   สี: ตัวแปร --kpp-* (โทนเว็บ รอบ 102.1: ขาว/ดำ + น้ำเงินสด) · น้ำเงินเฉพาะปุ่มหลัก เส้นแท็บ เครื่องหมายถูก แถบสมาชิก ไอคอน/ค่าเด่นในแถบเด่น ลูกศร (ชี้/โฟกัส) การ์ดขั้นที่ถึงแล้ว
 *   ตัวอักษรผ่าน 4.5:1 ทั้งสองโหมด · ค่าเด่น (ตัวใหญ่) ≥ 3:1 (web103/web105)
 *   โหมดมืดตั้งเองด้านล่าง (tools/build_dark.js ไม่แปลงตัวแปร/กฎ [data-theme]) · รอบ 116: สีทุกจุดในกฎ .kpp* (รวมเงา) ต้องเป็นตัวแปร --kpp-* (สีที่เขียนตรงถูกแปลงลง CssDark.html)
 * รอบ 116 (เจ้าของสั่ง 09/11/2026): แบบกระจก — การ์ดโปร่ง เบลอ 28px ขอบสว่าง 1px เงานุ่ม มุม 22px (ไม่รองรับ = ทึบ) · ม่านอยู่ที่ .kpp::before (backdrop-filter ซ้อนกันการ์ดจะเบลอไม่ได้)
 *   แถบเด่น = แผ่นสี --kpp-pri (เท่าปุ่มหลัก ทั้งสองโหมด) ห่างขอบการ์ด 12px มุม 16px · ตัวอักษรบนแผ่นขาวล้วน ลำดับด้วยขนาด/น้ำหนัก (#1570EF กับขาว 4.57:1 → ห้ามขาวโปร่ง/พื้นขาวโปร่งใต้ตัวอักษร)
 *     ป้าย = กระจกสีเข้มโปร่ง · "ประหยัด" = เม็ดยาขาวตัวอักษรน้ำเงิน · ไอคอน/ลูกศรบนแผ่น = วงกลมกระจกขาว (≥ 3:1) · แสงสะท้อนเฉพาะมุมซ้ายบน 112×64px ที่ไม่มีตัวอักษร
 *   แท็บ = ปุ่มแบ่งส่วน (เส้นความคืบหน้าในเม็ดยา) · ตัวอักษรบนกระจกผ่าน 4.5:1 แม้หน้าเว็บด้านหลังดำสนิท (สว่าง)/ขาวสนิท (มืด) → บนพื้นเทาโปร่งใช้ --kpp-text2 ขึ้นไป (web116) */
.kpp{--kpp-card:rgba(255,255,255,.78);--kpp-solid:#FFFFFF;--kpp-edge:rgba(255,255,255,.7);--kpp-glass:blur(28px) saturate(170%);
  --kpp-sh:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06),0 12px 32px -6px rgba(15,23,42,.16),0 36px 72px -28px rgba(15,23,42,.28);
  --kpp-text:#0F172A;--kpp-text2:#334155;--kpp-mute:#475569;--kpp-line:rgba(15,23,42,.08);--kpp-line2:rgba(15,23,42,.16);--kpp-hover:rgba(15,23,42,.06);
  --kpp-fill:rgba(15,23,42,.045);--kpp-fillbd:inset 0 0 0 1px rgba(15,23,42,.05);--kpp-seg:rgba(15,23,42,.06);--kpp-segon:#FFFFFF;--kpp-segsh:0 1px 2px rgba(15,23,42,.1),0 1px 1px rgba(15,23,42,.04);
  --kpp-tile:rgba(255,255,255,.55);--kpp-tilebd:rgba(15,23,42,.08);--kpp-tilehi:inset 0 1px 0 rgba(255,255,255,.75);
  --kpp-brand:#1570EF;--kpp-tint:rgba(21,112,239,.07);--kpp-track:rgba(21,112,239,.16);--kpp-pri:#1570EF;--kpp-prih:#0F5ED6;--kpp-prifg:#FFFFFF;--kpp-ring:#1570EF;
  --kpp-prish:inset 0 1px 0 rgba(255,255,255,.22),0 1px 2px rgba(21,112,239,.24),0 8px 18px -6px rgba(21,112,239,.5);
  --kpp-on:#FFFFFF;--kpp-onglass:rgba(255,255,255,.16);--kpp-onglass2:rgba(255,255,255,.24);--kpp-onedge:rgba(255,255,255,.3);--kpp-onchip:rgba(3,22,66,.2);--kpp-onhi:inset 0 1px 0 rgba(255,255,255,.14);
  --kpp-herohi:inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 0 1px rgba(255,255,255,.06);--kpp-sheen:radial-gradient(farthest-side at 0 0,rgba(255,255,255,.16),rgba(255,255,255,0));--kpp-svsh:0 1px 2px rgba(3,22,66,.2);
  --kpp-arsh:0 1px 2px rgba(15,23,42,.08),0 10px 28px -8px rgba(15,23,42,.28);
  --kpp-scrim:rgba(15,23,42,.28);--kpp-scrim2:rgba(15,23,42,.6);--kpp-blur:blur(10px);
  position:fixed;inset:0;z-index:225;display:flex;align-items:center;justify-content:center;padding:24px;overscroll-behavior:contain}
.kpp::before{content:"";position:absolute;inset:0;background:var(--kpp-scrim);-webkit-backdrop-filter:var(--kpp-blur);backdrop-filter:var(--kpp-blur)}      /* ม่าน (ชั้นแยก): กดที่ม่าน = กดที่ #kpp (ปิดได้เหมือนเดิม) */
html[data-theme="dark"] .kpp{--kpp-card:rgba(18,22,30,.72);--kpp-solid:#12161E;--kpp-edge:rgba(255,255,255,.08);
  --kpp-sh:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(0,0,0,.24),0 24px 64px -12px rgba(0,0,0,.72);
  --kpp-text:#F5F7FA;--kpp-text2:#CBD2DC;--kpp-mute:#A0A9B8;--kpp-line:rgba(255,255,255,.08);--kpp-line2:rgba(255,255,255,.16);--kpp-hover:rgba(255,255,255,.08);
  --kpp-fill:rgba(255,255,255,.05);--kpp-fillbd:inset 0 0 0 1px rgba(255,255,255,.06);--kpp-seg:rgba(255,255,255,.07);--kpp-segon:rgba(255,255,255,.14);--kpp-segsh:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.4);
  --kpp-tile:rgba(255,255,255,.04);--kpp-tilebd:rgba(255,255,255,.09);--kpp-tilehi:inset 0 1px 0 rgba(255,255,255,.04);
  --kpp-brand:#3D7BFF;--kpp-tint:rgba(61,123,255,.12);--kpp-track:rgba(61,123,255,.3);--kpp-pri:#0B5CFF;--kpp-prih:#1A66FF;--kpp-prifg:#FFFFFF;--kpp-ring:#3D7BFF;
  --kpp-prish:inset 0 1px 0 rgba(255,255,255,.18),0 1px 2px rgba(0,0,0,.4),0 10px 24px -8px rgba(11,92,255,.6);
  --kpp-onchip:rgba(0,12,48,.24);--kpp-svsh:0 1px 2px rgba(0,0,0,.3);
  --kpp-arsh:0 0 0 1px rgba(0,0,0,.24),0 12px 32px -8px rgba(0,0,0,.72);
  --kpp-scrim:rgba(0,0,0,.5);--kpp-scrim2:rgba(0,0,0,.8)}
.kpp-d{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-width:440px;max-height:100%;margin:auto;background:var(--kpp-card);-webkit-backdrop-filter:var(--kpp-glass);backdrop-filter:var(--kpp-glass);color:var(--kpp-text);border:1px solid var(--kpp-edge);border-radius:22px;box-shadow:var(--kpp-sh);font-size:15px;line-height:1.6}      /* ไม่ตัด overflow: ลูกศร ≥ 640px อยู่นอกการ์ด */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.kpp::before{background:var(--kpp-scrim2)}.kpp-d{background:var(--kpp-solid)}}      /* ไม่รองรับกระจก = การ์ดทึบ */
.kpp :focus-visible{outline:2px solid var(--kpp-ring);outline-offset:2px}
.kpp .kpp-d:focus,.kpp .kpp-d:focus-visible{outline:none}
.kpp .num{font-variant-numeric:tabular-nums}
.knb{white-space:nowrap}      /* span.knb (refDur/refPpl) ใช้ทั้งเว็บ */
/* หัว (รอบ 116): ปุ่มแบ่งส่วน (เม็ดยา 34px + ::after = กด 44px · เส้น 2px ในเม็ดยา = ความคืบหน้า 5 วินาที)
 *   แถวเดียวไม่พอ (อังกฤษ ≤ 375px) → หยุด/ปิดขึ้นแถวบน (wrap-reverse · ลำดับโฟกัสเดิม · เดิมแท็บทับปุ่มหยุด) */
.kpp-h{flex:none;display:flex;flex-wrap:wrap-reverse;align-items:center;gap:4px 6px;min-height:64px;padding:10px 10px 10px 12px;box-sizing:border-box}      /* ราง 40px ห่างขอบบน 12px · ห่างแถบเด่น 12px (เท่าระยะขอบข้าง) */
.kpp-tabs{display:flex;gap:2px;min-width:0;padding:3px;border-radius:999px;background:var(--kpp-seg)}
.kpp-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px 1px;border:0;border-radius:999px;background:transparent;color:var(--kpp-text2);font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap;cursor:pointer}
.kpp-tab::after{content:"";position:absolute;inset:-5px 0}
.kpp-tab:hover{color:var(--kpp-text)}
.kpp-tab[aria-selected=true]{background:var(--kpp-segon);box-shadow:var(--kpp-segsh);color:var(--kpp-text)}
.kpp .kpp-tab:focus-visible{outline:2px solid var(--kpp-ring);outline-offset:1px}
.kpp-tl{position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;overflow:hidden}
.kpp-tab[aria-selected=true] .kpp-tl{background:var(--kpp-track)}
.kpp-tl i{display:block;height:100%;border-radius:inherit;background:var(--kpp-brand);transform:scaleX(0);transform-origin:0 50%}
.kpp-ts{display:none}.kpp-tsh .kpp-ts{display:inline}.kpp-tsh .kpp-tf{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}      /* รอบ 117: ≥ 3 แท็บที่แถวหัวไม่พอ = ป้ายสั้น (ชื่อเต็มเหลือไว้ให้โปรแกรมอ่านหน้าจอ · PromoPop.html fitTabs) */
.kpp-one{margin:0 0 0 8px;display:flex;align-items:center;font-size:14px;font-weight:600;line-height:1.3;color:var(--kpp-text)}
.kpp-hb{margin-left:auto;display:flex;align-items:center;gap:2px}
.kpp-ps,.kpp-x{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:999px;background:transparent;color:var(--kpp-mute);cursor:pointer}
.kpp-ps{width:32px;height:32px;margin-right:2px}.kpp-ps::after{content:"";position:absolute;inset:-6px}      /* รอบ 105: พื้นที่กด 44px */
.kpp-x{width:44px;height:44px}
.kpp-ps:hover,.kpp-x:hover{background:var(--kpp-hover);color:var(--kpp-text)}
.kpp-ps svg{display:block}.kpp-ps .kpp-ps1{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.kpp-ps .kpp-ps2{display:none;fill:currentColor;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round}
.kpp-ps[aria-pressed=true] .kpp-ps1{display:none}.kpp-ps[aria-pressed=true] .kpp-ps2{display:block}
/* เนื้อหา: สไลด์ซ้อนในช่องเดียว (การ์ดสูงคงที่) · สูงเกินจอ = เลื่อนเฉพาะส่วนนี้ */
.kpp-vp{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
.kpp-s{grid-area:1/1;min-width:0;display:flex;flex-direction:column;visibility:hidden;opacity:0}
.kpp-s.on{visibility:visible;opacity:1}
@media (prefers-reduced-motion:no-preference){
  .kpp::before{animation:kppBg .18s ease-out}.kpp-d{animation:kppIn .18s ease-out}
  .kpp-s{transition:opacity .16s ease,visibility 0s linear .16s}.kpp-s.on{transition:opacity .16s ease,visibility 0s}
  .kpp-arc{transition:border-color .15s ease,color .15s ease}.kpp-nudge .kpp-arc{animation:kppNudge .6s ease-in-out 1}
}
@keyframes kppBg{from{background-color:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}
@keyframes kppIn{from{opacity:0;transform:scale(.98)}}
@keyframes kppNudge{50%{transform:translateX(6px)}}
/* แถบเด่น (รอบ 116): แผ่น --kpp-pri · ไอคอนกระจกขาว 44px · ป้าย · หัวข้อ 20/700 · ค่าเด่น 40/800 · ตัวอักษร --kpp-on ทั้งหมด · ราคาปกติ = ขาว เล็ก น้ำหนักปกติ
 *   แสงสะท้อน ::before ใต้เนื้อหา (ป้ายเริ่มต่ำกว่า 64px เสมอ) */
.kpp-hero{position:relative;isolation:isolate;flex:none;min-width:0;display:flex;flex-direction:column;align-items:center;margin:0 12px;padding:20px 20px 22px;border-radius:16px;background-color:var(--kpp-pri);box-shadow:var(--kpp-herohi);color:var(--kpp-on);text-align:center}
.kpp-hero::before{content:"";position:absolute;top:0;left:0;z-index:-1;width:112px;height:64px;border-top-left-radius:inherit;background:var(--kpp-sheen);pointer-events:none}
.kpp-hi{flex:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;border:1px solid var(--kpp-onedge);border-radius:50%;background:var(--kpp-onglass);color:var(--kpp-on)}.kpp-hi svg{display:block}
.kpp-ey{margin:12px 0 0;max-width:100%;box-sizing:border-box;padding:1px 11px;border:1px solid var(--kpp-onedge);border-radius:999px;background:var(--kpp-onchip);box-shadow:var(--kpp-onhi);color:var(--kpp-on);font-size:13px;font-weight:500;line-height:1.6;font-variant-numeric:tabular-nums}
.kpp-t{margin:10px 0 0;max-width:100%;font-size:20px;line-height:1.4;font-weight:700;color:var(--kpp-on);text-wrap:balance;overflow-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.kpp-t.kpp-tsm{font-size:17px}      /* ชื่อยาว (เช่นชื่อคอร์สภาษาอังกฤษ) เกิน 2 บรรทัด → เล็กลง (PromoPop.html fitT) · ไม่ตัดชื่อ */
.kpp-v{margin:8px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 10px;font-size:15px;font-weight:600;line-height:1.15;color:var(--kpp-on)}      /* "สูงสุด" = ข้อความในแถวนี้ */
.kpp-big{font-size:20px;font-weight:700;color:var(--kpp-on);font-variant-numeric:tabular-nums}
.kpp-vn,.kpp-big.kpp-now{font-size:40px;font-weight:800;letter-spacing:-.02em}.kpp-vn{margin-right:2px}
.kpp-was{font-size:15px;font-weight:400;color:var(--kpp-on);font-variant-numeric:tabular-nums}.kpp-was s{text-decoration-thickness:1px}
.kpp-sv{align-self:center;padding:2px 10px;border-radius:999px;background:var(--kpp-on);box-shadow:var(--kpp-svsh);color:var(--kpp-pri);font-size:13px;font-weight:700;line-height:1.5;font-variant-numeric:tabular-nums}
.kpp-vs{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--kpp-on);font-variant-numeric:tabular-nums;text-wrap:balance}
/* ลูกศร: < 640px กระจกขาวบนแถบเด่น ข้างไอคอน (36px · กด 44px · ห่างขอบแผ่น 8px · โฟกัสขาว) · ≥ 640px วงกลมกระจก 48px นอกการ์ด ห่าง 16px กลางแนวตั้ง (ชี้/โฟกัส = สีแบรนด์) */
.kpp-ar{grid-area:1/1;align-self:start;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:20px;padding:0;border:0;border-radius:999px;background:none;color:var(--kpp-on);cursor:pointer;-webkit-tap-highlight-color:transparent}
.kpp-pv{justify-self:start;margin-left:16px}.kpp-nx{justify-self:end;margin-right:16px}
.kpp-arc{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:36px;height:36px;border:1px solid var(--kpp-onedge);border-radius:50%;background:var(--kpp-onglass);color:var(--kpp-on)}.kpp-arc svg{display:block}
@media (hover:hover){.kpp-ar:hover .kpp-arc{background:var(--kpp-onglass2)}}
.kpp .kpp-ar:focus-visible{outline:0}.kpp .kpp-ar:focus-visible .kpp-arc{outline:2px solid var(--kpp-on);outline-offset:2px}
@media (min-width:640px){
  .kpp-ar{position:absolute;top:50%;width:48px;height:48px;margin:-24px 0 0;color:var(--kpp-text)}
  .kpp-pv{left:-65px}.kpp-nx{right:-65px}      /* ขอบการ์ด 1px + ช่องว่าง 16px */
  .kpp-arc{width:48px;height:48px;border-color:var(--kpp-edge);background:var(--kpp-card);-webkit-backdrop-filter:var(--kpp-glass);backdrop-filter:var(--kpp-glass);box-shadow:var(--kpp-arsh);color:var(--kpp-text)}
  .kpp .kpp-ar:focus-visible .kpp-arc{border-color:var(--kpp-brand);color:var(--kpp-brand);outline-color:var(--kpp-ring)}
}
@media (min-width:640px) and (hover:hover){.kpp-ar:hover .kpp-arc{border-color:var(--kpp-brand);background:var(--kpp-card);color:var(--kpp-brand)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){@media (min-width:640px){.kpp-arc,.kpp-ar:hover .kpp-arc{background:var(--kpp-solid)}}}
/* เนื้อหาใต้แถบเด่น (ห่างแถบเด่น ≥ 18px) */
.kpp-bd{flex:1 0 auto;min-width:0;display:flex;flex-direction:column;padding:2px 24px 16px}
.kpp-fine{margin-top:auto;padding-top:16px}      /* ✓ + เงื่อนไข ชิดล่าง (ที่เดียวกันทุกแท็บ) */
.kpp-p{margin:16px 0 0;font-size:15px;line-height:1.6;color:var(--kpp-text2);text-wrap:pretty;overflow-wrap:break-word}
.kpp-p.kpp-auto{margin-top:10px;font-size:14px;line-height:1.55}
/* ชวนเพื่อน: การ์ดขั้นกระจกบาง (ยอดรวม) · ถึงแล้ว = ✓ + เส้นทึบน้ำเงิน · ขั้นถัดไป = เส้นประน้ำเงิน + พื้นจาง (ไม่อาศัยสีอย่างเดียว) · > 3 ขั้น = ขึ้นแถวใหม่ทีละ 3 */
.kpp-tiers{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none}
.kpp-ti{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:10px 6px;border:1px solid var(--kpp-tilebd);border-radius:12px;background:var(--kpp-tile);box-shadow:var(--kpp-tilehi);text-align:center}
.kpp-ti+.kpp-ti::before{content:"";position:absolute;top:50%;right:calc(100% + 1px);width:12px;height:1px;background:var(--kpp-line2)}
.kpp-tw .kpp-ti:nth-child(3n+1)::before{display:none}
.kpp-tn{display:inline-flex;align-items:center;font-size:13px;line-height:1.5;color:var(--kpp-mute)}
.kpp-tv{font-size:15px;font-weight:600;line-height:1.45;color:var(--kpp-text)}
.kpp-tck{display:inline-flex;margin-right:4px;color:var(--kpp-brand)}.kpp-tck svg{display:block}
.kpp-ti.got{border-color:var(--kpp-brand)}
.kpp-ti.got .kpp-tn,.kpp-ti.nx .kpp-tn{color:var(--kpp-text2)}
.kpp-ti.nx{border-style:dashed;border-color:var(--kpp-brand);background:var(--kpp-tint)}
/* สมาชิก: ความคืบหน้า · ลิงก์ + คัดลอก */
.kpp-pg{margin-top:16px}
.kpp-pgt{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 12px;line-height:1.5}
.kpp-pgt>b{font-size:15px;font-weight:600;color:var(--kpp-text)}.kpp-pgt>span{font-size:13px;color:var(--kpp-mute)}
.kpp-pgb{display:block;height:4px;margin-top:8px;border-radius:999px;background:var(--kpp-line);overflow:hidden}
.kpp-pgb i{display:block;height:100%;border-radius:inherit;background:var(--kpp-brand)}
.kpp-pg+.kpp-tiers{margin-top:14px}
.kpp-lk{margin-top:16px}
.kpp-lbl{display:block;font-size:13px;line-height:1.5;color:var(--kpp-mute)}
.kpp-lk .kpp-lbl{margin-bottom:6px}
/* รอบ 116: ลิงก์/โค้ด = ช่องพื้นโปร่ง มุม 24px (ซ้อนกับเม็ดยาคัดลอก 40px + ::after = กด 44px) */
.kpp-row{display:flex;align-items:center;gap:8px;padding:4px;border-radius:24px;background:var(--kpp-fill);box-shadow:var(--kpp-fillbd)}
.kpp-in{flex:1;min-width:0;box-sizing:border-box;display:block;height:40px;padding:0 4px 0 12px;border:0;background:transparent;color:var(--kpp-text);font-size:14px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;text-align:left;-webkit-user-select:all;user-select:all;font-variant-ligatures:none;font-feature-settings:"calt" 0,"liga" 0}      /* รอบ 103: รหัสชวนเช่น 6x6 ไม่ให้ฟอนต์เปลี่ยน x เป็น × */
.kpp-in>bdi{direction:ltr;unicode-bidi:isolate}      /* ยาวเกิน = ตัดด้านหน้า (เห็นรหัสเสมอ) */
.kpp-cp{position:relative;flex:none;display:inline-grid;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--kpp-line2);border-radius:999px;background:transparent;color:var(--kpp-text);font-size:14px;font-weight:600;line-height:1.2;cursor:pointer}
.kpp-cp::after{content:"";position:absolute;inset:-2px}
.kpp-cp:hover{background:var(--kpp-hover)}
.kpp-cpa,.kpp-cpb{grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;gap:6px}.kpp-cp svg{flex:none;display:block}
.kpp-cpb{visibility:hidden}.kpp-cpb svg{color:var(--kpp-brand)}.kpp-cp.ok .kpp-cpa{visibility:hidden}.kpp-cp.ok .kpp-cpb{visibility:visible}
/* ส่วนลดคอร์ส: ช่องโค้ด (ป้าย · โค้ด · คัดลอก ในช่องเดียว) · ใช้ได้ถึง · ระบบใส่โค้ดให้ */
.kpp-cd{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:16px;padding:4px 4px 4px 16px;border-radius:24px;background:var(--kpp-fill);box-shadow:var(--kpp-fillbd)}
.kpp-cd .kpp-lbl{color:var(--kpp-text2)}
.kpp-code{min-width:0;padding:0;border:0;background:transparent;color:var(--kpp-text);font-family:'Geist',ui-monospace,monospace;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:.02em;overflow-wrap:anywhere;font-variant-ligatures:none;font-feature-settings:"calt" 0,"liga" 0}      /* โค้ดยาว (ถึง 40 ตัว) ตัดบรรทัดในช่อง ไม่ล้นการ์ด */
.kpp-cd .kpp-cp{margin-left:auto}
.kpp-until{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--kpp-mute)}
/* ✓ ข้อเท็จจริง · เงื่อนไข */
.kpp-ok{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;list-style:none;font-size:13px;line-height:1.5;color:var(--kpp-mute)}
.kpp-ok li{display:inline-flex;align-items:flex-start;gap:6px;min-width:0}
.kpp-ok svg{flex:none;margin-top:3px;color:var(--kpp-brand)}
.kpp-dt{margin-top:6px}
.kpp-sm{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin-left:-8px;padding:0 8px;border-radius:8px;list-style:none;cursor:pointer;font-size:14px;font-weight:600;line-height:1.3;color:var(--kpp-text2)}
.kpp-sm::-webkit-details-marker{display:none}.kpp-sm::marker{content:""}
.kpp-sm:hover{color:var(--kpp-text)}
.kpp-sm svg{flex:none;color:var(--kpp-mute)}.kpp-dt[open] .kpp-sm svg{transform:rotate(180deg)}
.kpp-dtb{padding:4px 0 4px}
.kpp-hl{margin:0;padding:0 0 0 20px;font-size:14px;line-height:1.6;color:var(--kpp-text2)}
.kpp-hl li{padding-left:2px}.kpp-hl li+li{margin-top:6px}.kpp-hl li::marker{color:var(--kpp-mute);font-variant-numeric:tabular-nums}
.kpp-nt{margin:12px 0 0;padding:10px 0 0;list-style:none;border-top:1px solid var(--kpp-line);font-size:13px;line-height:1.5;color:var(--kpp-mute)}
.kpp-nt li+li{margin-top:4px}
/* ท้าย: ไว้ทีหลัง (ปุ่มข้อความ) · ปุ่มหลักเม็ดยา 48px --kpp-pri + แสงขอบบน + เงาน้ำเงิน (ชี้ = --kpp-prih) */
.kpp-f{flex:none;display:flex;align-items:center;gap:12px;padding:14px 24px 18px;border-top:1px solid var(--kpp-line)}
.kpp-b2,.kpp-b1{min-height:44px;border-radius:999px;font-size:15px;font-weight:600;line-height:1.25;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.kpp-b2{flex:none;margin-left:-14px;padding:0 14px;border:0;background:transparent;color:var(--kpp-text2)}
.kpp-b2:hover{background:var(--kpp-hover);color:var(--kpp-text)}
.kpp-b1{margin-left:auto;min-width:0;min-height:48px;padding:0 24px;border:0;background:var(--kpp-pri);box-shadow:var(--kpp-prish);color:var(--kpp-prifg)}
.kpp-b1:hover{background:var(--kpp-prih)}
.kpp~.toast{z-index:230}
/* โทรศัพท์ (< 640px): หัวข้อ 18px (ชื่อยาว 16px ได้ 3 บรรทัด ไม่ตัดชื่อ) · ค่าเด่น 34px · ≤ 379px: 17px / 32px */
@media (max-width:639px){.kpp-t{font-size:18px}.kpp-t.kpp-tsm{font-size:16px;-webkit-line-clamp:3}.kpp-vn,.kpp-big.kpp-now{font-size:34px}}
@media (max-width:480px){
  .kpp{padding:16px}
  .kpp-h{padding-right:6px}.kpp-tab{padding:0 11px 1px;font-size:13.5px}.kpp-tl{left:11px;right:11px}
  .kpp-hero{padding:16px 14px 18px}.kpp-ar{margin-top:16px}
  .kpp-bd{padding:2px 20px 14px}
  .kpp-f{flex-direction:column-reverse;align-items:stretch;gap:2px;padding:12px 20px 8px}
  .kpp-b1{margin-left:0;padding:0 16px}
  .kpp-b2{align-self:center;margin:0}
}
@media (max-width:379px){.kpp-t{font-size:17px;-webkit-line-clamp:3}.kpp-t.kpp-tsm{font-size:15px}.kpp-vn,.kpp-big.kpp-now{font-size:32px}
  .kpp-f{padding-left:16px;padding-right:16px}
  .kpp-hero{padding-left:12px;padding-right:12px}.kpp-bd{padding-left:16px;padding-right:16px}
  .kpp-tiers{gap:8px}.kpp-ti+.kpp-ti::before{width:8px}.kpp-ti{padding-left:4px;padding-right:4px}.kpp-tv{font-size:14px}
  .kpp-cd{gap:4px 8px;padding-left:12px}.kpp-cd .kpp-cp{padding:0 12px}}      /* โค้ด + คัดลอก อยู่แถวเดียวที่ 320px */
/* หน้าคอร์ส: กล่องโปรโมชันจากโค้ดในลิงก์ (?promo=) / โค้ดที่เจ้าของเลือกแสดง */
.crpbox>div{min-width:0;flex:1}.crpbox .crpuse{margin-top:10px}
.crpbox.crpbox-on,.crpbox.crpbox-x,.crpbox.crpbox-f{flex-direction:column;gap:8px}.crpbox.crpbox-on>div,.crpbox.crpbox-x>div,.crpbox.crpbox-f>div{width:100%}
.crpbox.crpbox-on{border-color:var(--link)}
.crpbox.crpbox-x{background:var(--surface2);border-color:var(--border)}
/* ===== /รอบ 101 ===== */
/* ===== รอบ 108: ชวนเพื่อนแบบใหม่ — ขั้น "ใครชวนคุณมา?" (#rfs) · ช่อง "มีโค้ดแนะนำ?" · ช่องทางเข้าสู่ระบบบอกบัญชี · แดชบอร์ดชวนเพื่อน (.ivd) · หลังบ้าน (.ivx) =====
 *   ชุดสีกราฟผ่านตัวตรวจสี (dataviz validate_palette): สว่าง #2A78D6 · #EB6834 บนพื้น #FFFFFF · มืด #3987E5 · #D95926 บนพื้น #0A0A0A (tools/dark_manual.css) */
:root{--ivc1:#2A78D6;--ivc2:#EB6834}
/* ขั้น "ใครชวนคุณมา?" (โครง .au/.hdl ของรอบ 97C/98A · ไม่มีปุ่มปิด) */
.rfs .rfs-d{max-width:480px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;padding:28px 28px 0}
.rfs-who{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:14px;background:var(--navon2);border:1px solid var(--navbd)}
.rfs-wl{font-size:13px;line-height:1.4}
.rfs-wc{display:flex;align-items:center;gap:12px;min-width:0}
.rfs-av{width:44px;height:44px;flex:none;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#FFFFFF;font-weight:700;font-size:18px}
.rfs-av img{width:100%;height:100%;object-fit:cover;display:block}
.rfs-wn{display:flex;flex-direction:column;gap:2px;min-width:0}.rfs-wn b{font-size:16px;line-height:1.35;color:var(--text);overflow-wrap:anywhere}
.rfs-wcp{font-size:13px}
.rfs .hdl-in input{padding-left:14px}
.rfs .hdl-act{margin:0 -28px;padding:14px 28px 22px}
.rfs .au-fine{margin:2px 0 0}
/* หน้าเข้าสู่ระบบ: มีโค้ดแนะนำ? */
.au-rc{margin:16px 0 0;border-top:1px solid var(--line);padding-top:10px}
.au-rc summary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;font-size:14.5px;font-weight:500;color:var(--link);cursor:pointer;list-style:none;border-radius:10px}
.au-rc summary::-webkit-details-marker{display:none}
.au-rc summary::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.au-rc[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.au-rcb{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.au-rcb .au-cap{margin:0}.au-cap.bad{color:var(--negtx)}
/* ความปลอดภัย: ช่องทางที่ผูกคือบัญชีไหน */
.ac-mid{display:block;font-size:15px;line-height:1.45;font-weight:500;color:var(--text);overflow-wrap:anywhere;word-break:break-word}
.ac-msub{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;line-height:1.5}
.ac-ver{display:inline-flex;align-items:center;gap:3px;color:var(--pos);font-weight:500}
/* ---------- แดชบอร์ดชวนเพื่อน ---------- */
.ivd{display:flex;flex-direction:column;gap:16px;min-width:0;container-type:inline-size}
.ivd .mcard{gap:12px}
.ivd .mh{font-size:20px}
.ivd-sh{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.ivd-sh .lbl{margin:2px 0 0}
.ivd-hh{display:flex;align-items:flex-start;gap:12px}.ivd-hh .ac-ti{margin:0}
.ivd-hb{min-width:0}.ivd-hb .lbl{margin:4px 0 0;line-height:1.55}
.ivd-link{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ivd-link .inp{flex:1 1 260px;min-width:0;font-size:15px;color:var(--text);background:var(--surface2)}
.ivd-la{display:flex;gap:8px;flex-wrap:wrap}
.ivd-al{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;font-size:14.5px;color:var(--text2)}
.ivd-al b{color:var(--text);font-weight:600}
.ivd-tier{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:14px;background:var(--surface2);border:1px solid var(--line)}
.ivd-tp{display:flex;flex-wrap:wrap;gap:2px 10px;margin:0;font-size:15px;line-height:1.5}.ivd-tp b{font-weight:600}
.ivd-trk{height:8px;border-radius:999px;background:var(--track);overflow:hidden}
.ivd-trk i{display:block;height:100%;border-radius:999px;background:var(--ivc1)}
.ivd-tl{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.ivd-tl li{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:13px;color:var(--text3)}
.ivd-tl li.got{border-color:var(--okbd);background:var(--okbg);color:var(--oktx)}
.ivd-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ivd-steps li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.ivd-steps li:first-child{border-top:0;padding-top:4px}
.ivd-sn{width:28px;height:28px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--navon);color:var(--brand);font:600 13px/1 'Geist',var(--fx),sans-serif}
.ivd-steps li.done .ivd-sn{background:var(--okbg);color:var(--pos)}
.ivd-stt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ivd-stt b{font-weight:600;font-size:15px}.ivd-stt .lbl{line-height:1.5}
.ivd-steps li.done .ivd-stt b{color:var(--text3)}
.ivd-sd{flex:none}
.ivd-bar{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap}
.ivd-bn{margin:0;flex:1 1 220px}
.ivd-wait{opacity:.55;transition:opacity .15s}
.ivd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ivd-kpis[data-n="9"]{grid-template-columns:repeat(3,minmax(0,1fr))}      /* 8 ช่อง = 4×2 · 9 ช่อง = 3×3 (ไม่มีแถวขาด) */
@container (max-width:760px){.ivd-kpis,.ivd-kpis[data-n="9"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ivd-k{display:flex;flex-direction:column;gap:2px;min-width:0;padding:14px 14px 14px 18px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.ivd-kh{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:32px}.ivd-kh .lbl{font-size:13.5px;line-height:1.35}
.ivd-kv{font-size:26px;line-height:1.2;font-weight:600;letter-spacing:-.01em;color:var(--text);overflow-wrap:anywhere}
.ivd-ks{font-size:12.5px;line-height:1.45}
.kx-i.ivd-ki{width:44px;height:44px;margin:-8px -10px -8px 0}
.ivd-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:16px;align-items:start;margin-top:16px}
.ivd-fun{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ivd-fun li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l v" "b b";gap:4px 12px;align-items:end}
.ivd-fl{grid-area:l;font-size:14.5px;line-height:1.4;color:var(--text2)}
.ivd-fb{grid-area:b;height:12px;border-radius:0 4px 4px 0;background:var(--surface2);overflow:hidden}
.ivd-fb i{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--ivc1)}
.ivd-fv{grid-area:v;display:flex;align-items:baseline;gap:8px;justify-content:flex-end;white-space:nowrap}.ivd-fv b{font-size:16px;font-weight:600}.ivd-fv .lbl{font-size:12.5px}
.ivd-chs{display:flex;flex-direction:column;gap:18px}
.ivd-ch{position:relative;margin:0;min-width:0}
.ivd-cht{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0 0 4px;font-size:14.5px}.ivd-cht b{font-weight:600}.ivd-cht .lbl{font-size:13px}
.ivd-lg{list-style:none;display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 6px;padding:0;font-size:13px;color:var(--text2)}
.ivd-lg li{display:inline-flex;align-items:center;gap:6px}.ivd-lg i{width:10px;height:10px;border-radius:3px;flex:none}
.ivd-chb{min-height:166px;border-radius:8px;outline-offset:2px}
.ivd-chb svg{display:block;max-width:100%;overflow:visible}
.ivd-gl{stroke:var(--line);stroke-width:1}.ivd-bl{stroke:var(--ctl);stroke-width:1}
.ivd-ax{fill:var(--text3);font:11.5px 'Geist',var(--fx),sans-serif;font-variant-numeric:tabular-nums}
.ivd-hl{fill:var(--text);opacity:.06}
.ivd-tip{position:absolute;top:28px;z-index:3;display:flex;flex-direction:column;gap:2px;min-width:120px;max-width:220px;padding:8px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 24px rgba(11,27,63,.14);font-size:13px;line-height:1.45;color:var(--text2);pointer-events:none}
.ivd-tip b{color:var(--text);font-weight:600}
.ivd-tip span{display:flex;align-items:center;gap:6px}.ivd-tip i{width:8px;height:8px;border-radius:2px;flex:none}
.ivd-tw{overflow-x:auto;max-height:340px;overflow-y:auto;border:1px solid var(--line);border-radius:12px}
.ivd-dt{width:100%;border-collapse:collapse;font-size:14px}
.ivd-dt th,.ivd-dt td{padding:8px 12px;text-align:left;border-top:1px solid var(--line);white-space:nowrap}
.ivd-dt thead th{position:sticky;top:0;background:var(--surface2);border-top:0;font-weight:600;color:var(--text2)}
.ivd-dt .r{text-align:right}
.ivd-empty{margin:0;padding:12px 14px;border-radius:12px;background:var(--surface2);line-height:1.6}
/* ตารางแคมเปญ (กว้าง) · การ์ด (แคบ) */
.ivd-ctw{overflow-x:auto}
.ivd-ct{width:100%;border-collapse:collapse;font-size:14.5px}
.ivd-ct th,.ivd-ct td{padding:10px 10px;border-top:1px solid var(--line);border-bottom:0;vertical-align:middle;text-align:left;background:transparent;font-size:inherit;color:var(--text);white-space:nowrap}
.ivd-ct thead th{border-top:0;background:var(--surface2);font-weight:600;color:var(--text2);white-space:nowrap;padding:0 4px}
.ivd-ct thead th:first-child{border-radius:10px 0 0 10px}.ivd-ct thead th:last-child{border-radius:0 10px 10px 0}
.ivd-ct .r{text-align:right}
.ivd-ct tbody th{font-weight:400;white-space:normal;width:40%}
.ivd-ct tr.arch{opacity:.7}
.ivd-sort{display:inline-flex;align-items:center;justify-content:inherit;gap:2px;width:100%;min-height:44px;padding:0 8px;border:0;background:none;font:inherit;font-weight:600;color:inherit;cursor:pointer;border-radius:8px;text-align:inherit}
.ivd-ct th.r .ivd-sort{justify-content:flex-end}
.ivd-sort:hover{color:var(--text)}
.ivd-cn{display:flex;align-items:center;gap:10px;min-width:200px}
.ivd-ci{width:32px;height:32px;flex:none;border-radius:10px;background:var(--navon);color:var(--brand);display:inline-flex;align-items:center;justify-content:center}
.ivd-cnt{display:flex;flex-direction:column;gap:1px;min-width:0}.ivd-cnt b{font-weight:600;overflow-wrap:anywhere}.ivd-cnt .lbl{font-size:12.5px;line-height:1.4}
.ivd-ca{display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}
.ivd-ib{min-height:40px;padding:0 12px;font-size:14px}
.ivd-ibi{width:44px;min-height:44px;padding:0;flex:none}
.ivd-cards{list-style:none;margin:0;padding:0;display:none;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px}
.ivd-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.ivd-card.arch{opacity:.75}
.ivd-cd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;margin:0}
.ivd-cd div{min-width:0}.ivd-cd dt{font-size:12px;line-height:1.35;color:var(--text3)}.ivd-cd dd{margin:2px 0 0;font-size:15px;font-weight:600;color:var(--text)}
.ivd-card .ivd-ca{justify-content:flex-start}.ivd-card .ivd-ib{flex:1 1 0;min-height:44px}
@container (max-width:760px){.ivd-ctw{display:none}.ivd-cards{display:grid}.ivd-two{grid-template-columns:minmax(0,1fr)}}
/* เพื่อนที่ชวน */
.ivd-ff{display:flex;gap:8px;flex-wrap:wrap}
.ivd-ff .ivd-fq{flex:1 1 220px;min-width:0}.ivd-ff .inp{min-height:44px}.ivd-ff select.inp{flex:0 1 200px;width:auto;min-width:0;max-width:100%}
.ivd-need{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:var(--tagbg);border:1px solid var(--tagbd)}
.ivd-need .lbl{font-size:13px;flex:1 1 200px}
.ivd-frl0{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ivd-fr{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:4px 12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.ivd-fr:first-child{border-top:0}
.ivd-frn{display:flex;flex-direction:column;gap:1px;min-width:0}.ivd-frn b{font-weight:600;overflow-wrap:anywhere}.ivd-frn b a{color:var(--text);text-decoration:none}.ivd-frn b a:hover{text-decoration:underline}.ivd-frn .lbl{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.ivd-frl{display:flex;gap:6px}
.ivd-lk{display:inline-flex;align-items:center;gap:3px;min-height:26px;padding:0 9px;border-radius:999px;border:1px dashed var(--ctl);font-size:12.5px;color:var(--text3)}
.ivd-lk.on{border-style:solid;border-color:var(--okbd);background:var(--okbg);color:var(--oktx)}
.ivd-frst{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.ivd-frst .lbl{font-size:12.5px}
.ivd-more{display:flex;justify-content:center}.ivd-more:empty{display:none}
.ivd-av{flex:none;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--navon);color:var(--brand);font-weight:700;font-size:14px}
.ivd-av img{width:100%;height:100%;object-fit:cover;display:block}
@container (max-width:600px){.ivd-fr{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"a n s" "a l l"}.ivd-fr>.ivd-av{grid-area:a;align-self:start}.ivd-frn{grid-area:n}.ivd-frst{grid-area:s;align-self:start}.ivd-frl{grid-area:l}}
/* เครือข่าย */
.ivd-lv{list-style:none;display:flex;gap:8px;margin:0;padding:0}
.ivd-lv li{display:flex;flex-direction:column;align-items:center;min-width:72px;padding:8px 10px;border-radius:12px;background:var(--surface2);border:1px solid var(--line)}
.ivd-lv b{font-size:18px;font-weight:600}.ivd-lv .lbl{font-size:12px}
.ivd-tree{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ivd-tree .ivd-tree{margin:4px 0 8px 16px;padding-left:14px;border-left:2px solid var(--line)}
.ivd-nd{border-top:1px solid var(--line)}.ivd-tree>.ivd-nd:first-child{border-top:0}
.ivd-nr{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;padding:10px 0}
.ivd-nn{flex:1 1 160px;display:flex;flex-direction:column;gap:1px;min-width:0}.ivd-nn b{font-weight:600;overflow-wrap:anywhere}.ivd-nn .lbl{font-size:13px}
.ivd-nx{min-height:40px;padding:0 12px;font-size:13.5px;max-width:100%}
.ivd-nx span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ivd-nx[aria-expanded=true] svg{transform:rotate(180deg)}
.ivd-tm{padding:8px 0}.ivd-tc{padding:8px 0;font-size:13px}
.ivd-by{margin:0}
.ivd-clr{display:flex;gap:8px;flex-wrap:wrap}.ivd-clr .inp{flex:1 1 220px;min-width:0}
.ivd-foot{margin:0;text-align:center}
/* หน้าต่าง: ชื่อลิงก์ · แคมเปญ · QR */
.ivd-af{margin-top:4px}.ivd-af .hdl-in>span:first-child{font-size:15px;padding-right:0}.ivd-af .hdl-in input{padding-left:1px}
.ivd-cf{display:flex;flex-direction:column;gap:16px}
.ivd-chf{border:0;margin:0;padding:0;min-width:0}
.ivd-chg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,128px),1fr));gap:8px}
.ivd-chp{position:relative;display:block;cursor:pointer}
.ivd-chp input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.ivd-chp span{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--ctl);border-radius:12px;background:var(--surface);font-size:14.5px;color:var(--text2)}
.ivd-chp input:checked+span{border-color:var(--brand);background:var(--navon);color:var(--text);font-weight:600;box-shadow:0 0 0 1px var(--brand) inset}
.ivd-chp input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.ivd-cfx{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.ivd-cfx .btn{width:auto;align-self:flex-start}.ivd-cfx .linkbtn{align-self:flex-start;min-height:44px}
.ivd-qr{width:min(260px,70vw);aspect-ratio:1;margin:0 auto;padding:10px;border:1px solid var(--border);border-radius:14px;background:#FFFFFF;display:flex;align-items:center;justify-content:center}
.ivd-qr svg{width:100%;height:100%;display:block}
.sx-ivdash .sx-btn{align-self:flex-start}
/* หลังบ้าน */
.ivx{display:flex;flex-direction:column;gap:14px;min-width:0}
.ivx .ivd-fun{max-width:720px}
.ivx>.crm-q{flex:none;max-width:560px}
.ivx-dt summary{min-height:44px;display:inline-flex;align-items:center;color:var(--link);cursor:pointer;font-size:14.5px}
.ivx-ic{gap:10px}
.ivx-h4{margin:6px 0 0;font-size:15px;font-weight:600}
.ivx-cps,.ivx-nodes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ivx-cps li{padding:8px 0;border-top:1px solid var(--line)}.ivx-cps li:first-child{border-top:0}
.ivx-nodes li{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;padding:8px 0;border-top:1px solid var(--line)}.ivx-nodes li:first-child{border-top:0}
.ivx-kids{flex-basis:100%;margin-left:16px;padding-left:12px;border-left:2px solid var(--line)}
@media (max-width:639px){
  .ivd .mcard{padding:18px 16px}
  .ivd .mh{font-size:18px}
  .ivd-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ivd-k{padding:12px 10px 12px 14px;border-radius:14px}.ivd-kv{font-size:21px}
  .ivd-link .inp{flex-basis:100%}
  .ivd-la{width:100%}.ivd-la .btn{flex:1 1 0;padding:0 10px}
  .ivd-bar .segs{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  .ivd-cd{gap:8px}
  .ivd-lv{width:100%}.ivd-lv li{flex:1;min-width:0}
  .ivd-tree .ivd-tree{margin-left:6px;padding-left:10px}
  .ivd-ff select.inp{flex:1 1 140px}
  .rfs .rfs-d{padding:28px 20px 0}.rfs .hdl-act{margin:0 -20px;padding:14px 20px calc(18px + env(safe-area-inset-bottom))}
}
@media (max-width:767px){.rfs .rfs-d{max-height:100%}}
@media (prefers-reduced-motion:reduce){.ivd-wait{transition:none}.au-rc summary::after{transition:none}}
@media (forced-colors:active){.ivd-col{fill:CanvasText !important}.ivd-trk i,.ivd-fb i{background:CanvasText}}
/* ===== /รอบ 108 ===== */
/* ===== รอบ 109: รีวิวคอร์ส (gas/CourseReviews.html) — สรุป 3 ช่อง · หัวข้อ + ตัวกรอง · การ์ดรีวิวแบบสไลด์ · ฟอร์ม · หน้าต่างรางวัล · กล่องราคาแคมเปญรีวิว · หลังบ้าน =====
 * สีจากตัวแปรของเว็บเท่านั้น (โหมดมืดตามตัวแปร) · แท่งสัดส่วนดาว: แท่งบาง 8px ปลายมน 4px ฐานเหลี่ยม สี --brand บนราง --line (ผ่านตัวตรวจสี dataviz ทั้ง 2 ธีม ≥ 3:1) · ป้าย % เป็นสีตัวอักษร ไม่ใช้สีแท่ง */
.crv{--crv-per:1;--crv-gap:16px;display:flex;flex-direction:column;gap:28px;scroll-margin-top:96px}
.crv .sr,.crrate .sr,#crbox .sr{position:absolute;left:auto;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}      /* ซ่อนแบบตัด (ไม่ย้ายออกนอกจอ) — อยู่ในกรอบของหน้า ไม่ทำให้ตรวจล้นจอ */
@media (min-width:640px){.crv{--crv-per:2;--crv-gap:20px}}
@media (min-width:1024px){.crv{--crv-per:3;--crv-gap:24px}}
.crv [data-crvcamp]{display:flex;flex-direction:column;gap:10px}.crv [data-crvcamp]:empty,.crv [data-crvmine]:empty{display:none}
.crv-sk{display:grid;grid-template-columns:repeat(var(--crv-per),minmax(0,1fr));gap:var(--crv-gap)}.crv-sk .skel{height:220px;border-radius:18px}
.crv-sti{color:var(--star);flex:none;display:block}
/* สรุป: สัดส่วนดาว | รีวิวทั้งหมด | คะแนนเฉลี่ย (เส้นแบ่งแนวตั้งบาง) */
.crv-sum{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);align-items:center}
.crv-c{min-width:0;padding:6px clamp(16px,3vw,44px)}.crv-c+.crv-c{border-left:1px solid var(--line)}.crv-cd{padding-left:0}
.crv-ct,.crv-ca{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;min-height:150px}
.crv-ch{margin:0;font-size:clamp(20px,2vw,28px);line-height:1.3;font-weight:600;color:var(--text)}
.crv-cv{margin:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;font-size:clamp(18px,1.6vw,22px);color:var(--text3)}
.crv-cv b{font-size:clamp(26px,2.4vw,32px);font-weight:600;line-height:1.1;color:var(--text2)}
.crv-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.crv-br{position:relative;display:grid;grid-template-columns:2.6em minmax(0,1fr) 3em;align-items:center;gap:14px;width:100%;min-height:40px;padding:0 8px;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.crv-br:hover{background:var(--hover)}.crv-br.on{background:var(--navon)}.crv-br:hover .crv-bt>i,.crv-br:focus-visible .crv-bt>i{filter:brightness(1.12)}
.crv-bk{display:inline-flex;align-items:center;gap:5px;font-size:16px;font-weight:500;line-height:1}
.crv-bt{display:block;height:8px;border-radius:4px;background:var(--line);overflow:hidden}.crv-bt>i{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--brand)}
.crv-bp{font-size:13.5px;color:var(--text2);text-align:right}
.crv-br[data-tip]:hover::after,.crv-br[data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;right:3.4em;bottom:calc(100% - 4px);z-index:3;padding:3px 9px;border-radius:7px;background:var(--inv);color:var(--bg);font-size:12.5px;font-weight:600;line-height:1.5;white-space:nowrap;pointer-events:none}
.crv-avst{gap:3px}
/* แคมเปญ + ข้อความเปิดเผย */
.crv-camp{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:var(--navon);border:1px solid var(--navbd)}
.crv-camp.on{background:var(--okbg);border-color:var(--okbd)}
.crv-cmi{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--surface);color:var(--brand)}.crv-camp.on .crv-cmi{color:var(--pos)}
.crv-cmb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.crv-cmb b{font-size:16px;line-height:1.55;font-weight:600;color:var(--text)}
.crv-cma{display:flex;gap:8px;flex-wrap:wrap}
.crv-code{display:inline-block;padding:1px 9px;border:1px dashed var(--ctl);border-radius:7px;background:var(--surface);color:var(--text);font-family:'Geist',ui-monospace,monospace;font-weight:700;letter-spacing:.03em}
.crv-disc{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:13.5px;line-height:1.6;color:var(--text3)}.crv-disc svg{flex:none;margin-top:2px}
/* หัวข้อ + ตัวเลือก */
.crv-hd{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 20px}
.crv-h{margin:0;font-size:clamp(24px,2.4vw,32px)}
.crv-ctl{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.crv-sel{position:relative;display:inline-flex;align-items:center}
.crv-sel select{-webkit-appearance:none;appearance:none;min-height:44px;padding:0 42px 0 18px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer}
.crv-sel svg{position:absolute;right:14px;top:50%;margin-top:-8px;pointer-events:none}
.crv-s2 select{background:var(--navon);color:var(--link)}.crv-s2 svg{color:var(--link)}.crv-s2 select:hover{border-color:var(--navbd)}
.crv-s1 select{background:var(--pribg);color:var(--prifg)}.crv-s1 svg{color:var(--prifg)}.crv-s1 select:hover{filter:brightness(1.08)}
.crv-sel option{background:var(--surface);color:var(--text)}
.crv-wslot:empty{display:none}.crv-wb svg,.crv-ma .btn svg{flex:none}
/* รีวิวของฉัน */
.crv-mine{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border-radius:16px;border:1px solid var(--navbd);background:var(--navon2)}
.crv-mine.rm{border-color:var(--border);background:var(--surface2)}
.crv-mh{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.crv-mh b{font-size:16px}
.crv-mt{margin:0;white-space:pre-line;overflow-wrap:anywhere;font-size:15px;line-height:1.7;color:var(--text2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.crv-mrm{margin:0;font-size:14px;line-height:1.6;color:var(--warn)}
.crv-ma{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px}
.crv-mdel{min-height:44px;color:var(--neg)}
/* สไลด์ */
.crv-car{display:flex;flex-direction:column;gap:18px}
.crv-vp{overflow:hidden;touch-action:pan-y;margin:-6px;padding:6px}
.crv-track{position:relative;display:flex;align-items:stretch;gap:var(--crv-gap);transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}
.crv-card{flex:0 0 calc((100% - (var(--crv-per) - 1) * var(--crv-gap)) / var(--crv-per));min-width:0;display:flex;flex-direction:column;gap:14px;padding:22px 22px 16px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}
@media (max-width:639px){.crv-card{flex-basis:86%;padding:20px 18px 14px}}
.crv-own{border-color:var(--navbd)}
.crv-who{display:flex;align-items:center;gap:12px;min-width:0}
.crv-av{flex:none;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--navon);color:var(--link);font-size:12.5px;font-weight:700;line-height:1}
.crv-av img{display:block;width:100%;height:100%;object-fit:cover}
.crv-nmw{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.crv-nm{font-size:16.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crv-hdl{font-size:13px;font-weight:400;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crv-buy{flex:none;display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;background:var(--okbg);color:var(--oktx);font-size:12.5px;font-weight:600;line-height:1.6;white-space:nowrap}
.crv-cst{gap:4px}
.crv-tx{margin:0;white-space:pre-line;overflow-wrap:anywhere;font-size:15.5px;line-height:1.7;color:var(--text3);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.crv-more{align-self:flex-start;margin-top:-8px;min-height:40px}
.crv-ft{margin-top:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;padding-top:12px;border-top:1px solid var(--border)}
.crv-when{font-size:14.5px;color:var(--text2)}
.crv-acts{display:flex;align-items:center;gap:2px;margin-right:-8px}
.crv-act{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 9px;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-size:15px;cursor:pointer}
.crv-act svg{flex:none}.crv-act:hover:not([disabled]){background:var(--hover)}.crv-act[disabled]{cursor:default;color:var(--text3)}
.crv-like[aria-pressed=true]{color:var(--link)}.crv-like[aria-pressed=true] svg path{fill:currentColor;fill-opacity:.16}
.crv-act0{cursor:default;color:var(--text3)}
.crv-reps{display:flex;flex-direction:column;gap:10px}
.crv-rp{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface2)}
.crv-rph{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;font-size:13px}
.crv-team{display:inline-flex;align-items:center;gap:4px;padding:1px 9px;border-radius:999px;background:var(--navon);color:var(--link);font-size:12.5px;font-weight:600;line-height:1.7}
.crv-rp p{margin:6px 0 0;white-space:pre-line;overflow-wrap:anywhere;font-size:14.5px;line-height:1.65;color:var(--text2)}
.crv-nav{display:flex;align-items:center;justify-content:center;gap:10px}
.crv-arw,.crv-ps{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}
.crv-arw:hover,.crv-ps:hover{background:var(--hover)}.crv-ps{border:1px solid var(--ctl);margin-left:6px}
.crv-pg{min-width:4.5em;text-align:center;font-size:14.5px;color:var(--text3)}.crv-pg b{font-size:18px;font-weight:600;color:var(--link)}
.crv-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;border:1px dashed var(--ctl);border-radius:20px;text-align:center;color:var(--text3)}.crv-empty p{margin:0;color:var(--text)}
@media (max-width:767px){
  .crv-sum{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.crv-cd{grid-column:1/-1;padding:0 0 18px;border-bottom:1px solid var(--line)}
  .crv-c.crv-ct{border-left:0;padding-top:18px}.crv-ca{padding-top:18px}.crv-ct,.crv-ca{min-height:0;gap:10px}
  .crv-ctl{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.crv-sel select{width:100%}.crv-wslot{grid-column:1/-1}.crv-wslot .btn{width:100%}
  .crv-camp{flex-wrap:wrap}.crv-cma{width:100%}.crv-cma .btn{flex:1 1 auto}}
@media (max-width:379px){.crv-c{padding-left:8px;padding-right:8px}.crv-cv{gap:4px 8px}.crv-avst .bh-st{--s:18px !important}}
/* ฟอร์มเขียนรีวิว (หน้าต่าง · มือถือเป็นแผ่นล่างตาม .modal) */
.mdlg.crv-dlg{max-width:600px}
.crv-form{display:flex;flex-direction:column;gap:16px}
.crv-fh{margin:0;padding-right:44px;font-size:21px;line-height:1.4}
.crv-fct{margin:-10px 0 0}
.crv-fnote{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--navon);border:1px solid var(--navbd);color:var(--text);font-size:14.5px;line-height:1.6}.crv-fnote svg{flex:none;margin-top:2px;color:var(--brand)}.crv-fnote p{margin:0}
.crv-fs{display:flex;flex-direction:column;gap:4px}
.crv-pick{display:flex;gap:2px;margin-left:-6px}
.crv-pk{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer}
.crv-pk svg path{fill:transparent;stroke:var(--mute);stroke-width:1.5}.crv-pk.on svg path,.crv-pk.hv svg path{fill:var(--star);stroke:var(--star)}
.crv-pk:hover{background:var(--hover)}.crv-pk:focus-visible{outline:3px solid var(--link);outline-offset:-2px}
.crv-pkt{min-height:1.6em}
.crv-ta{min-height:150px;resize:vertical;line-height:1.65}
.crv-cnt{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-top:6px}.crv-cnt .bad{color:var(--neg)}
.crv-fpv{margin:0}.crv-form .crv-mdel{align-self:flex-start}
.crv-full{margin:0;white-space:pre-line;overflow-wrap:anywhere;font-size:16px;line-height:1.75;color:var(--text)}
/* หน้าต่างรางวัล (ภาษาเดียวกับป๊อปอัปโปรโมชันรอบ 103–105: แถบเด่นสีฟ้าอ่อน · ไอคอนวงกลม · ราคาใหญ่ · โค้ดเส้นประ + ปุ่มคัดลอกแคปซูล) */
.mdlg.crv-rwd{max-width:460px;padding:0;gap:0;overflow-x:hidden}
.crv-rw{display:flex;flex-direction:column}
.crv-rwh{display:flex;flex-direction:column;align-items:center;padding:30px 24px 22px;background:var(--navon);text-align:center}
.crv-rwi{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--surface);color:var(--brand)}
.crv-rwe{margin:12px 0 0;padding:1px 11px;border:1px solid var(--navbd);border-radius:999px;background:var(--surface);color:var(--text2);font-size:13px;font-weight:500;line-height:1.6}
.crv-rwt{margin:10px 0 0;font-size:22px;line-height:1.35;font-weight:700;color:var(--text)}
.crv-rwv{margin:10px 0 0;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:4px 10px}.crv-rwv b{font-size:42px;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--link)}.crv-rwv s{font-size:17px;color:var(--text3)}
.crv-rws{margin:6px 0 0;font-size:14.5px;font-weight:600;color:var(--text2)}
.crv-rwb{display:flex;flex-direction:column;gap:10px;padding:20px 24px 16px}
.crv-rwl{margin:0;font-size:14px;font-weight:600;color:var(--text2)}
.crv-rwc{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.crv-rwk{padding:6px 16px;border:2px dashed var(--navbd);border-radius:12px;background:var(--surface);color:var(--text);font-family:'Geist',ui-monospace,monospace;font-size:26px;font-weight:700;line-height:1.3;letter-spacing:.06em;font-variant-ligatures:none}
.crv-cp{display:inline-grid;align-items:center;min-height:44px;margin-left:auto;padding:0 16px;border:1px solid var(--ctl);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:14.5px;font-weight:600;line-height:1.2;cursor:pointer}
.crv-cp:hover{background:var(--hover)}.crv-cpa,.crv-cpb{grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;gap:6px}.crv-cpb{visibility:hidden;color:var(--pos)}.crv-cp.ok .crv-cpa{visibility:hidden}.crv-cp.ok .crv-cpb{visibility:visible}
.crv-rwn{margin:0;font-size:14.5px;color:var(--text2)}
.crv-rwa{padding:4px 24px 24px}.crv-rwa .btn{flex:1 1 160px}
@media (max-width:379px){.crv-rwh{padding:26px 16px 18px}.crv-rwb{padding:18px 16px 14px}.crv-rwa{padding:4px 16px 20px}.crv-rwk{font-size:22px}.crv-cp{margin-left:0}}
/* กล่องราคาของแคมเปญรีวิว (Courses.html rvBox) + คะแนนบนการ์ดคอร์ส */
.crrv{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:var(--navon2);border:1px solid var(--navbd)}
.crrv>svg{margin-top:2px}.crrv>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.crrv b{font-size:15.5px;line-height:1.5}.crrv .lbl{font-size:13.5px;line-height:1.55}
.crrv.on{background:var(--okbg);border-color:var(--okbd)}
.crnw{white-space:nowrap}      /* วันที่ไม่ตัดบรรทัด (ห้ามใช้ .nw — ชนกับหน้าข่าว .nw{display:flex}) */
.crrvc{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-top:6px}.crrvc .crv-code{font-size:18px;padding:3px 12px}.crrvc .btn{width:auto}
.crrate{display:inline-flex;align-items:center;gap:5px;font-size:14px;color:var(--text2)}.crrate b{color:var(--text);font-weight:600}
.coerrl{font-weight:600;white-space:nowrap}
/* หลังบ้าน: แคมเปญรีวิว + ดูแลรีวิว */
.crva-kinds{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:8px}
.crva-r3{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.crva-dt{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8px}.crva-dt .inp{padding-left:10px;padding-right:8px}      /* เบราว์เซอร์แบบ 12 ชม. ต้องเห็น AM/PM ครบ */
.crva-t th{white-space:normal;vertical-align:bottom;line-height:1.4}.crva-t td{vertical-align:top}.crva-t th,.crva-t td{padding-left:10px;padding-right:10px}.crva-t th.crva-nw{white-space:nowrap}      /* หัวตารางตัดบรรทัดได้ → แคมเปญ + สถิติ + รายได้ พอดีจอ 1440 ไม่ต้องเลื่อนข้าง */
.crva-pv{margin:0;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface2);font-size:16px;line-height:1.6}
.crva-bad{color:var(--neg);font-size:14px;font-weight:600}
.crva-t td{vertical-align:middle}
.crva{display:flex;flex-direction:column;gap:16px}
.crva-fl{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:12px;align-items:end}.crva-fq{grid-column:span 2}
@media (max-width:639px){.crva-fq{grid-column:auto}}
.crva-fb .btn{width:100%}
.crva-list{display:flex;flex-direction:column;gap:12px}
.crva-r{padding:16px 18px;display:flex;flex-direction:column;gap:8px}.crva-r.rm{background:var(--surface2)}
.crva-rh{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.crva-who,.crva-meta{margin:0}.crva-body{margin:0;white-space:pre-line;overflow-wrap:anywhere;font-size:15px;line-height:1.7;color:var(--text)}
.crva-reps{display:flex;flex-direction:column;gap:8px}.crva-ra{display:flex;gap:18px;margin-top:2px}
.crva-del{color:var(--neg)}.btn.crva-del{color:var(--neg)}
@media (prefers-reduced-motion:reduce){.crv-track{transition:none}}
@media (forced-colors:active){.crv-bt>i{background:CanvasText}.crv-bt{border:1px solid CanvasText}}
/* ===== /รอบ 109 ===== */
/* ===== รอบ 110: ชวนเพื่อน — กติกาการนับ (เพื่อนต้องผูก Google + LINE) · วันเริ่มของสิทธิ์ที่ยังไม่เริ่ม · เหตุผลและขั้นถัดไปของเพื่อนแต่ละคน (Invite.html) ===== */
.ivd-hb .ivd-rule{color:var(--text2)}
.ivd-sched{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 14px;border-radius:12px;background:var(--navon2);border:1px solid var(--navbd);color:var(--text);font-size:14px;line-height:1.55}
.ivd-sched>svg{flex:none;margin-top:3px;color:var(--brand)}
.ivd-frw{grid-column:2/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;padding:8px 12px;border-radius:10px;background:var(--surface2);font-size:13px;line-height:1.5;color:var(--text2)}
.ivd-frwt{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 200px;overflow-wrap:anywhere}
.ivd-frw b{font-weight:600;color:var(--text)}
.ivd-frw.need{background:var(--tagbg)}.ivd-frw.need b{color:var(--tagtx)}
.ivd-frw.bad{background:var(--negbg)}.ivd-frw.bad b{color:var(--negtx)}
.ivd-frw .btn{flex:none;min-height:40px}
@container (max-width:600px){.ivd-fr{grid-template-areas:"a n s" "a l l" "a w w"}.ivd-frw{grid-area:w}.ivd-frw .btn{width:100%}}
/* การ์ดสิทธิ์จากการชวน (.ivd-unl) · เพื่อนที่ยังไม่นับ (.ivd-wt) · บรรทัดสิทธิ์ถัดไปในบัญชีของฉัน (.ac-next) */
.ivd-unl,.ivd-wt{display:flex;flex-direction:column;gap:14px}
.ivd-kpis.ivd-ukp{grid-template-columns:repeat(3,minmax(0,1fr))}
@container (max-width:520px){.ivd-kpis.ivd-ukp{grid-template-columns:minmax(0,1fr)}}
.ivd-gl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ivd-gl li{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}.ivd-gl li:first-child{border-top:0}
.ivd-gl li .chip{margin-left:auto}
.ivd-wc{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ivd-wc li{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface2);font-size:13.5px;color:var(--text2)}.ivd-wc b{color:var(--text)}
.ivd-wt .ivd-sh .btn{flex:none}
.ivd-wr{grid-template-columns:auto minmax(0,1fr)}
@container (max-width:600px){.ivd-wr{grid-template-areas:"a n" "a w"}.ivd-wt .ivd-sh .btn{width:100%}}
.ac-next{margin:0 0 16px}
/* หลังบ้าน: สิทธิ์จากการชวนของผู้ชวน (.ivx-unl) · การชวนที่ติดค้าง (#ivx-stk) */
.ivx-unl{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:4px}.ivx-unl .ivd-gl{align-self:stretch}
#ivx-stk{display:flex;flex-direction:column;gap:12px;min-width:0}#ivx-stk .segs{align-self:flex-start;max-width:100%;overflow-x:auto}
.ivx-nodes .ivd-frl{flex-wrap:wrap}
/* ===== /รอบ 110 ===== */
/* ===== รอบ 111 (เจ้าของสั่ง 06/11/2026): ส่วนเฉพาะทีม KuyTrade (โครงเบลอ "เร็ว ๆ นี้") · หน้า Kuytrade Live (รวม AI Insights) =====
 *   .tz = กรอบส่วนเฉพาะทีม (CmeData.html K.teamZone) · ใช้ตัวแปรสี --sx-* (สว่าง/มืดชุดเดียวกับแผงข้อมูลเดิม) · ไม่มีแอนิเมชัน · ความสูงคงที่ (ไม่กระโดด)
 *   .kl-* = หน้า Kuytrade Live (Community.html S.reg.live + SocialPlus.html SX.liveIns) · กริดตามความกว้างของคอลัมน์เนื้อหา (container query) */
.tz{display:flex;flex-direction:column;gap:16px}
.tz-ph{position:relative;padding:clamp(18px,2.4vw,28px);background:var(--sx-surface);border:1px solid var(--sx-line2);border-radius:20px;color:var(--sx-text);overflow:hidden}
.tz-hd{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 16px}
.tz-k{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sx-blue-tx)}
.tz-h{margin:4px 0 0;font-size:clamp(19px,.9vw + 14px,24px);line-height:1.3;font-weight:700;color:var(--sx-text);overflow-wrap:anywhere}
.tz-soon{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 14px;border-radius:999px;border:1px solid var(--sx-blue);background:var(--sx-blue-soft);color:var(--sx-blue-tx);font-size:13.5px;font-weight:700;white-space:nowrap}
.tz-d{margin:8px 0 16px;max-width:760px;font-size:14.5px;line-height:1.65;color:var(--sx-text2)}
.tz-fake{position:relative;display:flex;flex-direction:column;gap:12px;user-select:none;pointer-events:none}
.tz-fake>:not(.tz-veil){filter:blur(6px);opacity:.7}
.tzf-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.tzf-tile{display:flex;flex-direction:column;gap:9px;padding:14px;border-radius:14px;background:var(--sx-raise);border:1px solid var(--sx-line)}
.tzf-tile i{display:block;width:62%;height:9px;border-radius:5px;background:var(--sx-line2)}.tzf-tile i:last-child{width:40%}
.tzf-tile b{display:block;width:82%;height:22px;border-radius:6px;background:var(--sx-blue-soft);box-shadow:inset 0 0 0 1px var(--sx-line2)}
.tzf-card{display:block;padding:14px;border-radius:14px;background:var(--sx-raise);border:1px solid var(--sx-line);min-width:0}
.tzf-bars{display:flex;align-items:flex-end;gap:5px;height:150px}.tzf-bars i{flex:1;height:var(--h);border-radius:4px 4px 0 0;background:var(--sx-green);opacity:.45}.tzf-bars i.b{background:var(--sx-blue);opacity:.5}
.tzf-lines{display:flex;flex-direction:column;gap:10px}.tzf-lines i{display:block;height:10px;border-radius:5px;background:var(--sx-line2)}
.tzf-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tzf-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tzf-card svg{display:block;width:100%;height:150px}.tzf-card path{fill:none;stroke:var(--sx-blue);stroke-width:3;opacity:.55}
.tz-veil{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12px}
.tz-veil>span{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--sx-surface);border:1px solid var(--sx-line2);box-shadow:var(--sx-shadow2);font-size:15px;font-weight:700;color:var(--sx-text);text-align:center}
.tz-team{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:0;padding:5px 12px;border-radius:999px;background:var(--sx-green-soft);color:var(--sx-green-tx);font-size:13px;font-weight:600}
.tz-lic{margin:10px 2px 0;font-size:12px;line-height:1.5;color:var(--sx-mute)}
.tz.on .cmd{margin-top:0}.tz.on>.cmp-sh{margin-bottom:0}.cmd-met .tz-lic{margin-top:14px}
.cmp-team{padding-bottom:80px}
@media (max-width:760px){.tzf-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tzf-tile:nth-child(n+5){display:none}.tzf-2,.tzf-3{grid-template-columns:minmax(0,1fr)}.tzf-3>:nth-child(n+2),.tzf-2>:nth-child(n+2){display:none}.tz-soon{min-height:30px;font-size:13px}}
/* หน้า Kuytrade Live */
.sx{--kl-tb:74px}@media (max-width:1023px){.sx{--kl-tb:56px}}@media (max-width:767px){.sx{--kl-tb:0px}}      /* ความสูงแถบค้นหาที่ติดด้านบน (.sx-top) → แถบส่วนในหน้าติดใต้แถบนั้น */
.kl-nav{position:sticky;top:calc(var(--sx-hd) + var(--kl-tb));z-index:7;margin:2px 0 14px;padding:8px 0;background:var(--sx-bg)}
.kl-navi{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}.kl-navi::-webkit-scrollbar{display:none}
.kl-navi a{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--sx-line);background:var(--sx-surface);color:var(--sx-text2)!important;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}
.kl-navi a:hover{border-color:var(--sx-line2);color:var(--sx-text)!important}
.kl-navi a svg{color:var(--sx-blue)}
.kl-sec{margin-top:32px;container-type:inline-size}
main .kl-sec[id],#lb-social,#cc-social,#px-watch{scroll-margin-top:calc(var(--sx-hd) + var(--kl-tb) + 68px)}      /* ชนะ main [id] (140px) ที่ใช้ทั้งเว็บ */
.kl-sh{margin-bottom:14px}
.kl-h2{margin:0;font-size:clamp(20px,.8vw + 15px,25px);line-height:1.3;font-weight:700;color:var(--sx-text)}
.kl-h2:focus{outline:none}.kl-h2:focus-visible{outline:3px solid var(--sx-blue);outline-offset:4px;border-radius:6px}
.kl-sub{margin:6px 0 0;max-width:820px;font-size:15px;line-height:1.6;color:var(--sx-text2)}
.kl-sec .sx-legend{margin:0 0 14px}
.kl-mk,.kl-nw,.kl-w2{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
.kl-mk>*,.kl-nw>*,.kl-w2>*{grid-column:auto;grid-row:auto;margin:0;min-width:0}
@container (min-width:640px){.kl-mk{grid-template-columns:repeat(2,minmax(0,1fr))}.kl-mk>.kl-cal{grid-column:1/-1}}
@container (min-width:1020px){.kl-mk{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto 1fr}.kl-mk>.kl-q{grid-column:1;grid-row:1}.kl-mk>.kl-lv{grid-column:1;grid-row:2}.kl-mk>.kl-cal{grid-column:2;grid-row:1/span 2}
  .kl-nw{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.kl-w2{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.kl-mk>.kl-q:only-child{grid-column:1/-1}
.kl-res{margin-top:14px}.kl-res>.cmr{margin:0}
.kl-tabs{display:flex;gap:4px;width:max-content;max-width:100%;overflow-x:auto;margin:0 0 14px;padding:4px;border-radius:14px;background:var(--sx-sunk);border:1px solid var(--sx-line);scrollbar-width:none}
.kl-tab{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--sx-text2);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.kl-tab:hover{color:var(--sx-text)}
.kl-tab[aria-selected=true]{background:var(--sx-surface);color:var(--sx-blue-tx);box-shadow:var(--sx-shadow)}
.kl-pane:focus{outline:none}.kl-pane:focus-visible{outline:3px solid var(--sx-blue);outline-offset:4px;border-radius:12px}
.kl-dl{margin:0 0 12px}
.kl-top .sx-insih{margin-bottom:2px}
.kl-team{margin-top:40px}.kl-team .tz-ph,.kl-team .cmd{margin:0}
@media (max-width:639px){.kl-sec{margin-top:24px}.kl-nav{margin:0 calc(-1 * var(--m-g, 16px)) 10px;padding:8px var(--m-g, 16px)}.kl-tabs{width:100%}.kl-tab{flex:1;justify-content:center;padding:0 10px}}
/* รอบ 115: หน้าหาคู่ไม่มีป้ายแพ็กเกจหรือสิทธิ์ใด ๆ (ป้ายแพ็กเกจบนการ์ดโปรไฟล์มุมซ้ายบน · วงทองของ Ultimate · ป้าย "ฟรี … เดือน" ของชวนเพื่อน) — หน้าอื่นแสดงตามเดิม */
.sx[data-view=dating] .sx-meplan,.sx[data-view=dating] .sx-nbg{display:none}
.sx[data-view=dating] .sx-meav.gold{background:var(--sx-blue-soft)}
/* รอบ 115 v3: ข้อมูลหาคู่ของฉัน (ถอนความยินยอม · ออกจากหาคู่) — แสดงได้แม้หาคู่ปิดอยู่ จึงอยู่ในสไตล์หลัก */
.dt-prvp{max-width:760px}.dt-prv{display:flex;flex-direction:column;gap:10px;margin-top:16px}.dt-prv .h3{margin:0}.dt-prv p{margin:0}.dt-prv .dt-prvd{color:var(--sx-neg-tx);border-color:var(--sx-neg-tx)}
/* รอบ 115 v3.1: คู่แมตช์หาคู่ส่งเหรียญ/แต้ม/เงินให้กันไม่ได้ — กรอบเตือน + ปุ่มโทร 1441 (ใช้ในหน้าต่างของขวัญ · แชท · Marketplace) */
.warnbox.kt-nm{display:flex;flex-direction:column;gap:10px;margin:0;padding:14px 16px}.kt-nm p{margin:0}.kt-nmc{display:flex;flex-wrap:wrap;gap:8px}
.kt-nmc a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid currentColor;border-radius:999px;color:inherit;font-weight:600;text-decoration:none}.kt-nmc a:hover{text-decoration:underline}.kt-nmc a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
/* สร้างอัตโนมัติด้วย tools/build_dark.js จาก Css.html + สีในโค้ดหน้าเว็บ + tools/dark_manual.css — อย่าแก้ไฟล์นี้โดยตรง */
html[data-theme="dark"],html[data-theme="dark"] .sx{color-scheme:dark;
  --bg:#000000;--surface:#0A0A0A;--surface2:#050505;--hover:#151515;--track:#1C1C1C;--line:#171717;--border:#232323;--ctl:#353535;
  --text:#FFFFFF;--text2:#D6D6D6;--text3:#A6A6A6;--mute:#8C8C8C;
  --link:#5B95FF;--linkh:#86B1FF;--brand:#3D7BFF;--navon:rgba(11,92,255,.16);--navon2:rgba(11,92,255,.08);--navbd:rgba(61,123,255,.5);--inv:#FFFFFF;
  --pos:#4ADE80;--posfill:#22C55E;--okbg:rgba(34,197,94,.13);--okbd:rgba(34,197,94,.34);--oktx:#86EFAC;--neg:#F87171;--negbg:rgba(248,113,113,.12);--negbd:rgba(248,113,113,.34);--negtx:#FCA5A5;--negsoft:rgba(248,113,113,.14);
  --tagbg:rgba(251,191,36,.12);--tagbd:rgba(251,191,36,.32);--tagtx:#FCD34D;--warn:#FBBF24;
  --grad:linear-gradient(135deg,#0B5CFF 0%,#0047E0 100%);--btnsh:none;--cardsh:0 0 0 1px rgba(255,255,255,.02),0 16px 40px rgba(0,0,0,.6);--floatsh:0 14px 32px rgba(0,0,0,.7);
  --heroglow:radial-gradient(55% 60% at 80% 0%,rgba(11,92,255,.16),transparent 70%),radial-gradient(35% 45% at 5% 0%,rgba(11,92,255,.07),transparent 70%);
  --ctabg:linear-gradient(135deg,#0B5CFF 0%,#0038C2 100%);--pribg:#0B5CFF;--prifg:#FFFFFF;
  --ins-navy:#0A0A0A;--ins-navy2:#050505;--ins-gtx:#86EFAC;
  --cme-call:#F87171;--cme-put:#5B95FF;--cme-pivot:#F5C542;--cme-sd:#A6A6A6;--cme-sdfill:rgba(255,255,255,.35);--cme-band:255,255,255;--cme-bandk:.5}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
/* ---- จาก Css.html ---- */
html[data-theme="dark"] .navlinks .ddi:hover .ddic{background:var(--surface)}
html[data-theme="dark"] .chart .wm{color:rgba(216,229,251,0.28)}
html[data-theme="dark"] .callvb.hi{background:#26170E;color:#FFA381}
html[data-theme="dark"] .callvb.md{background:#231903;color:#EABE7A}
html[data-theme="dark"] .cksw::after{background:var(--surface)}
html[data-theme="dark"] .lbtn .ls{background:rgba(38,38,38,0.08)}
html[data-theme="dark"] .lbtn[disabled]{background:var(--surface);color:rgba(224,224,224,0.2);box-shadow:inset 0 0 0 1px rgba(13,13,13,0.6)}
html[data-theme="dark"] .lbtn[disabled] svg path{fill:rgba(38,38,38,0.2)}
html[data-theme="dark"] .lbtn[disabled] svg text{fill:var(--surface)}
html[data-theme="dark"] .lbtn[disabled] .ls{background:rgba(13,13,13,0.6)}
html[data-theme="dark"] .bwarn{background:var(--surface)}
html[data-theme="dark"] .okc{background:var(--surface)}
html[data-theme="dark"] .crwinbar i{background:var(--hover)}
html[data-theme="dark"] .crwinbody{background:linear-gradient(135deg,#131A24 0%,var(--surface2) 60%,var(--surface) 100%)}
html[data-theme="dark"] .crpbox{background:var(--surface2)}
html[data-theme="dark"] .crwin .crwinart{background:var(--surface)}
html[data-theme="dark"] .crfloat{background:var(--surface)}
html[data-theme="dark"] .crfloat b{color:#E4E4E4}
html[data-theme="dark"] .crfloat span span{color:#C8C8C8}
html[data-theme="dark"] .cbs{background:#262626;border:1px solid rgba(43,43,43,0.06)}
html[data-theme="dark"] .cbcovf{background:#262626}
html[data-theme="dark"] .cbcovf small{color:#FF6D7F}
html[data-theme="dark"] .cbbook .cbcov{background:#262626}
html[data-theme="dark"] .ixtfi{background:var(--surface)}
html[data-theme="dark"] .ixtfc span{background:var(--surface)}
html[data-theme="dark"] .ixfig{background:var(--surface)}
html[data-theme="dark"] .cmc-live{color:var(--sx-text2,#C3D0E5)}
html[data-theme="dark"] .sx{--sx-bg:#070B14;--sx-surface:#0E1524;--sx-raise:#131C2E;--sx-sunk:#0A101C;--sx-line:#1F2A3D;--sx-line2:#2E3C55;--sx-text:#E8EDF5;--sx-text2:#BAC5D6;--sx-mute:#8D9AB0;--sx-blue:#4C8DFF;--sx-pri:#2563EB;--sx-pri2:#1D4ED8;--sx-blue-soft:rgba(76,141,255,.15);--sx-blue-tx:#9CC0FF;--sx-green:#34D399;--sx-green-soft:rgba(52,211,153,.14);--sx-green-tx:#7EE8C0;--sx-neg:#F87171;--sx-neg-soft:rgba(248,113,113,.14);--sx-neg-tx:#FCA5A5;--sx-amber:#FBBF24;--sx-amber-soft:rgba(251,191,36,.14);--sx-amber-tx:#FCD34D;--sx-shadow:0 1px 2px rgba(0,0,0,.45);--sx-shadow2:0 18px 44px rgba(0,0,0,.55);color-scheme:dark}
html[data-theme="dark"] .sx .cz-bd{background:rgba(0,0,0,.7)}
html[data-theme="dark"] .sx .cz-pill{background:var(--sx-raise);box-shadow:inset 0 0 0 1px var(--sx-line2)}
html[data-theme="dark"] .sx .cz-pill.on{background:var(--sx-blue-soft);box-shadow:inset 0 0 0 1px var(--sx-blue)}
html[data-theme="dark"] .cc-m.cc-master{background:linear-gradient(90deg,rgba(50,38,1,0.14),transparent 75%)}
html[data-theme="dark"] .chip.ac-master{background:linear-gradient(135deg,#2D2200,#C9971C);color:#ECD7AC}
html[data-theme="dark"] .cc-tg.owner{background:linear-gradient(135deg,#2D2200,#C9971C);color:#ECD7AC}
html[data-theme="dark"] .ains-vid{background:#262626}
html[data-theme="dark"] .sxh-intro{background:var(--surface)}
html[data-theme="dark"] .sxh-join{background:var(--surface2)}
html[data-theme="dark"] .hv-hero.hx{background:var(--surface)}
html[data-theme="dark"] .an{background:var(--surface)}
html[data-theme="dark"] .an-card{background:var(--surface)}
html[data-theme="dark"] .an-sim{background:var(--surface2)}
html[data-theme="dark"] .an-sim b{color:#FFB888;background:#221805;border:1px solid #4C3302}
html[data-theme="dark"] .an-demo[data-step="0"] .an-r[data-r="0"],html[data-theme="dark"] .an-demo[data-step="1"] .an-r[data-r="1"],html[data-theme="dark"] .an-demo[data-step="2"] .an-r[data-r="2"],html[data-theme="dark"] .an-demo[data-step="3"] .an-r[data-r="3"],html[data-theme="dark"] .an-demo[data-step="4"] .an-r[data-r="4"]{background:var(--surface2)}
html[data-theme="dark"] .an-sc div{background:var(--surface2)}
html[data-theme="dark"] .an-ev .wait svg{color:#FF9E63}
html[data-theme="dark"] .an-foot{background:var(--surface)}
html[data-theme="dark"] .an-tags li{background:var(--surface)}
html[data-theme="dark"] .kc-launch:focus-visible,html[data-theme="dark"] .kc-hb:focus-visible,html[data-theme="dark"] .kc-send:focus-visible,html[data-theme="dark"] .kc-chip:focus-visible{outline:3px solid #22436C}
html[data-theme="dark"] .kc-h-facebook .kc-hi{color:#5BB3FF}
html[data-theme="dark"] .ct-lead{background:var(--surface)}
html[data-theme="dark"] .kca-list{background:var(--surface)}
html[data-theme="dark"] .kca-row{background:var(--surface)}
html[data-theme="dark"] .kca-conv{background:var(--surface)}
html[data-theme="dark"] .kca-note .kc-b{background:#1F1704!important}
html[data-theme="dark"] .ph-cc{background:var(--surface)}
html[data-theme="dark"] .cc-tg.elite{background:#20172E;color:#D1ABFF}
html[data-theme="dark"] .cc-tg.ultimate{background:linear-gradient(135deg,#221900,#2F2300);color:#F0C895}
html[data-theme="dark"] .sx .cc-tg.elite{background:rgba(167,139,250,.16);color:#C4B5FD}
html[data-theme="dark"] .ptsfly,html[data-theme="dark"] .sx .ptsfly,html[data-theme="dark"] .sx~.ptsfly{color:#E6F1FF;text-shadow:0 0 16px rgba(21,112,239,.7)}
html[data-theme="dark"] .sx .sx-rpq{border-color:rgba(76,141,255,.22)}
html[data-theme="dark"] .cc-m.tagme{background:linear-gradient(90deg,var(--sx-blue-soft),rgba(19,27,39,0) 88%)}
html[data-theme="dark"] .sx .cc-m.tagme{background:linear-gradient(90deg,rgba(76,141,255,.16),rgba(76,141,255,0) 88%)}
html[data-theme="dark"] .cc-gate{background:linear-gradient(180deg,rgba(13,13,13,0.4),rgba(13,13,13,0.94) 42%)}
html[data-theme="dark"] .sx .cc-gate{background:linear-gradient(180deg,rgba(14,21,36,.4),rgba(14,21,36,.94) 42%)}
html[data-theme="dark"] .lbi-imp{color:#FF8F7A}
html[data-theme="dark"] .sxg-promo{background:#161A25;color:#A4CEFF}
html[data-theme="dark"] .sxg-ref{background:#221805;color:#FBB37A}
html[data-theme="dark"] .ps-pvt{background:rgba(13,13,13,0.88);color:#D8E5FB}
html[data-theme="dark"] .sx .sx-mp-elite{background:rgba(167,139,250,.16);color:#C4B5FD}
html[data-theme="dark"] .cmp-tag{border:1px solid var(--ctl);background:var(--surface);color:#D3D3D3}
html[data-theme="dark"] .cmp-round{border:1px solid var(--ctl);background:var(--surface)}
html[data-theme="dark"] .cmp-runs li{color:#C8C8C8}
html[data-theme="dark"] .cmp-runs i{background:var(--surface);box-shadow:inset 0 0 0 1px var(--ctl)}
html[data-theme="dark"] .cmp-runs li.next i{background:#161A25}
html[data-theme="dark"] .cmp-runs li.next{color:#82B6FF}
html[data-theme="dark"] .cmp-stats{border-top:1px solid var(--border)}
html[data-theme="dark"] .cmp-stats dt{color:#C8C8C8}
html[data-theme="dark"] .cmp-tabs{background:var(--surface2)}
html[data-theme="dark"] .cmp-tabs a{color:#C8C8C8}
html[data-theme="dark"] .cmp-tabs a.on{background:var(--surface);color:#82B6FF;box-shadow:0 1px 2px rgba(0,0,0,.06),0 0 0 1px var(--ctl)}
html[data-theme="dark"] .cmp .cm-main.card,html[data-theme="dark"] .cmp .cm-panel.card{border-color:var(--ctl)}
html[data-theme="dark"] .cmp .cm-chart{border-color:var(--border)}
html[data-theme="dark"] .cmp .cm-tfs{background:var(--surface2)}
html[data-theme="dark"] .cmp .cm-tfs .seg{color:#C8C8C8}
html[data-theme="dark"] .cmp .cm-tfs .seg.sel{background:var(--surface);color:#82B6FF;box-shadow:0 1px 2px rgba(0,0,0,.06),0 0 0 1px var(--ctl)}
html[data-theme="dark"] .cmp .cmx-strip{background:var(--surface);border-color:var(--border)}
html[data-theme="dark"] .cmp .cm-zone{border:1px solid var(--ctl)}
html[data-theme="dark"] .cmp .cm-zone.buy,html[data-theme="dark"] .cmp .cm-zone.sell{border-left:1px solid var(--ctl)}
html[data-theme="dark"] .cmp .cm-lock{border-color:var(--border);background:var(--surface2)}
html[data-theme="dark"] .cm-below #cm-pro{border:1px solid var(--ctl)}
html[data-theme="dark"] .cmp .cm-hr{border-color:var(--ctl)}
html[data-theme="dark"] .cmp .cm-hr.on{background:#161A25}
html[data-theme="dark"] .cmp .rp.card{border-color:var(--ctl)}
html[data-theme="dark"] .cmp .rp-bias{background:var(--surface2)}
html[data-theme="dark"] .cmp .rp-scc{border-top:1px solid var(--ctl)}
html[data-theme="dark"] .cmp-what{border-top:1px solid var(--border)}
html[data-theme="dark"] .cmp-lk{color:#82B6FF}
html[data-theme="dark"] .cmp .cm-what>div{border-top:1px solid var(--border)}
html[data-theme="dark"] .cmp .pfaq>div{border-color:var(--border)}
html[data-theme="dark"] .nd .pill{border:1px solid var(--ctl);background:var(--surface)}
html[data-theme="dark"] .nd .pill:hover{border-color:#304471}
html[data-theme="dark"] .nd .pill.sel{background:#151A25;border-color:#304471;color:#88C0FF}
html[data-theme="dark"] .nd .pill.sel .nd-n{color:#88C0FF}
html[data-theme="dark"] .nd-days{background:var(--surface2)}
html[data-theme="dark"] .nd .seg.sel{background:var(--surface);color:#88C0FF;box-shadow:0 0 0 1px var(--ctl)}
html[data-theme="dark"] .nd-row{border-top:1px solid var(--border)}
html[data-theme="dark"] a.nd-tl:hover{color:#77C1FF!important}
html[data-theme="dark"] .nd-off{color:#77C1FF}
html[data-theme="dark"] .nd-ext,html[data-theme="dark"] .nd-thr{color:#77C1FF!important}
html[data-theme="dark"] .nd-more{color:#77C1FF!important}
html[data-theme="dark"] .anp-band{background:var(--surface2);border-bottom:1px solid #2F343E}
html[data-theme="dark"] .anp-h1{color:#ABD7FF}
html[data-theme="dark"] .anp-strip{border:1px solid #2F3640;background:var(--surface)}
html[data-theme="dark"] .anp-cell{border-left:1px solid var(--border)}
html[data-theme="dark"] .anp-tabs{border-bottom:1px solid var(--ctl)}
html[data-theme="dark"] .anp-tabs button[aria-selected=true]{color:#ABD7FF}
html[data-theme="dark"] .anp-box{border:1px solid var(--ctl);background:var(--surface)}
html[data-theme="dark"] .anp-tv{border:1px solid var(--border)}
html[data-theme="dark"] .anp-more{color:#77C1FF!important}
html[data-theme="dark"] .anp-soc{border:1px solid #2F3640;background:var(--surface2)}
html[data-theme="dark"] .anp-soc b{color:#ABD7FF}
html[data-theme="dark"] .anp-off{border:1px solid #2F3640;background:var(--surface)}
html[data-theme="dark"] .anp-h2{color:#ABD7FF}
html[data-theme="dark"] .anp-prl>div{border-top:1px solid #323C4C}
@media (max-width:760px){html[data-theme="dark"] .anp-cell:nth-child(n+3){border-top:1px solid var(--border)}
}
html[data-theme="dark"] .wl-gi,html[data-theme="dark"] .sx .wl-gi{color:#7DB7FF;background:radial-gradient(120% 120% at 28% 16%,#1B2E57 0%,#132242 50%,#0D1831 100%);box-shadow:inset 0 0 0 1px rgba(125,183,255,.24),inset 0 1px 0 rgba(156,203,255,.14)}
html[data-theme="dark"] .wl-lic:has(>.kgi),html[data-theme="dark"] .sx .wl-lic:has(>.kgi){background:rgba(76,141,255,.15)}
html[data-theme="dark"] .wl-lic>.kgi,html[data-theme="dark"] .wl-shelf .kgi,html[data-theme="dark"] .wl-done .kgi,html[data-theme="dark"] .sx .wl-lic>.kgi,html[data-theme="dark"] .sx .wl-shelf .kgi,html[data-theme="dark"] .sx .wl-done .kgi{color:#7DB7FF}
html[data-theme="dark"] .mgoogle1{background:var(--surface);color:#E0E0E0}
html[data-theme="dark"] .mgoogle1:hover{background:var(--surface2)}
html[data-theme="dark"] .mgf{background:var(--warnbg,#201800);border:1px solid var(--warnbd,#4B3800)}
html[data-theme="dark"] .mlinkbar .btn{background:var(--surface);color:#70D887;border-color:var(--border)}
html[data-theme="dark"] .lgx-pc.gold{border-color:#523D00;background:linear-gradient(160deg,rgba(50,38,1,0.18),var(--surface) 62%)}
html[data-theme="dark"] .lgx-pc.silver{border-color:#394049}
html[data-theme="dark"] .lgx-tba svg{color:#DCA841}
html[data-theme="dark"] .lgx-ck svg{color:#79D890}
html[data-theme="dark"] .ptspop{background:linear-gradient(135deg,#271C00,#352602) #352602;color:#ECD7B0}
html[data-theme="dark"] .sx .sx-plv-expert{background:rgba(167,139,250,.16);color:#C4B5FD}
html[data-theme="dark"] .sx .sx-plv-legend{background:rgba(243,210,122,.16);color:#F3D27A}
html[data-theme="dark"] .kr-rk.r1{background:#241A00;color:#EBBD7B}
html[data-theme="dark"] .kr-rk.r2{background:var(--hover);color:#C3D0E5}
html[data-theme="dark"] .kr-rk.r3{background:#2D1707;color:#FFAF83}
html[data-theme="dark"] .sx .kr-rk.r1{background:rgba(250,204,21,.18);color:#FDE68A}
html[data-theme="dark"] .sx .kr-rk.r2{background:rgba(203,213,225,.14);color:#E2E8F0}
html[data-theme="dark"] .sx .kr-rk.r3{background:rgba(251,146,60,.16);color:#FDBA74}
html[data-theme="dark"] .pd-bl li.t1 .pd-rk2{background:#352602;color:#EBCA94}
html[data-theme="dark"] .pd-bl li.t2 .pd-rk2{background:var(--hover);color:#C8D5E7}
html[data-theme="dark"] .pd-bl li.t3 .pd-rk2{color:#FDC5A2}
html[data-theme="dark"] .ups-sv{color:var(--oktx,#79D890)}
html[data-theme="dark"] .kc-new.kc-conf{border-color:var(--warnbd,#563900);background:var(--warnbg,#1F1705)}
html[data-theme="dark"] .ps-covh.warn{color:var(--sx-amber,#FF9E63)}
html[data-theme="dark"] .tvwc-fb{background:var(--surface,var(--surface))}
html[data-theme="dark"] .ncx-cb::after{background:var(--surface)}
html[data-theme="dark"] .cu-rc-violet{background:#1F182D;color:#C9AEFF}
html[data-theme="dark"] .cu-rc-slate{background:var(--surface2);color:#BFCFE4}
html[data-theme="dark"] .sx .cu-rc-violet{background:rgba(167,139,250,.16);color:#C4B5FD}
html[data-theme="dark"] .sx .cu-rc-slate{background:rgba(148,163,184,.16);color:#CBD5E1}
html[data-theme="dark"] .cu-dlg .cu-rules{background:var(--sunk,var(--surface2))}
html[data-theme="dark"] .sx .sx-rw .rw-hero{box-shadow:0 0 0 1px rgba(130,160,255,.22),0 22px 44px -22px rgba(0,0,0,.8);background:radial-gradient(110% 90% at 88% 10%,rgba(80,120,255,.42),rgba(80,120,255,0) 58%),radial-gradient(70% 90% at 0% 100%,rgba(22,40,160,.6),rgba(22,40,160,0) 70%),linear-gradient(140deg,#060A26 0%,#101A5A 46%,#1D3DAE 100%)}
html[data-theme="dark"] .sx .sx-rw .rw-show{box-shadow:0 0 0 1px rgba(130,160,255,.2),0 22px 44px -22px rgba(0,0,0,.8)}
html[data-theme="dark"] .au-g{background:var(--surface);color:#E0E0E0}
html[data-theme="dark"] .au-g:hover{color:#E0E0E0}
html[data-theme="dark"] .kme-pk-pro{border-color:#2A3B5D;background:#131B27;color:#81C6FF}
html[data-theme="dark"] .kme-pk-elite{border-color:#40335D;background:#1E172A;color:#D1ABFF}
html[data-theme="dark"] .kme-pk-ultimate{border-color:#4F3C00;background:linear-gradient(135deg,#221900,#2F2300);color:#F0C895}
html[data-theme="dark"] .sx .sx-gpromo .sxg-promo{background:rgba(76,141,255,.14);color:#BBD3FF}
html[data-theme="dark"] .sx .sx-gpromo .sxg-ref{background:rgba(251,191,36,.12);color:#FCD34D}
html[data-theme="dark"] .ivd-qr{background:var(--surface)}
/* ---- จาก style="…" ในโค้ด ---- */
html[data-theme="dark"] [style*="background:#FFFFFF"]{background:var(--surface)!important}
/* ---- เขียนเอง (tools/dark_manual.css) ---- */
/* ---- รอบ 32: กฎโหมดมืดที่เขียนเอง (ต่อท้าย CssDark.html) ---- */
/* ส่วนกลับสี (--inv): โหมดมืดเป็นพื้นสว่าง → ตัวอักษรเข้ม */
html[data-theme="dark"] .chart .tip,html[data-theme="dark"] .toast,html[data-theme="dark"] .mktcat.sel,html[data-theme="dark"] .bc-ico,html[data-theme="dark"] .sp-cta,
html[data-theme="dark"] .mswitch button[aria-pressed=true],html[data-theme="dark"] .mstep .num,html[data-theme="dark"] .costeps .num{color:#000000}
html[data-theme="dark"] .bc-ico svg,html[data-theme="dark"] .sp-cta svg,html[data-theme="dark"] .toast svg{color:#000000!important;stroke:currentColor}
html[data-theme="dark"] .sp-cta:hover{background:#E6E6E6;color:#000000}
/* ภาพ: ลดความจ้าเล็กน้อย (ไม่รวมโลโก้ · QR · ภาพกราฟ) */
html[data-theme="dark"] .card img:not(.plogo img):not([data-light]){filter:brightness(.94)}
/* แถบเลื่อนและการเลือกข้อความ */
html[data-theme="dark"] ::selection{background:rgba(11,92,255,.45);color:#FFFFFF}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{color-scheme:dark}
/* พิมพ์: ใช้สีสว่างเสมอ */
@media print{html[data-theme="dark"]{color-scheme:light}}

/* KUYTRADE SOCIAL ในโหมดมืดของทั้งเว็บ: ดำสนิท + น้ำเงิน + ขาว (ทับชุดสีกรมท่าเดิมของ .sx[data-theme=dark]) */
html[data-theme="dark"],html[data-theme="dark"] .sx{--sx-bg:#000000;--sx-surface:#0A0A0A;--sx-raise:#111111;--sx-sunk:#050505;--sx-line:#1E1E1E;--sx-line2:#2E2E2E;--sx-text:#FFFFFF;--sx-text2:#D6D6D6;--sx-mute:#A6A6A6;
  --sx-blue:#3D7BFF;--sx-pri:#0B5CFF;--sx-pri2:#0047E0;--sx-blue-soft:rgba(11,92,255,.16);--sx-blue-tx:#8DB4FF;--sx-shadow:0 0 0 1px rgba(255,255,255,.03);--sx-shadow2:0 18px 44px rgba(0,0,0,.7)}
/* รอบ 110: สีเขียว/แดง/เหลืองของ --sx-* นอก .sx (ส่วนสังคมคุยเทรดบนหน้าแรก .sxh · หน้าต่างที่เปิดนอกแอป) — เดิมใช้ค่าโหมดสว่าง: "ชุมชนเทรดและการลงทุนยุคใหม่…" เขียวเข้มบนดำ คอนทราสต์ 2.78:1 */
html[data-theme="dark"]{--sx-green:#34D399;--sx-green-soft:rgba(52,211,153,.14);--sx-green-tx:#7EE8C0;--sx-neg:#F87171;--sx-neg-soft:rgba(248,113,113,.14);--sx-neg-tx:#FCA5A5;--sx-amber:#FBBF24;--sx-amber-soft:rgba(251,191,36,.14);--sx-amber-tx:#FCD34D}
/* ปุ่มหลัก: น้ำเงินสด ตัวอักษรขาว */
html[data-theme="dark"] .btn-pri{background:#0B5CFF;color:#FFFFFF}html[data-theme="dark"] .btn-pri:hover{background:#2A6FFF;filter:none}
/* หัวเว็บแบบกระจกดำ */
html[data-theme="dark"] header.top{background:rgba(0,0,0,.82);border-bottom-color:#1A1A1A;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}
/* รอบ 37: Trading Journal โฉมใหม่ (.kj) — ชุดสีโหมดมืดของระบบดีไซน์ KuyTrade Journal */
html[data-theme="dark"] .kj{--k-bg:#0B0E14;--k-sub:#0F131B;--k-hover:#161B25;--k-line:#222937;--k-line2:#1A202B;--k-ink:#EEF1F6;--k-ink2:#B4BCCB;--k-ink3:#8C95A6;
  --k-acc:#5B8DFF;--k-acc2:#7AA2FF;--k-accw:#16213A;--k-onacc:#06101F;--k-up:#2BC48A;--k-upf:#2BC48A;--k-upw:#0F2A20;--k-uptx:#5BDCA9;--k-dn:#FF6B70;--k-dnf:#FF6B70;--k-dnw:#331719;--k-dntx:#FF9396;
  --k-warn:#E3A33B;--k-warnw:#2E2310;--k-warntx:#F0BC64;--k-scrim:rgba(0,0,0,.6);--k-pop:0 12px 36px rgba(0,0,0,.5);--k-ring:rgba(0,0,0,.45);--k-glass:rgba(11,14,20,.9);color-scheme:dark}
/* รอบ 39: หน้า AI News (.anp) — ป้ายชนิดข้อมูล (สด/หน่วงเวลา) ใช้ชุดสีมืดเหมือนในสังคมคุยเทรด */
html[data-theme="dark"] .anp{--sx-green-soft:rgba(52,211,153,.14);--sx-green-tx:#7EE8C0;--sx-amber-soft:rgba(251,191,36,.14);--sx-amber-tx:#FCD34D;--sx-neg-soft:rgba(248,113,113,.14);--sx-neg-tx:#FCA5A5}

/* รอบ 55: ภาพสำรองลูกโลก (ก่อนโหลด / ไม่มี WebGL) ใช้สีโหมดมืด */
html[data-theme="dark"] .hxg-fb .hxg-s0{stop-color:#0E1A3A}html[data-theme="dark"] .hxg-fb .hxg-s1{stop-color:#000000}
html[data-theme="dark"] .hxg-fb .hxg-body{stroke:#0B3FB0}html[data-theme="dark"] .hxg-fb ellipse{stroke:#1E4FB8}
/* รอบ 68: กรอบเวลาที่เลือกบนกราฟ CME (หน้าเต็ม .cmp ด้วย) = พื้นน้ำเงิน ตัวขาว เหมือนปุ่มที่ทำงานอื่น */
html[data-theme="dark"] .cmp .cmx .cm-tfs .seg.sel,html[data-theme="dark"] .cmx .cm-tfs .seg.sel{background:var(--pribg);color:#FFFFFF;box-shadow:none}
/* รอบ 86: ปุ่มสลับในหน้าต่างเลือกการแจ้งเตือน — วงกลมสีขาวเสมอ (แปลงอัตโนมัติจะเป็นสีพื้นเข้มจนมองไม่เห็นบนรางสีเข้ม) */
html[data-theme="dark"] .ncx-cb::after{background:#FFFFFF}
/* รอบ 97C: หน้าต่างเข้าสู่ระบบ — พื้นหลังมืดลึกขึ้น · ปุ่ม Google แบบมืดตามแนวทางของ Google (พื้น #131314 · เส้น #8E918F · ตัวอักษร #E3E3E3) · สัญลักษณ์จากโลโก้ชุดโหมดมืด */
html[data-theme="dark"] .au{background:rgba(0,0,0,.72)}
html[data-theme="dark"] .au-d{box-shadow:0 0 0 1px rgba(255,255,255,.03),0 24px 64px rgba(0,0,0,.7)}
html[data-theme="dark"] .au-pd{box-shadow:0 0 0 1px rgba(255,255,255,.02),0 16px 48px rgba(0,0,0,.6)}
html[data-theme="dark"] .au-g{background:#131314;border-color:#8E918F;color:#E3E3E3}
html[data-theme="dark"] .au-g:hover{color:#E3E3E3;box-shadow:inset 0 0 0 999px rgba(227,227,227,.08)}
html[data-theme="dark"] .au-g:active{box-shadow:inset 0 0 0 999px rgba(227,227,227,.12)}
html[data-theme="dark"] .au-mk i{background-image:var(--lghd)}
/* รอบ 108: ชุดสีกราฟชวนเพื่อนโหมดมืด (ตรวจด้วย dataviz validate_palette บนพื้น #0A0A0A ผ่านทุกข้อ) · เงาของกล่องค่าบนกราฟ · QR พื้นขาวเสมอ (สแกนได้) */
html[data-theme="dark"]{--ivc1:#3987E5;--ivc2:#D95926}
html[data-theme="dark"] .ivd-tip{box-shadow:0 8px 24px rgba(0,0,0,.6)}
html[data-theme="dark"] .ivd-qr{background:#FFFFFF}
html[data-theme="dark"] .ivd-hl{fill:#FFFFFF;opacity:.08}