:root{--wb-bg:#141425;--wb-card:#1e1e33;--wb-line:#2f2f4d;--wb-txt:#eceaf6;--wb-dim:#a09cc0;--wb-acc:#7c5cff;--wb-ok:#2fbf71;--wb-no:#e0475b;--wb-gold:#f0b429}
.wb{max-width:640px;margin:0 auto;padding:14px 14px 34px;color:var(--wb-txt);font-size:16px}
.wb *{box-sizing:border-box}
/* sepo.css ke serif font aur fade animations ko yahan rokna hai */
.wb,.wb *{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
.wb h1,.wb h2,.wb h3,.wb p,.wb li,.wb td,.wb button,.wb select{color:var(--wb-txt);-webkit-text-fill-color:currentColor;background-image:none}
.wb h1{color:var(--wb-txt)!important}
.wb .sub,.wb label,.wb th,.wb .gd,.wb .chip span,.wb .qlab,.wb .qro,.wb .opt small,.wb .rev .it span,.wb .note,.wb .bar{color:var(--wb-dim)}
.wb .seo h2,.wb .seo h3{color:var(--wb-gold)!important}
.wb .seo p,.wb .seo li{color:#d6d3e6}
.wb .go,.wb .next{color:#fff!important}
.wb .lvl.on{color:#fff!important}
.wb .wotd .t,.wb .sent .t{color:var(--wb-gold)!important}
.wb .prog i{transition:width .3s}
.wb h1{font-size:24px;margin:.2em 0 .1em;text-align:center}
.wb .sub{text-align:center;color:var(--wb-dim);font-size:14px;margin:0 0 14px}
.wb .card{background:var(--wb-card);border:1px solid var(--wb-line);border-radius:16px;padding:16px;margin-bottom:14px}

.wb .strip{display:flex;gap:8px;margin-bottom:14px}
.wb .chip{flex:1;background:var(--wb-card);border:1px solid var(--wb-line);border-radius:14px;padding:11px 8px;text-align:center}
.wb .chip b{display:block;font-size:21px;line-height:1.15}
.wb .chip span{font-size:11px;color:var(--wb-dim);letter-spacing:.05em;text-transform:uppercase}
.wb .chip.hot{border-color:var(--wb-gold)}
.wb .chip.hot b{color:var(--wb-gold)}

.wb .goal{display:flex;align-items:center;gap:13px;background:var(--wb-card);border:1px solid var(--wb-line);border-radius:16px;padding:14px;margin-bottom:14px}
.wb .ring{position:relative;width:54px;height:54px;flex:0 0 54px}
.wb .ring svg{transform:rotate(-90deg)}
.wb .ring i{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-style:normal}
.wb .goal .gt{font-size:15px;font-weight:600;margin-bottom:2px}
.wb .goal .gd{font-size:13px;color:var(--wb-dim);line-height:1.4}

.wb .wotd{background:rgba(240,180,41,.09);border:1px solid var(--wb-line);border-left:3px solid var(--wb-gold);border-radius:0 16px 16px 0;padding:14px 15px;margin-bottom:14px}
.wb .wotd .t{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--wb-gold);margin-bottom:7px}
.wb .wotd .pair{font-size:19px;font-weight:700;line-height:1.35}
.wb .wotd .pair em{font-style:normal;color:var(--wb-dim);font-weight:400}
.wb .wotd .ro{font-size:13px;color:var(--wb-dim);font-style:italic;margin-top:3px}
.wb .wotd .ex{font-size:14px;color:#d6d3e6;margin-top:9px;line-height:1.5}

.wb label{display:block;font-size:13px;color:var(--wb-dim);margin:0 0 6px}
.wb select{width:100%;padding:12px;border-radius:11px;border:1px solid var(--wb-line);background:var(--wb-bg);color:var(--wb-txt);font-size:16px;-webkit-appearance:none;appearance:none}
.wb .row2{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end;margin-bottom:14px}
.wb .swap{padding:12px;border-radius:11px;border:1px solid var(--wb-line);background:var(--wb-bg);color:var(--wb-txt);font-size:17px;line-height:1;cursor:pointer}
.wb .lvls{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.wb .lvl{padding:11px 4px;border-radius:11px;border:1px solid var(--wb-line);background:var(--wb-bg);color:var(--wb-dim);font-size:14px;cursor:pointer}
.wb .lvl.on{background:var(--wb-acc);border-color:var(--wb-acc);color:#fff;font-weight:600}
.wb .go{width:100%;margin-top:14px;padding:15px;border:0;border-radius:13px;background:var(--wb-acc);color:#fff;font-size:17px;font-weight:700;cursor:pointer}
.wb .go:disabled{opacity:.45;cursor:not-allowed}
.wb .ghost{width:100%;margin-top:9px;padding:14px;border-radius:13px;border:1px solid var(--wb-line);background:transparent;color:var(--wb-txt);font-size:16px;cursor:pointer}
.wb .ghost:disabled{opacity:.4;cursor:not-allowed}
.wb .warn{color:var(--wb-gold);font-size:13px;text-align:center;margin-top:10px;min-height:1em}

.wb .bar{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--wb-dim);margin-bottom:10px}
.wb .prog{height:5px;border-radius:5px;background:var(--wb-line);overflow:hidden;margin-bottom:16px}
.wb .prog i{display:block;height:100%;background:var(--wb-acc);width:0;transition:width .3s}
.wb .qbox{text-align:center;padding:22px 12px;position:relative}
.wb .qlab{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--wb-dim);margin-bottom:8px}
.wb .qword{font-size:34px;font-weight:700;line-height:1.25;word-break:break-word}
.wb .qro{font-size:15px;color:var(--wb-dim);margin-top:5px;font-style:italic}
.wb .dots{position:absolute;top:12px;right:14px;font-size:12px;letter-spacing:2px;color:var(--wb-line)}
.wb .dots b{color:var(--wb-ok);font-weight:400}
.wb .opts{display:grid;gap:9px}
.wb .opt{width:100%;padding:15px 13px;border-radius:13px;border:1px solid var(--wb-line);background:var(--wb-card);color:var(--wb-txt);font-size:17px;text-align:left;cursor:pointer;line-height:1.35}
.wb .opt small{display:block;color:var(--wb-dim);font-size:13px;font-style:italic;margin-top:2px}
.wb .opt.ok{background:rgba(47,191,113,.16);border-color:var(--wb-ok)}
.wb .opt.no{background:rgba(224,71,91,.16);border-color:var(--wb-no)}
.wb .opt:disabled{cursor:default}
.wb .sent{margin-top:14px;border-left:3px solid var(--wb-gold);background:rgba(240,180,41,.09);border-radius:0 12px 12px 0;padding:13px 14px}
.wb .sent .t{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--wb-gold);margin-bottom:8px}
.wb .sent p{margin:0 0 9px;line-height:1.55}
.wb .sent p:last-child{margin-bottom:0}
.wb .sent .ro{color:var(--wb-dim);font-size:14px;font-style:italic}
.wb .sent .flag{color:var(--wb-dim);font-size:12px;margin-right:5px}
.wb .next{width:100%;margin-top:13px;padding:15px;border:0;border-radius:13px;background:var(--wb-acc);color:#fff;font-size:17px;font-weight:700;cursor:pointer}
.wb .big{font-size:40px;text-align:center;margin:6px 0}
.wb .rev{margin-top:14px}
.wb .rev .it{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--wb-line);font-size:15px}
.wb .rev .it span{color:var(--wb-dim);text-align:right}
.wb .note{font-size:13px;color:var(--wb-dim);text-align:center;margin-top:12px;line-height:1.5}

.wb .seo{margin-top:26px;font-size:15px;line-height:1.65;color:#d6d3e6}
.wb .seo h2{font-size:19px;margin:1.6em 0 .4em}
.wb .seo h3{font-size:16px;margin:1.2em 0 .3em}
.wb .seo ul,.wb .seo ol{padding-left:1.25em}
.wb .seo li{margin:.35em 0}
.wb table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14px}
.wb th,.wb td{text-align:left;padding:7px 6px;border-bottom:1px solid var(--wb-line)}
.wb th{color:var(--wb-dim);font-weight:600}
.hide{display:none!important}
@media(max-width:380px){.wb .qword{font-size:28px}.wb .opt{font-size:16px;padding:13px 11px}.wb .chip b{font-size:19px}}
.wb .dim{color:var(--wb-dim)}
.wb .rh{text-align:center;margin:.1em 0 .2em;font-size:21px}
.wb .rl{text-align:center;color:var(--wb-dim);margin:0}
.wb .revh{font-size:13px;color:var(--wb-dim);margin-bottom:6px}
.wb .revh.ctr{text-align:center;padding:8px 0;font-size:14px;margin:0}
.wb .rev .it b{font-weight:600}
.wb .hero{text-align:center;margin-bottom:16px}
.wb .hero h1{font-size:25px;margin:.15em 0 .15em}
.wb .hero p{color:var(--wb-dim);font-size:14px;margin:0;line-height:1.5}
.wb .other{margin-top:24px;font-size:14px}
.wb .other a{display:inline-block;padding:8px 13px;margin:4px 4px 0 0;border:1px solid var(--wb-line);border-radius:999px;color:var(--wb-txt);text-decoration:none}