.tp-live-console{--tone:#8c959e;margin:26px 0;padding:32px;color:#172024;perspective:1000px;background:linear-gradient(130deg,#fff,#fbfcfd);border:1px solid #dfe4e8;border-radius:18px;box-shadow:0 20px 50px #19242a08}
[data-tone=buy]{--tone:#0d9e6b}[data-tone=sell]{--tone:#d94755}[data-tone=wait]{--tone:#ba8b13}[data-tone=hold]{--tone:#327bd6}
.tl-heading,.tl-history-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.tl-heading h2{font-size:38px;letter-spacing:-1.5px;margin:8px 0 0;color:#14191c}.tl-heading label{font-size:11px;margin-left:14px;color:#62717b}
.tl-hero{display:grid;grid-template-columns:110px 1fr 1.2fr 1fr;gap:28px;align-items:center;margin:32px 0}.tl-hero small{display:block;font:9px monospace;letter-spacing:.14em;color:#70808b}.tl-hero strong{display:block;font-size:clamp(30px,3vw,52px);font-weight:500;letter-spacing:-1.5px;color:#10181d;margin:8px 0;font-variant-numeric:tabular-nums}.tl-hero>div>span:not(#tl-symbol){display:block;font-size:11px;color:#6f7d87}
.tl-orb{width:92px;height:92px;display:grid;place-items:center;border:2px solid var(--tone);border-radius:24px;transform:rotateX(18deg) rotateY(-18deg);box-shadow:6px 8px 0 color-mix(in srgb,var(--tone) 22%,white),0 15px 24px #17232a12;background:linear-gradient(135deg,white,#edf0f2);color:var(--tone);font-size:46px}
.tl-pulse .tl-orb{animation:tl-decision 1.2s ease-out 2}
@keyframes tl-decision{0%,100%{box-shadow:6px 8px 0 color-mix(in srgb,var(--tone) 22%,white),0 15px 24px #17232a12}35%{box-shadow:6px 8px 0 var(--tone),0 0 34px color-mix(in srgb,var(--tone) 45%,transparent);transform:rotateX(0) rotateY(0) translateY(-4px)}}
.tl-flow{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d9e3de;border-radius:10px;overflow:hidden;background:#fcfefd}.tl-flow>div{padding:17px 22px;border-right:1px solid #e1e8e4}.tl-flow>div:last-child{border:0}.tl-flow small{font:9px monospace;color:var(--tone);display:block}.tl-flow b{display:block;font-size:13px;margin:8px 0;color:#273831}.tl-flow span{font:10px monospace;color:#6b7b73}
.tl-lower{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:26px 0}.tp-live-console h3{font-size:14px;color:#26352d;margin:0 0 14px}.tl-flags{display:flex;flex-wrap:wrap;gap:8px}.tl-flags span{font:11px monospace;padding:9px 12px;border:1px solid #dbe1e5;border-radius:6px;color:#6c777d;background:white}.tl-flags [data-on=true]{color:#14734d;border-color:#b6d8c7;background:#f6fcf8}
#tl-reason{font-size:13px;line-height:1.6;color:#586b60;margin-top:0}#tl-detail{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}#tl-detail div{display:flex;justify-content:space-between;gap:12px;font-size:10px}#tl-detail span{color:#78877f}#tl-detail b{font-weight:500;color:#263b2e}
.tl-history-head{border-top:1px solid #e4e9e6;padding-top:22px}.tl-history-head span{font-size:10px;color:#728078}.tl-history{display:flex;gap:10px;overflow:auto;padding:3px 0 14px}.tl-history-item{flex:0 0 auto;background:#fff;border:1px solid #dce3df;border-left:3px solid var(--tone);border-radius:7px;padding:12px 15px;font:11px monospace;color:#3b4e42;cursor:pointer;box-shadow:0 3px 0 #edf0ee;transition:transform .2s}.tl-history-item:hover{transform:translateY(-2px)}.tl-history-item:focus-visible{outline:2px solid var(--tone);outline-offset:2px}
.tl-chart-badge{position:absolute;top:10px;left:12px;z-index:2;pointer-events:none;font-size:10px;color:#56656b;border:1px solid #e2e7e9;border-left:3px solid var(--tone);background:#fffffff0;padding:7px 10px;border-radius:6px}
.tl-pulse .tl-flow>div{animation:tl-stage .9s ease-out}.tl-pulse .tl-flow>div:nth-child(2){animation-delay:.15s}.tl-pulse .tl-flow>div:nth-child(3){animation-delay:.3s}@keyframes tl-stage{50%{background:color-mix(in srgb,var(--tone) 14%,white)}}.tl-no-motion *{animation:none!important;transition:none!important}
@media(max-width:900px){.tl-hero{grid-template-columns:75px 1fr 1fr;gap:18px}.tl-hero>div:last-child{grid-column:2/-1}.tl-orb{width:66px;height:66px;font-size:34px}.tl-heading{align-items:start}.tl-heading>div:last-child{display:grid;gap:12px}.tl-lower{gap:24px}.tp-live-console{padding:24px}}
@media(max-width:600px){.tl-heading{flex-direction:column}.tl-heading label{margin:0}.tl-hero{grid-template-columns:65px 1fr}.tl-hero>div:nth-child(3),.tl-hero>div:last-child{grid-column:1/-1}.tl-hero strong{font-size:34px}.tl-flow{grid-template-columns:1fr}.tl-flow>div{border-right:0;border-bottom:1px solid #e1e8e4}.tl-lower{grid-template-columns:1fr}.tl-heading h2{font-size:32px}#tl-detail{grid-template-columns:1fr}.tl-history-head{align-items:start;flex-direction:column;gap:0}}
@media(prefers-reduced-motion:reduce){.tp-live-console *{animation:none!important;transition:none!important}}