* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: transparent; }
.ep { display: flex; align-items: center; gap: 12px; height: 100%; min-height: 96px; padding: 10px 12px; background: #fff; color: #1a1a2e; border: 1px solid #e8e8f0; border-radius: 12px; }
.ep-logo { width: 68px; height: 68px; border-radius: 10px; object-fit: cover; }
.ep-meta { flex: 1; min-width: 0; }
.ep-name { font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ep-sub { font-size: .8rem; color: #6b6b80; }
.ep-status { font-size: .72rem; font-weight: 700; color: #6b6b80; letter-spacing: .05em; margin-top: 4px; }
.ep.is-live .ep-status { color: #1aa251; }
.ep-play { width: 54px; height: 54px; border-radius: 50%; border: 0; background: #5b3fd6; color: #fff; font-size: 1.7rem; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.ep-play:hover { background: #472fb0; }
.ep-brand { color: #5b3fd6; font-size: 1.1rem; text-decoration: none; align-self: flex-start; }
@media (prefers-color-scheme: dark) { .ep { background: #181925; color: #ececf3; border-color: #262838; } .ep-sub { color: #9a9bb0; } }