/* Meaw theme — พาสเทลน่ารัก (ชมพู/พีช/มินต์/ลาเวนเดอร์) */
:root{--bg:#fff5f8;--card:#ffffff;--card2:#fff0f5;--line:#f6d7e3;--tx:#4b3a50;--mut:#9a86a0;--up:#14a374;--upbg:#dcf7ec;--dn:#e8456f;--dnbg:#ffe1ea;--wait:#a796ad;--acc:#ff7fae;--acc2:#b79cff;--peach:#ffd7bf;--mint:#c9f2e1;--lav:#e7dcff;--warn:#e8892b;--sh:0 6px 18px rgba(229,140,175,.18);--hd:Mali,Kanit,system-ui,sans-serif}
*{box-sizing:border-box}
html{background:var(--bg)}
html,body{margin:0;color:var(--tx);font-family:Kanit,system-ui,sans-serif;font-size:15px;-webkit-tap-highlight-color:transparent}
body{padding-bottom:calc(78px + env(safe-area-inset-bottom));max-width:720px;margin:0 auto;min-height:100vh;
 background:radial-gradient(circle at 10% 0%,#ffe3ee 0,transparent 40%),radial-gradient(circle at 100% 30%,#e9e0ff 0,transparent 35%),radial-gradient(circle at 0% 80%,#dff7ee 0,transparent 35%),
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cg fill='%23ffd3e2' opacity='.45'%3E%3Cellipse cx='22' cy='30' rx='6' ry='5'/%3E%3Ccircle cx='15' cy='22' r='2.6'/%3E%3Ccircle cx='21' cy='19' r='2.6'/%3E%3Ccircle cx='27' cy='20' r='2.6'/%3E%3Ccircle cx='31' cy='25' r='2.4'/%3E%3C/g%3E%3Cg fill='%23d9ccff' opacity='.35'%3E%3Cellipse cx='67' cy='72' rx='6' ry='5'/%3E%3Ccircle cx='60' cy='64' r='2.6'/%3E%3Ccircle cx='66' cy='61' r='2.6'/%3E%3Ccircle cx='72' cy='62' r='2.6'/%3E%3Ccircle cx='76' cy='67' r='2.4'/%3E%3C/g%3E%3C/svg%3E"),var(--bg)}
button,input,select{font-family:inherit;font-size:15px}
input[type=checkbox]{accent-color:var(--acc);width:18px;height:18px;vertical-align:-3px}
input[type=range]{accent-color:var(--acc)}
.hidden{display:none!important}
.top{display:flex;justify-content:space-between;align-items:center;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;position:sticky;top:0;background:linear-gradient(135deg,rgba(255,217,230,.94),rgba(255,231,214,.94) 55%,rgba(231,220,255,.94));backdrop-filter:blur(8px);z-index:20;border-radius:0 0 22px 22px;box-shadow:0 4px 16px rgba(229,140,175,.22)}
.brand{display:flex;gap:10px;align-items:center}.brand b{font-family:var(--hd);font-size:19px;font-weight:700;display:block;line-height:1.1}.brand small{display:block;color:#8a6f90;font-size:11px}
.kicker{display:block;font-style:normal;font-family:var(--hd);font-size:11.5px;color:#d45d8d;font-weight:600;letter-spacing:.5px;line-height:1}
.logo{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#fff;box-shadow:0 3px 10px rgba(229,140,175,.35);animation:bob 3s ease-in-out infinite}.logo svg{width:38px;height:36px}
@keyframes bob{50%{transform:translateY(-2px) rotate(-3deg)}}
.clock{text-align:right;background:rgba(255,255,255,.7);border-radius:14px;padding:4px 10px}.clock span{font-family:var(--hd);font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.5px;color:#6b4a72}.clock small{display:block;color:var(--mut);font-size:10.5px}
.warn{margin:8px 12px;padding:10px 12px;border-radius:16px;background:#fff1e3;border:1.5px dashed #ffc58f;color:#9a5a18;font-size:13px}
.bar{display:flex;gap:8px;padding:12px 12px 8px;flex-wrap:wrap;align-items:center}
.seg{display:flex;background:var(--card);border:1.5px solid var(--line);border-radius:999px;padding:3px;gap:2px;align-items:center;box-shadow:var(--sh)}
.seg button{border:0;background:transparent;color:var(--mut);padding:7px 14px;border-radius:999px;cursor:pointer;font-weight:500}
.seg button.on{background:linear-gradient(135deg,#ff9cc0,#ff7fae);color:#fff;box-shadow:0 2px 8px rgba(255,127,174,.45)}
.seg span{color:var(--mut);font-size:12px;padding:0 4px}.seg.small button{padding:7px 10px}
.seg.small button.on{background:linear-gradient(135deg,#c9b5ff,#a78bfa)}
.countdown{margin:0 12px 10px;background:var(--card);border:1.5px solid var(--line);border-radius:20px;padding:10px 14px;box-shadow:var(--sh)}
.cd-row{display:flex;justify-content:space-between;align-items:baseline}.cd-row b{font-family:var(--hd);font-size:26px;font-variant-numeric:tabular-nums;color:#c2457a}
.progress{height:9px;background:var(--card2);border-radius:9px;overflow:hidden;margin:6px 0}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffb3cc,#c9b5ff,#9be3c9);border-radius:9px;transition:width .25s linear}
.cd-note{font-size:12px;color:var(--mut)}.cd-note b{color:var(--tx)}
.disclaimer{margin:10px 12px 10px;background:#fff7fa;border:1.5px dashed #f7b3c8;border-radius:16px;padding:8px 12px;font-size:12.5px;line-height:1.55}
.disclaimer summary{cursor:pointer;color:#cf4b78;font-weight:500}.disclaimer p{margin:6px 0 2px;color:#7c5a68}
main{padding:0 12px}
h2{font-family:var(--hd);font-size:19px;margin:14px 2px 8px;font-weight:700;color:#7a4b80}
h2::before{content:"🐾 ";font-size:15px}
.grid{display:grid;gap:12px}
.card{background:var(--card);border:1.5px solid var(--line);border-radius:22px;padding:13px 14px;position:relative;box-shadow:var(--sh);margin-bottom:12px}
.grid .card{margin-bottom:0}
.card>b:first-child{font-family:var(--hd);font-weight:700;color:#7a4b80}
.pc{display:grid;grid-template-columns:1fr auto;gap:4px 10px;cursor:pointer;transition:transform .12s}
.pc:active{transform:scale(.98)}
.pc .nm{font-family:var(--hd);font-weight:700;font-size:17px;color:#5b3f63}.badge{display:inline-block;font-size:10.5px;padding:2px 8px;border-radius:999px;background:var(--card2);color:var(--mut);margin-left:6px;vertical-align:middle;font-weight:400}
.badge.px{color:#a5601f;background:#ffeedd}.badge.key{color:#6b55c9;background:var(--lav)}
.price{font-variant-numeric:tabular-nums;font-size:18px;text-align:right;font-weight:500;color:#6b4a72}.chg{font-size:12px;text-align:right}
.up{color:var(--up)}.dn{color:var(--dn)}.mut{color:var(--mut)}
.sig{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin-top:6px}
.pill{min-width:84px;text-align:center;padding:8px 12px;border-radius:999px;font-weight:600;font-size:15px}
.pill.CALL{background:var(--upbg);color:#0d8a60;border:2px solid #7fdcb7}
.pill.PUT{background:var(--dnbg);color:#d23462;border:2px solid #ff9cb8}
.pill.WAIT{background:#f6f0fb;color:var(--wait);border:2px dashed #e2d6ec}
.why{font-size:12px;color:var(--mut);line-height:1.45;flex:1}
.meter{display:flex;gap:3px;margin-top:3px}.meter i{width:14px;height:6px;border-radius:3px;background:var(--card2)}.meter i.f.CALL{background:var(--up)}.meter i.f.PUT{background:var(--dn)}
.act{grid-column:1/-1;margin-top:8px;padding:9px 12px;border-radius:16px;background:var(--card2);font-size:13px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.act b{font-variant-numeric:tabular-nums}
.act.CALL{background:#ecfbf4;border-left:5px solid var(--up)}.act.PUT{background:#fff0f4;border-left:5px solid var(--dn)}
.small{font-size:12px}.src{grid-column:1/-1;font-size:11px;color:var(--mut)}
.err{color:#d23462;font-size:12px}
.btn{border:0;background:linear-gradient(135deg,#ff9cc0,#ff7fae);color:#fff;padding:10px 18px;border-radius:999px;cursor:pointer;font-weight:500;box-shadow:0 3px 10px rgba(255,127,174,.35)}
.btn:active{transform:scale(.97)}
.btn.sec{background:#fff;color:var(--tx);border:1.5px solid var(--line);box-shadow:none}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}
label{color:#7d6a84;font-size:13px}
input[type=text],input[type=number],input[type=password],select{background:#fffafc;color:var(--tx);border:1.5px solid var(--line);border-radius:14px;padding:9px 11px;outline:none}
input:focus,select:focus{border-color:var(--acc)}
.sigbox{display:flex;align-items:center;gap:12px}.sigbox .pill{font-size:20px;padding:10px 16px}
.big-cd{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.big-cd div{background:linear-gradient(135deg,#fff0f5,#f4eeff);border-radius:16px;padding:8px 12px}.big-cd small{color:var(--mut);display:block;font-size:11.5px}.big-cd b{font-family:var(--hd);font-size:22px;font-variant-numeric:tabular-nums;color:#7a4b80}
#chart{height:330px;margin-top:10px;border-radius:16px;overflow:hidden;background:#fffcfd}#osc{height:120px;border-radius:12px;overflow:hidden;background:#fffcfd}
.legend{font-size:11.5px;color:var(--mut);display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.legend i{display:inline-block;width:12px;height:4px;border-radius:2px;margin-right:4px;vertical-align:middle}
.pairsel{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 6px;margin:10px 0 8px;scrollbar-width:none}.pairsel::-webkit-scrollbar{display:none}
.pairsel button{flex:none;border:1.5px solid var(--line);background:#fff;color:#8a6f90;border-radius:999px;padding:7px 14px;font-weight:500}.pairsel button.on{color:#fff;border-color:transparent;background:linear-gradient(135deg,#c9b5ff,#ff9cc0);box-shadow:0 2px 8px rgba(183,156,255,.45)}
table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:7px 4px;border-bottom:1px dashed var(--line);text-align:right}th:first-child,td:first-child{text-align:left}th{color:var(--mut);font-weight:400}
.verdict{font-size:11.5px;padding:2px 8px;border-radius:999px}.verdict.bad{background:var(--dnbg);color:#c93a63}.verdict.ok{background:var(--upbg);color:#0d8a60}.verdict.na{background:#f4eeff;color:#7b66b8}
.note{font-size:12.5px;color:#8a7690;line-height:1.6}
main>.note{background:rgba(255,255,255,.7);border:1.5px solid #f0e2f6;border-radius:16px;padding:8px 12px;margin:10px 0}
.hist{font-size:12.5px}.hist div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed var(--line)}
.tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:720px;display:flex;justify-content:space-around;background:rgba(255,255,255,.96);border-top:1.5px solid var(--line);border-radius:24px 24px 0 0;padding:7px 0 calc(7px + env(safe-area-inset-bottom));z-index:30;backdrop-filter:blur(8px);box-shadow:0 -4px 18px rgba(229,140,175,.2)}
.tabs a{color:var(--mut);text-decoration:none;font-size:11.5px;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:60px;padding:3px 6px;border-radius:16px;transition:background .15s}.tabs a span{font-size:21px;transition:transform .15s}
.tabs a.on{color:#c2457a;font-weight:500;background:#ffe8f0}.tabs a.on span{transform:translateY(-2px) scale(1.12)}
.toast{position:fixed;left:50%;top:78px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);background:#fff;border:2px solid #ffc2d6;padding:10px 14px;border-radius:18px;z-index:50;font-size:14px;box-shadow:0 10px 30px rgba(229,140,175,.35);color:var(--tx)}
.spin{display:inline-block;width:14px;height:14px;border:2px solid var(--acc);border-top-color:transparent;border-radius:50%;animation:s 1s linear infinite;vertical-align:middle}@keyframes s{to{transform:rotate(360deg)}}
.pill.NA{background:#fff5f8;color:#c96a8a;border:2px dashed #f7bfd1;font-size:13px}
.card.dim{opacity:.7}
.rec{grid-column:1/-1;font-size:12px;line-height:1.45;margin-top:6px;padding:6px 10px;border-radius:12px}
.rec.ok{background:#ecfbf4;color:#0d8a60}.rec.no{background:#fff0f4;color:#c93a63}
.pre{grid-column:1/-1;margin-top:8px;font-size:13px;padding:7px 10px;border-radius:14px;background:#fff1e3;color:#a5601f;animation:pl 1s infinite alternate}
@keyframes pl{to{background:#ffdfc2}}
.sound-banner{display:block;width:calc(100% - 24px);margin:10px 12px 0;padding:12px;border-radius:18px;border:2px dashed #c9b5ff;background:#f4eeff;color:#5b3f9e;font-size:16px;font-family:inherit;cursor:pointer}
.btn.big{width:100%;font-size:18px;padding:14px;margin:10px 0 4px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.chip{background:#fff7fa;border:1.5px solid var(--line);border-radius:999px;padding:5px 11px;color:var(--tx);font-size:13px}
tr.cur td{background:#fff0f5}

body.simple .bar,body.simple .countdown{display:none}
/* การ์ดสัญญาณใหญ่ + แมวโผล่ */
.bigsig{margin:26px 0 12px;border-radius:30px;padding:18px 16px 16px;text-align:center;background:#fff;border:3px solid var(--line);position:relative;box-shadow:0 10px 26px rgba(229,140,175,.25)}
.bigsig.CALL{background:linear-gradient(180deg,#dcf7ec,#f5fffa 70%);border-color:#7fdcb7}
.bigsig.PUT{background:linear-gradient(180deg,#ffe1ea,#fff7f9 70%);border-color:#ff9cb8}
.bigsig.wait{background:linear-gradient(180deg,#f4eeff,#fffafc 70%);border-color:#e0d3ff}
.bigsig.done.W{background:linear-gradient(180deg,#dcf7ec,#fff);border-color:#7fdcb7}.bigsig.done.L{background:linear-gradient(180deg,#ffe1ea,#fff);border-color:#ff9cb8}.bigsig.done.T{border-color:#e0d3ff}
.cat.peek{position:absolute;top:-30px;left:50%;width:60px;height:54px;transform:translateX(-50%);filter:drop-shadow(0 3px 4px rgba(150,90,120,.2));animation:bob 2.4s ease-in-out infinite}
.bs-top{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.bs-pair{font-family:var(--hd);font-size:24px;font-weight:700;color:#5b3f63}.bs-tag{font-size:13px;color:#7d6a84;background:rgba(255,255,255,.85);padding:4px 10px;border-radius:999px;border:1.5px solid var(--line)}
.bs-arrow{font-size:118px;line-height:1.05;font-weight:600;margin-top:4px;letter-spacing:-6px;white-space:nowrap}
.bigsig.s1 .bs-arrow{font-size:100px}.bigsig.s2 .bs-arrow{font-size:84px}
.CALL .bs-arrow{color:var(--up);animation:hopU 1s ease-in-out infinite}
.PUT .bs-arrow{color:var(--dn);animation:hopD 1s ease-in-out infinite}
@keyframes hopU{50%{transform:translateY(-6px)}}@keyframes hopD{50%{transform:translateY(6px)}}
.CALL .bs-dir{color:var(--up)}.PUT .bs-dir{color:var(--dn)}
.bs-dir{font-family:var(--hd);font-size:34px;font-weight:700}.bs-sub{color:#8a7690;font-size:13.5px;margin-top:3px}.bs-res{font-family:var(--hd);font-size:38px;font-weight:700;margin:16px 0 6px}
.bs-times{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.bs-times div{background:rgba(255,255,255,.9);border:1.5px solid var(--line);border-radius:18px;padding:8px}.bs-times small{display:block;color:var(--mut);font-size:12px}.bs-times b{font-family:var(--hd);font-size:24px;font-variant-numeric:tabular-nums;color:#6b4a72}
.bs-cd{margin-top:10px;font-size:17px}.bs-cd b{font-family:var(--hd);font-size:30px;font-variant-numeric:tabular-nums;color:#c2457a}.bs-cd .go{color:#e8892b;font-size:30px;animation:pl2 .5s infinite alternate;display:inline-block}
@keyframes pl2{to{transform:scale(1.08)}}
.bs-more{margin-top:8px;font-size:12.5px;color:var(--mut)}
.bs-wait{position:relative;display:inline-block;margin:4px 0 2px}.cat.nap{width:118px;height:106px;animation:breathe 3s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.04,.97)}}
.zz{position:absolute;right:-22px;top:0;font-family:var(--hd);color:#a78bfa;font-weight:700;font-size:16px}.zz i,.zz b{font-style:normal;display:inline-block}.zz i{font-size:20px;transform:translateY(-8px)}.zz b{font-size:25px;transform:translateY(-18px)}
.zz{animation:zz 2.4s ease-in-out infinite}@keyframes zz{50%{opacity:.45;transform:translateY(-4px)}}
.tog{background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--tx);font-size:13.5px;box-shadow:var(--sh)}
.tally{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center;margin-bottom:8px}.tally div{border-radius:18px;padding:8px 4px}
.tally div:nth-child(1){background:#ffeef4}.tally div:nth-child(2){background:#ecfbf4}.tally div:nth-child(3){background:#f4eeff}
.tally small{display:block;color:var(--mut);font-size:11.5px}.tally b{font-family:var(--hd);font-size:19px}
.feed .frow{display:grid;grid-template-columns:44px 1fr 66px 1.3fr 44px;gap:4px;font-size:13px;padding:6px 0;border-bottom:1px dashed var(--line);align-items:center}.feed .frow span:last-child{text-align:right}
body.nobar .bar,body.nobar .countdown{display:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}
@media (min-width:721px){body{padding-left:12px;padding-right:12px}}