:root{--bull:#22d36b;--bear:#ff4d5e;--btc:#f7931a;--gold:#ffcd50;--bg:#0b0a10;--ink:#eceaf6;--mut:#a0a0be}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050508;color:var(--ink);
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button{font-family:inherit}
#stage{position:fixed;left:50%;top:50%;width:1280px;height:720px;transform-origin:50% 50%;overflow:hidden;background:var(--bg);user-select:none;-webkit-user-select:none;touch-action:manipulation}
#hdr{position:absolute;left:0;right:0;top:0;height:60px;display:flex;align-items:center;gap:12px;padding:0 16px;background:rgba(10,10,20,.96);border-bottom:2px solid var(--btc);z-index:30}
#coin{width:36px;height:36px;flex:none;border-radius:50%;background:var(--btc);border:2px solid #ffc879;display:grid;place-items:center;color:#3a1d00;font:800 21px/1 Inter,sans-serif}
#brand{display:flex;flex-direction:column;line-height:1.15;text-decoration:none}
#brand b{font-size:18px;color:#fff;white-space:nowrap}
#brand span{font-size:12px;color:#aab}
#more{display:flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:999px;border:1px solid #64648c;background:#1c1c2e;color:#e6e6f5;font:600 13px Inter,sans-serif;cursor:pointer}
#more:hover{background:#26263c}
#more svg{width:14px;height:14px}
#ttl{flex:1;text-align:center;min-width:0;line-height:1.35}
#ttl b{display:block;color:var(--btc);font-size:13px;letter-spacing:.08em;white-space:nowrap}
#ttl small{display:block;color:var(--mut);font-size:11.5px;white-space:nowrap}
#find{flex:none;display:flex;align-items:center;gap:6px;height:34px;padding:0 4px 0 12px;border-radius:999px;background:#1c1c2e;border:1px solid #64648c;width:260px;position:relative}
#find:focus-within{border-color:var(--btc)}
#find svg{width:15px;height:15px;color:#e1e1f0;flex:none}
#q{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:500 14px Inter,sans-serif}
#q::placeholder{color:#a5a5c3}
#go{border:0;height:26px;padding:0 11px;border-radius:999px;background:var(--btc);color:#2a1500;font-weight:800;font-size:13px;cursor:pointer}
#sugg{position:absolute;right:0;top:40px;width:260px;background:rgba(14,14,26,.98);border:1px solid #444466;border-radius:12px;padding:5px;display:none;z-index:40;box-shadow:0 10px 30px rgba(0,0,0,.6)}
#sugg button{display:flex;width:100%;align-items:center;gap:9px;padding:6px 8px;border:0;background:none;color:#fff;border-radius:8px;cursor:pointer;text-align:left;font-size:13px}
#sugg button:hover,#sugg button.on{background:#26263e}
#sugg button small{color:var(--mut);margin-left:auto;font-size:11px}
#sugg .none{padding:8px;color:var(--mut);font-size:13px}
/* more panel */
#mback{position:absolute;inset:0;z-index:44;display:none;background:rgba(0,0,0,.35)}
#mpanel{position:absolute;z-index:45;display:none;left:150px;top:62px;width:350px;padding:10px;border-radius:14px;background:rgba(14,14,26,.98);border:1px solid var(--gold);box-shadow:0 12px 40px rgba(0,0,0,.6);color:#eee;animation:pop .18s ease-out}
#mpanel h3{margin:2px 4px 8px;font-size:13px;color:var(--gold);letter-spacing:.04em;display:flex;justify-content:space-between;align-items:center}
#mpanel h3 button{border:0;background:none;color:#aaa;font-size:20px;cursor:pointer;padding:0 4px;line-height:1}
#mpanel a{display:flex;gap:10px;align-items:center;padding:8px;border-radius:10px;color:#fff;text-decoration:none}
#mpanel a:hover{background:#24243a}
#mpanel img{width:72px;height:40px;object-fit:cover;border-radius:6px;flex:none;background:#333}
#mpanel img.sq{width:40px;border-radius:50%;margin:0 16px}
#mpanel .ph{width:72px;height:40px;border-radius:6px;flex:none;display:grid;place-items:center;font-size:20px;background:#22223a}
#mpanel b{display:block;font-size:14px}
#mpanel small{display:block;font-size:12px;color:#b4b4cc;line-height:1.3;margin-top:2px}
#mpanel .ar{margin-left:auto;color:#888}
#mpanel .sep{font-size:11px;color:var(--mut);letter-spacing:.12em;margin:8px 6px 2px;font-weight:700}
/* controls dock */
#dock{position:absolute;left:12px;right:12px;top:612px;height:44px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:14px;background:rgba(18,17,32,.92);border:1px solid #2c2c48;z-index:20}
.btn{height:32px;padding:0 14px;border-radius:999px;border:1px solid #55557a;background:#22223a;color:#fff;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.btn:hover{background:#2c2c48}
.btn:active{transform:scale(.96)}
#play{background:var(--btc);color:#2a1500;border-color:#ffb558;min-width:142px;justify-content:center}
#play:hover{background:#ffa53a}
#scrub{flex:1;min-width:120px;display:flex;align-items:center;gap:9px}
#tr{flex:1;accent-color:var(--btc);height:28px;cursor:pointer;margin:0}
#tl{font:800 13px/1 ui-monospace,Menlo,monospace;color:var(--gold);white-space:nowrap;width:86px;text-align:right}
.seg{display:inline-flex;border:1px solid #44446a;border-radius:999px;padding:2px;background:#15152a;flex:none}
.seg button{border:0;background:none;color:#b8b8d4;font-weight:700;font-size:12px;height:26px;padding:0 10px;border-radius:999px;cursor:pointer;white-space:nowrap}
.seg button.on{background:#3a3a60;color:#fff;box-shadow:inset 0 0 0 1px #7a7ab0}
.seg .lb{font-size:10.5px;color:var(--mut);font-weight:800;letter-spacing:.1em;align-self:center;padding:0 6px 0 8px}
/* bottom row */
#side{position:absolute;left:12px;bottom:10px;height:44px;display:flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:999px;background:rgba(16,16,30,.94);border:1px solid #2c2c44;z-index:20}
#side .lb{font-size:12px;font-weight:800;color:#fff;letter-spacing:.04em}
#side .pk{height:32px;padding:0 13px;border-radius:999px;font-weight:800;font-size:13px;cursor:pointer;border:2px solid transparent;background:#1d1d30;transition:transform .15s}
#side .pk:active{transform:scale(.94)}
#pkBull{color:var(--bull);border-color:#1d6b3e!important}
#pkBear{color:var(--bear);border-color:#7a2530!important}
#pkBull.on{background:var(--bull);color:#04210f;border-color:var(--bull)!important;box-shadow:0 0 16px rgba(34,211,107,.6)}
#pkBear.on{background:var(--bear);color:#2a0508;border-color:var(--bear)!important;box-shadow:0 0 16px rgba(255,77,94,.6)}
#crowd{display:flex;flex-direction:column;gap:3px;width:230px;margin-left:4px;cursor:help}
#crowd .cb{height:9px;border-radius:999px;overflow:hidden;display:flex;background:#333}
#crowd .cb i{display:block;height:100%;transition:width .8s cubic-bezier(.3,1.4,.5,1)}
#crowd .cb .r{background:var(--bear)} #crowd .cb .g{background:var(--bull)}
#crowd small{font-size:10.5px;color:var(--mut);white-space:nowrap;font-weight:600}
#crowd small b{color:#fff}
#proto{position:absolute;left:660px;bottom:20px;padding:5px 11px;border-radius:6px;border:1px dashed #ff9aa4;color:#ffb3ba;background:rgba(40,10,16,.85);font:800 11px Inter,sans-serif;letter-spacing:.12em;z-index:20;white-space:nowrap}
#want{position:absolute;right:14px;bottom:10px;height:44px;padding:0 18px;border-radius:999px;background:var(--btc);color:#2a1500;font-weight:800;font-size:17px;line-height:44px;box-shadow:0 0 22px rgba(247,147,26,.5);z-index:20;white-space:nowrap;text-decoration:none;transition:transform .15s}
#want:hover{transform:scale(1.04)}
#want small{font-weight:600;font-size:12px;opacity:.75;margin-left:6px}
/* avatars */
.av{border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;flex:none;position:relative;overflow:hidden;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.av.bull{box-shadow:0 0 0 2px var(--bull)}
.av.bear{box-shadow:0 0 0 2px var(--bear)}
.av.you{background:radial-gradient(circle at 35% 30%,#ffe29a,#f7931a 70%)!important;color:#2a1500;text-shadow:none}
/* card */
.card{position:absolute;z-index:35;width:300px;background:rgba(14,14,26,.98);border:2px solid var(--btc);border-radius:14px;padding:12px 13px 12px;box-shadow:0 12px 34px rgba(0,0,0,.7);color:#fff;animation:pop .2s cubic-bezier(.3,1.5,.6,1)}
@keyframes pop{from{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}
.card .row{display:flex;gap:11px;align-items:center;padding-right:18px}
.card .nm{font-weight:800;font-size:15px}
.card .vf{color:#1d9bf0}
.card .hd{font-size:12.5px;color:#b9b9d2;margin-top:2px}
.card .tags{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.card .st{font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;letter-spacing:.05em}
.card .st.bull{background:var(--bull);color:#04210f}.card .st.bear{background:var(--bear);color:#2a0508}.card .st.none{background:#444;color:#ddd}
.card .tg{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:#2a2a44;color:#ddd}
.card .ex{margin-top:9px;font-size:13px;color:#e6e6f6;line-height:1.4;background:#1a1a2c;border-left:3px solid #55557a;border-radius:6px;padding:7px 9px}
.card .ex small{display:block;font-size:10px;letter-spacing:.12em;color:#ff9aa4;font-weight:800;margin-bottom:3px}
.card .meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}
.card .meta div{background:#1a1a2c;border-radius:8px;padding:5px 7px}
.card .meta b{display:block;font-size:15px;color:var(--gold)}
.card .meta small{display:block;font-size:10.5px;color:var(--mut)}
.card .xtra{margin-top:8px;font-size:12.5px;color:#ffd9a8;line-height:1.35}
.card .x{position:absolute;right:6px;top:4px;color:#999;font-size:20px;background:none;border:0;cursor:pointer;padding:2px 6px}
/* toast */
#toast{position:absolute;left:50%;top:76px;transform:translateX(-50%);z-index:36;padding:8px 16px;border-radius:999px;background:rgba(20,20,36,.96);border:1px solid var(--gold);font-weight:700;font-size:13px;color:#fff;opacity:0;transition:opacity .25s;pointer-events:none;white-space:nowrap}
#toast.on{opacity:1}
.hl-ring{animation:ring 1s ease-in-out infinite}
@keyframes ring{0%,100%{box-shadow:0 0 0 3px var(--gold),0 0 18px var(--gold)}50%{box-shadow:0 0 0 6px var(--gold),0 0 34px var(--gold)}}
.bullc{color:var(--bull)}.bearc{color:var(--bear)}

#tabs{flex:1;display:flex;justify-content:center;gap:4px;min-width:0}
#tabs button{border:1px solid #2c2c44;background:#15152a;color:#b8b8d4;font:700 13px Inter,sans-serif;height:34px;padding:0 13px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s}
#tabs button:hover{background:#22223a;color:#fff}
#tabs button.on{background:var(--btc);border-color:var(--btc);color:#2a1500;box-shadow:0 0 14px rgba(247,147,26,.45)}
.card.docked{animation:slidein .25s cubic-bezier(.3,1.2,.5,1);max-height:536px;overflow:auto}
@keyframes slidein{from{transform:translateX(40px);opacity:0}}
/* ---------- Raw / Unbiased bar (bottom row, every view) ---------- */
#crowd{width:158px}
#crowd small{font-size:9.5px;overflow:hidden;text-overflow:ellipsis}
#modebar{position:absolute;left:447px;bottom:10px;height:44px;display:flex;align-items:center;gap:7px;padding:0 6px 0 6px;border-radius:999px;background:rgba(16,16,30,.94);border:1px solid #2c2c44;z-index:20;cursor:help}
#modebar button{cursor:pointer}
#mseg{background:#15152a}
#mseg button{height:28px;font-size:12.5px;padding:0 9px}
#mseg button[data-m="raw"].on{background:#3a3a60}
#mseg button[data-m="unb"].on{background:var(--btc);color:#2a1500;box-shadow:0 0 12px rgba(247,147,26,.45)}
#mvote{height:28px;padding:0 9px;border-radius:999px;border:1px solid #44446a;background:#15152a;color:#b8b8d4;font:700 11.5px Inter,sans-serif;white-space:nowrap}
#mvote::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;border:1.5px solid #77779a;margin-right:5px;vertical-align:0}
#mvote.on{background:#3a3a60;color:#fff;box-shadow:inset 0 0 0 1px #7a7ab0}
#mvote.on::before{background:var(--gold);border-color:var(--gold)}
#mnums{width:176px;line-height:1.2;white-space:nowrap;font-size:11px;font-weight:600;color:#8d8dab}
#mnums i{font-style:normal;margin:0 4px;color:#55557a}
#mnums span b{font-weight:800;color:#b8b8d4}
#mnums span.on{color:#fff}#mnums span.on b{color:var(--gold)}
#mrem{display:block;border:0;background:none;padding:0;margin-top:1px;color:#ffb3ba;font:700 11px Inter,sans-serif;white-space:nowrap}
#mrem b{color:#fff}
#mrem:hover{text-decoration:underline}
#stage:not(.unb) #mrem{color:var(--gold)}
#proto.live{left:auto;right:259px;bottom:13px;padding:3px 8px;line-height:1.15;border-style:solid;border-color:#2c8f57;color:#9ff0c0;background:rgba(8,30,18,.88);letter-spacing:.02em;text-align:center;font-size:10px}
#proto.live small{display:block;font-size:9px;font-weight:700;letter-spacing:.02em;color:#6fbf92}
/* UNBIASED badge: views drop a .ubadge next to their main number; shown only in Unbiased mode */
#stage .ubadge{display:none;align-items:center;gap:3px;height:18px;padding:0 7px;border-radius:5px;background:rgba(247,147,26,.14);border:1px solid var(--btc);color:var(--btc);font:900 10px/1 Inter,sans-serif;letter-spacing:.12em;white-space:nowrap;vertical-align:middle;cursor:help}
#stage.unb .ubadge{display:inline-flex}
#arBan .ubadge,#arBan .smbadge{font-style:normal}
.ocUb{margin-top:4px;pointer-events:auto}
/* bias panel (removed accounts) */
.card.panel.biasp{max-height:560px;overflow:auto}
.card.panel.biasp.docked{max-height:536px}
.card.panel.biasp .lead{margin:-2px 0 6px;font-size:11.5px;color:#b9b9d2}
.card.panel.biasp .bgh{margin:8px 0 3px;font-size:10.5px;font-weight:900;letter-spacing:.12em}
.card .brow{display:flex;align-items:center;gap:8px;padding:3px 5px;border-radius:8px;cursor:pointer;font-size:12.5px}
.card .brow:hover{background:#22223a}
.card .brow .h{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card .brow .chip{font-size:8.5px;font-weight:900;letter-spacing:.08em;border:1px solid currentColor;border-radius:4px;padding:1px 4px;opacity:.85}
.card .brow .md{width:58px;text-align:right;font-size:11px;font-weight:800;color:var(--mut)}
.card .brow .md.bull{color:var(--bull)}.card .brow .md.bear{color:var(--bear)}
.card.panel.biasp .meth{font-size:10.5px;line-height:1.35;color:#8d8dab;margin-top:10px}
/* account card: bias chip + normal tone line */
.card .tg.bias{background:rgba(0,0,0,.25)}
.card .tone{border-left:2px solid #3a3a5a;padding-left:7px;margin-top:8px!important}
/* ---------- Smart Money mode (3rd mode) + top-trader helpers ---------- */
:root{--sm:#3ee6d0}
#mseg button{padding:0 7px;font-size:12px}
#mseg button[data-m="sm"].on{background:var(--sm);color:#03241f;box-shadow:0 0 12px rgba(62,230,208,.45)}
#mnums{width:auto;min-width:150px}
#mnums i{margin:0 3px}
#mnums span.on{color:#fff}
#stage.sm #mnums span.on b{color:var(--sm)}
#stage.sm #modebar{border-color:#1f5c55}
#stage.sm #mrem{color:#ffb3ba}
/* SMART MONEY badge: shown only in Smart Money mode (next to every .ubadge) */
#stage .smbadge{display:none;align-items:center;gap:3px;height:18px;padding:0 7px;border-radius:5px;background:rgba(62,230,208,.12);border:1px solid var(--sm);color:var(--sm);font:900 10px/1 Inter,sans-serif;font-style:normal;letter-spacing:.12em;white-space:nowrap;vertical-align:middle;cursor:help}
#stage.sm .smbadge{display:inline-flex}
/* track-record block on account cards */
.card .trk{margin-top:8px;padding:5px 8px;border-radius:7px;background:rgba(62,230,208,.07);border-left:2px solid var(--sm);font:700 11.5px/1.35 Inter,Arial,sans-serif;color:#bff6ee}
.card .trk small{display:block;font-weight:600;font-size:10px;color:#7fb8b0;margin-top:2px}
.card .tstance,.tstance{display:inline-block;font:800 10.5px/1 Inter,sans-serif;padding:4px 7px;border-radius:999px;white-space:nowrap;letter-spacing:.03em}
.tstance.bull{background:rgba(34,211,107,.16);color:var(--bull)}.tstance.bear{background:rgba(255,77,94,.16);color:var(--bear)}.tstance.neutral{background:#2a2a40;color:#c9c9dc}.tstance.none{background:none;color:#77779a;border:1px dashed #44445e}
.card .tlat{margin-top:7px;font-size:12px;color:#e6e6f6;line-height:1.38;background:#1a1a2c;border-left:3px solid var(--sm);border-radius:6px;padding:6px 8px;font-weight:500}
.card .tlat small{display:block;font-size:9.5px;letter-spacing:.1em;color:var(--sm);font-weight:800;margin-bottom:3px}
.card .tlat a{display:block;margin-top:4px;color:#f7931a;font-weight:700;text-decoration:none}
.card .tlat.none{color:var(--mut);border-left-color:#44445e}
.card .tcav{margin-top:6px;font-size:10.5px;color:#8d8dab;line-height:1.3}
.card.panel.trdp .meta.tm{grid-template-columns:1fr 1fr}
.card.panel.trdp .meta.tm small{font-size:10px}
.card.panel.trdp .xtra{color:#e6e6f6}
/* CI bar: 0..100% track, CI band, hit-rate dot, 50% marker */
.ci{position:relative;display:inline-block;height:8px;border-radius:4px;background:#1e1d30;vertical-align:middle}
.ci.none{background:none;color:var(--mut);height:auto;font-size:11px}
.ci i{position:absolute;top:0;height:100%;font-style:normal}
.ci .b{background:rgba(62,230,208,.35);border-radius:4px}
.ci .m{width:1.5px;margin-left:-.75px;top:-3px;height:14px;background:#ffcd50}
.ci .d{width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#dff;box-shadow:0 0 0 1.5px #0b0a10}
.ci .d.ok{background:var(--bull)}
/* 3-mode bar: tighter bottom row so Raw | Unbiased | Smart Money and the 3-way numbers fit next to the LIVE pill */
#crowd{width:118px}
#modebar{left:409px;gap:5px}
#mseg button{padding:0 6px;font-size:11.5px}
#mvote{padding:0 7px;font-size:10.5px}
#mvote::before{margin-right:4px}
#mnums{font-size:10.5px;min-width:0}
#mrem{font-size:10.5px}
/* 7 header tabs */
#tabs{gap:3px}
#tabs button{padding:0 9px;font-size:12.5px}
#side .pk{padding:0 10px}
#modebar{left:397px}
#mseg button{padding:0 5px}
#proto.live{right:251px}
#mnums{width:186px;overflow:hidden;text-overflow:ellipsis}
#mnums>div{overflow:hidden;text-overflow:ellipsis}
/* ---------- Smart Money BETA, How it works, minimum signal ---------- */
#mseg sup.beta{display:inline-block;margin-left:3px;padding:1px 3px;border-radius:3px;border:1px solid currentColor;font:900 7px/1 Inter,sans-serif;letter-spacing:.06em;vertical-align:2px;opacity:.9}
#stage .smbadge::after{content:'\a0·\a0 BETA';opacity:.85}
.howlnk{border:0;background:none;padding:0;margin:0;color:var(--sm);font:700 10.5px Inter,sans-serif;cursor:pointer;white-space:nowrap}
.howlnk:hover{text-decoration:underline}
/* neutral grey "Not enough signal today (N traders)" (Smart Money below the minimum; never a number) */
.nosig{color:#a2a2bc;font-weight:700;white-space:nowrap}
.nosig .howlnk{font-size:inherit;margin-left:4px}
#mnums span b.ns,#stage.sm #mnums span.on b.ns{color:#a2a2bc;font-weight:700}
/* bottom row: two-line vote toggle, numbers + How it works on the right, nothing cut off */
#modebar{gap:5px;padding:0 8px 0 5px}
#mvote{display:flex;align-items:center;height:30px;padding:0 7px;line-height:1.05;font-size:10px;text-align:left}
#mvote span{display:block}
#mnums{width:auto;overflow:visible}
#mnums>div{overflow:visible}
#mnums .ml2{display:flex;align-items:center;gap:9px;margin-top:1px}
#mnums .ml2 #mrem{margin-top:0}
/* How it works popover (HC.howPanel → HC.smHow) */
.card.panel.howp{width:820px;border-color:var(--sm);padding:14px 18px 12px}
.card.panel.howp h4{margin:0 24px 10px 0;font:900 17px/1.2 Inter,sans-serif;color:#fff;display:flex;align-items:center;gap:10px}
.card.panel.howp h4 .smb{font:900 10px/1 Inter,sans-serif;letter-spacing:.12em;color:var(--sm);border:1px solid var(--sm);background:rgba(62,230,208,.12);border-radius:5px;padding:4px 7px}
.card.panel.howp ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;counter-reset:hw}
.card.panel.howp li{counter-increment:hw;position:relative;padding:7px 10px 8px 34px;background:#17172a;border-radius:9px;border-left:2px solid #1f5c55}
.card.panel.howp li::before{content:counter(hw);position:absolute;left:9px;top:8px;width:17px;height:17px;border-radius:50%;background:rgba(62,230,208,.16);color:var(--sm);font:900 10.5px/17px Inter,sans-serif;text-align:center}
.card.panel.howp li b{display:block;font-size:13px;color:#fff;margin-bottom:2px}
.card.panel.howp li span{display:block;font-size:12px;line-height:1.38;color:#c4c4dc}
.card.panel.howp .hf{margin:10px 0 0;font-size:11px;color:#8d8dab;line-height:1.35}
#crowd{width:100px}
#side .pk{padding:0 9px}
#modebar{left:375px;padding:0 6px 0 5px}
#mnums .ml2{gap:7px}