:root{--bg:#0b1020;--card:#111a33;--border:#2a334d;--text:#e6edf3;--muted:#9fb0c7}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:linear-gradient(180deg,#0b1020,#0f1730);min-height:100vh}
.app{max-width:1100px;margin:0 auto;padding:22px}
header h1{margin:0 0 6px}
header p{margin:0;color:var(--muted)}
.image-card,.card{margin-top:14px;background:rgba(17,26,51,.82);border:1px solid var(--border);border-radius:14px;padding:16px}
.image-card h2,.card h2{margin:0 0 12px}
.image-card img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--border);background:#fff}
.pod-list{display:grid;gap:10px}
.pod-item{background:rgba(15,23,48,.88);border:1px solid var(--border);border-radius:12px;padding:10px}
.pod-title{font-weight:700;margin-bottom:8px}
audio{width:100%}
.media-status{display:none;margin-top:8px;font-size:13px;color:var(--muted)}
.media-status.is-visible{display:block}
.media-status.is-busy::before{content:'⏳ ';}