/* On X now (formerly Trending on X): header button + live-search sheet (apply_trending_x.py). No shadows, glows or halos. */
.tx-btn{position:absolute;top:4px;right:10px;z-index:5;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px 0 8px;border-radius:999px;
  background:#000;color:#E7E9EA;border:1px solid #3A3F45;font:600 12px/1 Inter,system-ui,sans-serif;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tx-btn svg{width:12px;height:12px;fill:currentColor;flex:0 0 auto}
.tx-btn .tx-dot{width:7px;height:7px;border-radius:50%;background:#F4212E;flex:0 0 auto;animation:txLive 1.8s ease-in-out infinite}
@keyframes txLive{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
.tx-hd h2 .tx-dot{width:9px;height:9px;border-radius:50%;background:#F4212E;flex:0 0 auto;animation:txLive 1.8s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.tx-btn .tx-dot,.tx-hd h2 .tx-dot{animation:none}}
.tx-btn:hover,.tx-btn:focus-visible{background:#16181C;border-color:#E2BE6A;outline:none}

@media (min-width:760px){
  .tx-btn{position:fixed;top:auto;bottom:18px;left:18px;right:auto;z-index:900;height:40px;padding:0 16px 0 14px;font-size:14px;gap:8px;border-color:#536471}
  .tx-btn svg{width:15px;height:15px}
}

.tx-ov{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.62);display:flex;align-items:flex-end;justify-content:center}
.tx-ov[hidden]{display:none}
.tx-sheet{width:100%;max-width:560px;max-height:88vh;max-height:88dvh;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  background:#0B0C0E;color:#E7E9EA;border:1px solid #2F3336;border-bottom:0;border-radius:18px 18px 0 0;padding:6px 16px calc(18px + env(safe-area-inset-bottom));
  font:400 15px/1.4 Inter,system-ui,sans-serif;box-sizing:border-box}
@media (min-width:760px){.tx-ov{align-items:center}.tx-sheet{border-radius:18px;border-bottom:1px solid #2F3336;max-height:84vh}}
.tx-grab{width:40px;height:4px;border-radius:2px;background:#3A3F45;margin:4px auto 10px}
.tx-hd{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.tx-hd h2{margin:0;font:700 21px/1.15 Inter,system-ui,sans-serif;color:#fff;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.tx-hd h2 svg{width:18px;height:18px;fill:#fff}
.tx-hd p{margin:4px 0 0;color:#8B98A5;font-size:13px}
.tx-x{margin-left:auto;flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid #2F3336;background:#16181C;color:#E7E9EA;font:400 22px/1 Inter,sans-serif;cursor:pointer}
.tx-k{margin:16px 0 8px;font:700 11px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#E2BE6A}
.tx-list{list-style:none;margin:0;padding:0;border:1px solid #2F3336;border-radius:14px;overflow:hidden}
.tx-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-top:1px solid #2F3336}
.tx-row:first-child{border-top:0}
.tx-rt{flex:1 1 auto;min-width:0}
.tx-rt b{display:block;font-weight:600;color:#fff;font-size:15px}
.tx-rt span{display:block;color:#8B98A5;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tx-go{flex:0 0 auto;display:flex;gap:6px}
.tx-go a{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:32px;padding:0 10px;border-radius:999px;font:600 13px/1 Inter,sans-serif;text-decoration:none;box-sizing:border-box}
.tx-go a.t{border:1px solid #536471;color:#E7E9EA;background:transparent}
.tx-go a.l{background:#E7E9EA;color:#0F1419;border:1px solid #E7E9EA}
.tx-go a:active{opacity:.75}
.tx-news a{display:block;padding:11px 12px;border-top:1px solid #2F3336;color:#E7E9EA;text-decoration:none}
.tx-news li:first-child a{border-top:0}
.tx-news b{display:block;color:#fff;font-weight:600;font-size:14.5px;line-height:1.3}
.tx-news span{display:block;color:#8B98A5;font-size:12px;margin-top:3px}
.tx-ft{margin:14px 2px 0;color:#71767B;font-size:11.5px;line-height:1.45}
.tx-ft a{color:#8B98A5}
body.tx-open{overflow:hidden}