:root{--bg:#0b1b2b;--card:#122433;--text:#e6eef8;--muted:#9fb0c9;--primary:#114477}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
.container{max-width:960px;margin:40px auto;padding:20px;background:var(--card);border-radius:8px}
.btn{display:inline-block;padding:10px 16px;background:var(--primary);color:#fff;border-radius:6px;text-decoration:none}
.app{display:flex;min-height:90vh;gap:16px;padding:20px}
.left-col{width:300px;background:var(--card);padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:12px}
.center-chat{flex:1;background:linear-gradient(180deg, rgba(10,25,45,0.6), rgba(6,12,25,0.6));padding:16px;border-radius:8px;display:flex;flex-direction:column}
.right-col{width:220px;background:var(--card);padding:16px;border-radius:8px}
.profile{text-align:center;margin-bottom:0}
.avatar{width:80px;height:80px;border-radius:50%}
.player{margin:12px 0;padding:10px;background:rgba(255,255,255,0.02);border-radius:8px}
.cover-wrap{width:100%;max-width:220px;height:220px;overflow:hidden;border-radius:6px;margin-top:10px}
.cover-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.brand{margin-top:10px;text-align:center}
.brand-logo{width:80px;height:auto}
.radioname{font-weight:bold;margin-top:6px}
.messages{flex:1;overflow:auto;padding:8px;border-radius:6px;background:rgba(0,0,0,0.05)}
.messages .msg{margin-bottom:8px;padding:8px;background:rgba(255,255,255,0.02);border-radius:6px}
#chatForm{display:flex;gap:8px;margin-top:8px}
#chatForm input{flex:1;padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,0.05);background:transparent;color:var(--text)}
#chatForm button{padding:10px 12px;border-radius:6px;border:none;background:var(--primary);color:#fff}
.small{display:block;margin-top:6px;color:var(--muted);text-decoration:none}
.right-col ul{list-style:none;padding:0;margin:0}
.right-col li{padding:6px 4px;border-bottom:1px solid rgba(255,255,255,0.02)}