.thpbc{--bg:#0d1424;--pn:#151f36;--pn2:#1c2947;--ln:#2a3a5e;--tx:#e6ecfa;--mu:#8fa0c4;--mint:#3ee6c3;--cor:#ff7a59;--gold:#ffd166;
max-width:1000px;margin:24px auto;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--tx);background:var(--bg);border:1px solid var(--ln);border-radius:20px;overflow:hidden;box-sizing:border-box;line-height:1.45;box-shadow:0 12px 40px rgba(5,10,25,.35)}
.thpbc *{box-sizing:border-box}
.thpbc-head{padding:22px 24px 8px;background:linear-gradient(135deg,#13213f,#0d1424 70%)}
.thpbc-title{font-family:"Trebuchet MS","Segoe UI",sans-serif;font-size:26px;margin:0;color:#fff;letter-spacing:.3px}
.thpbc-title span{color:var(--mint)}
.thpbc-sub{color:var(--mu);font-size:13px;margin-top:4px}
.thpbc-tabs{display:flex;gap:6px;padding:14px 24px 0;overflow-x:auto;border-bottom:1px solid var(--ln);background:#0f1830}
.thpbc-tab{background:transparent;border:0;color:var(--mu);padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}
.thpbc-tab:hover{color:#fff}
.thpbc-tab.on{color:var(--mint);border-bottom-color:var(--mint)}
.thpbc-body{padding:22px 24px 8px}
.thpbc-row{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end}
.thpbc-f label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--mu);font-weight:700;margin-bottom:6px}
.thpbc-in{width:100%;background:var(--pn);border:1px solid var(--ln);border-radius:10px;color:#fff;padding:12px 14px;font-size:16px;outline:none}
.thpbc-in:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(62,230,195,.18)}
.thpbc-in.bad{border-color:var(--cor)}
.thpbc-swap{width:44px;height:44px;border-radius:50%;border:0;background:var(--gold);color:#1b2438;font-size:19px;font-weight:700;cursor:pointer;margin-bottom:1px}
.thpbc-swap:hover{filter:brightness(1.1)}
.thpbc-res{margin-top:20px}
.thpbc-card{background:var(--pn);border:1px solid var(--ln);border-radius:16px;padding:18px;margin-bottom:12px}
.thpbc-big{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.thpbc-av{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-weight:800;font-size:15px;color:#0d1424;flex:0 0 auto}
.thpbc-av.lg{width:64px;height:64px;font-size:22px}
.thpbc-cn{font-family:"Trebuchet MS",sans-serif;font-size:26px;font-weight:700;color:#fff}
.thpbc-tag{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;margin-left:8px;vertical-align:middle;text-transform:uppercase;letter-spacing:.05em}
.thpbc-tag.sp{background:rgba(255,209,102,.16);color:var(--gold)}
.thpbc-tag.fm{background:rgba(62,230,195,.14);color:var(--mint)}
.thpbc-tag.sm{background:rgba(143,160,196,.18);color:var(--mu)}
.thpbc-tag.no{background:rgba(255,122,89,.16);color:var(--cor)}
.thpbc-why{color:var(--mu);font-size:14px;margin-top:10px}
.thpbc-why b{color:var(--tx)}
.thpbc-near{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.thpbc-pill{background:var(--pn2);border:1px solid var(--ln);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--mu)}
.thpbc-h{font-family:"Trebuchet MS",sans-serif;font-size:17px;margin:20px 0 10px;color:#fff}
.thpbc-list{display:grid;gap:8px}
.thpbc-item{display:flex;align-items:center;gap:12px;background:var(--pn);border:1px solid var(--ln);border-radius:12px;padding:10px 14px;cursor:pointer;text-align:left;color:var(--tx);font:inherit;width:100%}
.thpbc-item:hover{border-color:var(--mint)}
.thpbc-item .av{width:30px;height:30px;font-size:11px}
.thpbc-grow{flex:1;min-width:0}
.thpbc-sm{font-size:12px;color:var(--mu)}
.thpbc-more{display:block;margin:14px auto;background:var(--pn2);color:#fff;border:1px solid var(--ln);border-radius:10px;padding:10px 22px;font-weight:600;cursor:pointer}
.thpbc-more:hover{border-color:var(--mint)}
.thpbc-tw{overflow-x:auto;border:1px solid var(--ln);border-radius:12px}
.thpbc-t{width:100%;border-collapse:collapse;font-size:14px}
.thpbc-t th{background:var(--pn2);color:var(--mu);text-align:left;padding:10px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;white-space:nowrap}
.thpbc-t td{padding:9px 12px;border-top:1px solid var(--ln)}
.thpbc-t tr.clk{cursor:pointer}
.thpbc-t tr.clk:hover td{background:var(--pn)}
.thpbc-foot{padding:14px 24px 20px;font-size:12px;color:var(--mu)}
.thpbc-empty{color:var(--mu);padding:18px;text-align:center}
@media(max-width:680px){
.thpbc-row{grid-template-columns:1fr}
.thpbc-swap{margin:0 auto;transform:rotate(90deg)}
.thpbc-body{padding:16px}
.thpbc-cn{font-size:21px}
}