/* 0.10.2zzzs search result cards (NOTES 101). z-index 430 (400-460 band). Small text at 70%. */
#srcCards{position:fixed;left:0;right:0;top:44px;z-index:430;padding:0 12px;opacity:0;transition:opacity 600ms ease;pointer-events:none}
#srcCards.on{opacity:1;pointer-events:auto}
@media (prefers-reduced-motion: reduce){html body #srcCards{transition:opacity 400ms linear!important}}
#srcCards .scTop{display:flex;align-items:center;justify-content:space-between;margin:0 2px 8px}
#srcCards .scL{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
#srcCards .scX0{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:50%;width:30px;height:30px;font-size:13px;line-height:1;cursor:pointer}
#srcCards .scRow{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#srcCards .scRow::-webkit-scrollbar{display:none}
#srcCards .scCard{flex:0 0 76%;max-width:300px;scroll-snap-align:start;display:flex;flex-direction:column;text-decoration:none;color:#fff;background:rgba(18,18,22,.92);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden}
#srcCards .scImg{width:100%;height:132px;object-fit:cover;display:block;background:rgba(255,255,255,.05)}
#srcCards .scBody{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px}
#srcCards .scHead{font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#srcCards .scTxt{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
#srcCards .scWho{font-size:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#srcCards .scXlogo{font-size:13px}
#srcCards .scSm{font-size:12px;color:rgba(255,255,255,.7)}

/* 0.10.2zzzu chart cards (NOTES 103), big card in 0.10.2zzzy (NOTES 107): about 70% of the screen, full width on a phone.
   ORB's words move below the card and the orb sits behind it, so nothing overlaps. Full screen at z 450 (400-460 band). */
#srcCards.scChartBox{display:flex;flex-direction:column;height:min(70vh,70dvh);box-sizing:border-box;padding:0 8px;transition:opacity 600ms ease,top 450ms ease,height 450ms ease}
#srcCards.scChartBox .scRow{flex:1 1 auto;min-height:0;overflow:hidden;padding-bottom:0}
#srcCards .scChart{flex:1 1 100%;max-width:1100px;margin:0 auto;padding:6px 6px 8px;display:flex;flex-direction:column;min-height:0;background:rgba(14,14,18,.97)}
#srcCards .scChart .tradingview-widget-container{flex:1 1 auto;width:100%;min-height:240px;border-radius:12px;overflow:hidden;background:rgba(18,18,22,1)}
#srcCards .scChart .tradingview-widget-container__widget{width:100%;height:100%}
#srcCards .scChart iframe{width:100%!important;height:100%!important;border:0;display:block}
#srcCards .scHint{text-align:center;margin-top:6px}
#srcCards .scBtns{display:flex;gap:8px}
#srcCards .scExp{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:50%;width:30px;height:30px;font-size:14px;line-height:1;cursor:pointer}
#srcCards .scSeg{display:flex;gap:2px;align-self:center;margin:0 0 6px;padding:2px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
#srcCards .scTf{background:none;border:0;border-radius:999px;color:rgba(255,255,255,.7);font:inherit;font-size:12px;padding:6px 12px;cursor:pointer;transition:background 400ms ease,color 400ms ease}
#srcCards .scTf.on{background:rgba(255,255,255,.16);color:#fff}
#srcCards .scLv{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px}
#srcCards .scLv[hidden]{display:none}
#srcCards .scChip{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);white-space:nowrap}
#srcCards .scChip.scSup{border-color:rgba(80,200,160,.45)}
#srcCards .scChip.scRes{border-color:rgba(235,110,110,.45)}
#srcCards.scChartBox.scFull{top:0;height:100vh;height:100dvh;z-index:450;padding:10px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(6,6,9,.98)}
body.scChartOn #cap{top:calc(52px + min(70vh,70dvh))!important;max-height:calc(100dvh - 52px - min(70vh,70dvh) - 76px)!important;overflow-y:auto}
body.scChartOn #st,body.scChartOn #you{opacity:0!important;transition:opacity 400ms ease}
@media (prefers-reduced-motion: reduce){html body #srcCards.scChartBox{transition:opacity 400ms linear!important}#srcCards .scTf{transition:none}}

/* 0.10.2zzzv video cards */
#srcCards .scVid{flex:0 0 100%;max-width:420px}
#srcCards .scVidEl{width:100%;max-height:min(52vh,420px);display:block;border-radius:12px;background:#000}
#srcCards .scVidWait{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 12px;text-align:center}
#srcCards .scSpin{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:rgba(255,255,255,.85);animation:scSpin 1.1s linear infinite}
@keyframes scSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){#srcCards .scSpin{animation:none;border-top-color:rgba(255,255,255,.5)}}