.eth-status{--eth-accent:#9146ff;--eth-online:#30d158;display:flex;align-items:center;gap:16px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(145deg,rgba(21,22,33,.96),rgba(10,11,17,.98));box-shadow:0 16px 42px rgba(0,0,0,.24);color:#fff;font-family:inherit}
.eth-status.is-online{border-color:color-mix(in srgb,var(--eth-online) 45%,transparent);box-shadow:0 16px 42px rgba(0,0,0,.24),0 0 36px color-mix(in srgb,var(--eth-online) 14%,transparent)}
.eth-avatar{width:66px;height:66px;flex:0 0 auto;border:2px solid rgba(255,255,255,.14);border-radius:16px;object-fit:cover}
.eth-status-copy{display:grid;min-width:0;gap:3px;flex:1}.eth-status-copy strong{overflow:hidden;color:#fff;font-size:1.02rem;white-space:nowrap;text-overflow:ellipsis}.eth-meta{overflow:hidden;color:rgba(255,255,255,.66);font-size:.86rem;white-space:nowrap;text-overflow:ellipsis}
.eth-live-label{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.72);font-size:.7rem;font-weight:900;letter-spacing:.14em}.eth-live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#7f8793}.is-online .eth-live-dot{background:var(--eth-online);box-shadow:0 0 0 5px color-mix(in srgb,var(--eth-online) 16%,transparent);animation:eth-status-pulse 1.4s infinite}.is-online .eth-live-label{color:var(--eth-online)}
.eth-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border:0;border-radius:12px;background:var(--eth-accent);color:#fff!important;text-decoration:none!important;font:inherit;font-weight:850;cursor:pointer;transition:transform .2s ease,filter .2s ease,background .2s ease}.eth-button:hover{transform:translateY(-2px);filter:brightness(1.12)}.eth-button--ghost{border:1px solid rgba(255,255,255,.2);background:rgba(4,5,9,.55);backdrop-filter:blur(8px)}.eth-button--play{gap:8px}
.eth-status.is-compact{gap:10px;padding:8px 10px;border:0;border-radius:12px;background:transparent;box-shadow:none}.eth-status.is-compact .eth-avatar{display:none}.eth-status.is-compact .eth-status-copy{display:flex;align-items:center;gap:10px}.eth-status.is-compact .eth-status-copy strong,.eth-status.is-compact .eth-meta{display:none}.eth-status.is-compact .eth-button{min-height:34px;padding:0 12px;font-size:.78rem}.eth-status.is-compact .eth-live-label{font-size:.72rem}
@keyframes eth-status-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.55}}
@media(max-width:620px){.eth-status:not(.is-compact){align-items:flex-start;flex-wrap:wrap}.eth-status:not(.is-compact) .eth-avatar{width:58px;height:58px}.eth-status:not(.is-compact) .eth-button{width:100%}}