#ts-toggle-btn {
        position: fixed; top: 90px; right: 90px; z-index: 3500;
        background: rgba(18,24,34,0.92); border: 1px solid #00E5FF; color: #00E5FF;
        font: 700 10px 'Inter', sans-serif; letter-spacing: 1px;
        padding: 5px 10px; border-radius: 4px; cursor: pointer;
        box-shadow: 0 0 10px rgba(0,229,255,0.25); transition: all 0.2s; user-select: none;
    }
    #ts-toggle-btn:hover { background: rgba(0,229,255,0.15); box-shadow: 0 0 16px rgba(0,229,255,0.5); }
    #ts-toggle-btn.active { background: rgba(0,229,255,0.2); color: #7DF9FF; }

    #ts-panel {
        position: fixed; top: 120px; right: 12px; width: 250px; height: 420px;
        background: rgba(10,15,23,0.97); border: 1px solid #1E293B; border-left: 2px solid #00E5FF;
        border-radius: 6px; z-index: 3400; display: none; flex-direction: column;
        box-shadow: 0 10px 40px rgba(0,0,0,0.6); backdrop-filter: blur(6px);
        font-family: 'Roboto Mono', monospace; overflow: hidden; user-select: none;
    }
    #ts-panel.open { display: flex; }
    #ts-head {
        display: flex; align-items: center; justify-content: space-between;
        padding: 7px 10px; background: #121822; border-bottom: 1px solid #1E293B; cursor: move;
    }
    #ts-head .ts-title { font: 700 11px 'Inter', sans-serif; color: #00E5FF; letter-spacing: 1px; }
    #ts-head .ts-x { color: #64748B; cursor: pointer; font-size: 16px; line-height: 1; padding: 0 2px; }
    #ts-head .ts-x:hover { color: #EF4444; }
    #ts-filter-row {
        display: flex; align-items: center; gap: 6px; padding: 6px 10px;
        background: #0d1420; border-bottom: 1px solid #1E293B; font: 600 9px 'Inter', sans-serif; color: #64748B;
    }
    #ts-filter-row input {
        width: 70px; background: #1F2937; border: 1px solid #374151; color: #FFF;
        font: 700 10px 'Roboto Mono', monospace; padding: 2px 5px; outline: none; border-radius: 3px;
    }
    #ts-cols {
        display: grid; grid-template-columns: 1fr 1fr 46px; gap: 4px;
        padding: 4px 10px; font: 700 8.5px 'Inter', sans-serif; color: #475569;
        border-bottom: 1px solid #1E293B; letter-spacing: 0.5px; text-transform: uppercase;
    }
    #ts-cols span:nth-child(2) { text-align: right; }
    #ts-cols span:nth-child(3) { text-align: right; }
    #ts-rows { flex: 1; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #1E293B transparent; }
    #ts-rows::-webkit-scrollbar { width: 6px; }
    #ts-rows::-webkit-scrollbar-thumb { background: #1E293B; border-radius: 3px; }
    .ts-row {
        display: grid; grid-template-columns: 1fr 1fr 46px; gap: 4px;
        padding: 2px 10px; font-size: 10.5px; line-height: 1.5; border-bottom: 1px solid rgba(30,41,59,0.35);
    }
    .ts-row .ts-sz { text-align: right; font-weight: 700; }
    .ts-row .ts-tm { text-align: right; color: #475569; font-size: 9px; }
    .ts-row.buy  { background: rgba(16,185,129,0.06); }
    .ts-row.sell { background: rgba(239,68,68,0.06); }
    .ts-row.buy  .ts-px, .ts-row.buy  .ts-sz { color: #10B981; }
    .ts-row.sell .ts-px, .ts-row.sell .ts-sz { color: #EF4444; }
    .ts-row.big  { font-size: 12px; }
    .ts-row.big.buy  { background: rgba(16,185,129,0.18); box-shadow: inset 2px 0 0 #10B981; }
    .ts-row.big.sell { background: rgba(239,68,68,0.18); box-shadow: inset 2px 0 0 #EF4444; }
    .ts-row.whale { animation: tsWhaleFlash 0.6s ease-out; }
    .ts-row.whale .ts-sz::after { content: ' 🐋'; }
    @keyframes tsWhaleFlash { from { filter: brightness(2.2); } to { filter: brightness(1); } }
    #ts-foot {
        display: flex; justify-content: space-between; padding: 5px 10px;
        background: #0d1420; border-top: 1px solid #1E293B; font: 700 9px 'Roboto Mono', monospace;
    }
    #ts-foot .ts-buyv  { color: #10B981; }
    #ts-foot .ts-sellv { color: #EF4444; }
    #ts-foot .ts-delta { color: #94A3B8; }
    @media (max-width: 767px) {
        #ts-toggle-btn { top: auto; bottom: 66px; right: 10px; }
        #ts-panel { width: 88vw; height: 55vh; top: auto; bottom: 62px; right: 6vw; }
    }