:root{--bg:#08101c;--bg2:#101827;--panel:rgba(18,26,45,.78);--text:#f8fafc;--muted:#94a3b8;--gold:#d3b35e;--gold2:#f0d78f;--border:rgba(255,255,255,.09);--danger:#ef4444}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 0%,rgba(211,179,94,.12),transparent 30%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);min-height:100vh}body.light{--bg:#eef2f7;--bg2:#f8fafc;--panel:rgba(255,255,255,.82);--text:#172033;--muted:#64748b;--border:rgba(15,23,42,.1)}button,input,textarea{font:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.headrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.brand{display:flex;gap:12px;align-items:center;background:none;border:0;color:var(--text);text-align:left;cursor:pointer}.brand img{width:54px;height:54px;object-fit:contain;border-radius:50%}.brand span{display:grid}.brand small{color:var(--muted);font-size:12px}.head-actions{display:flex;gap:6px}.icon-btn,.text-btn{background:none;border:0;color:var(--text);cursor:pointer}.icon-btn{padding:10px;border-radius:12px}.desktop-nav{display:flex;gap:4px;flex-wrap:wrap;padding-bottom:10px}.desktop-nav button{background:none;border:0;color:var(--muted);padding:8px 10px;border-radius:999px;cursor:pointer}.desktop-nav button.active,.desktop-nav button:hover{background:rgba(211,179,94,.14);color:var(--gold2)}.search-wrap{display:none;padding-bottom:10px}.search-wrap.open{display:block}.search-wrap input,.form input,.form textarea,.newsletter input{width:100%;border:1px solid var(--border);background:color-mix(in srgb,var(--bg2) 90%,transparent);color:var(--text);padding:12px 14px;border-radius:14px;outline:none}.main{padding-top:20px}.page{display:none;min-height:55vh}.page.active{display:block}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;padding:28px 0}.live-chip{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#fecaca;background:rgba(239,68,68,.12);padding:7px 10px;border-radius:999px}.live-chip i{width:8px;height:8px;background:var(--danger);border-radius:50%;box-shadow:0 0 0 5px rgba(239,68,68,.13)}h1,h2,p{margin-top:0}.hero h1{font-size:clamp(48px,8vw,86px);line-height:.92;margin:18px 0}.hero h1 em{font-style:normal;color:var(--gold2)}.hero-copy>p{font-size:18px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.pill{border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--text);padding:11px 16px;border-radius:14px;cursor:pointer}.pill.primary{background:var(--gold);color:#111827;border-color:var(--gold);font-weight:700}.pill.ghost{background:transparent}.glass{background:var(--panel);border:1px solid var(--border);backdrop-filter:blur(15px);border-radius:22px}.radio-card{padding:18px}.cover{height:280px;border-radius:18px;background:linear-gradient(145deg,#243858,#0b1220);display:grid;place-items:center;overflow:hidden}.cover img{width:78%;height:78%;object-fit:contain}.track-head{display:flex;justify-content:space-between;gap:12px;padding-top:15px}.track-head h2{margin:4px 0}.track-head p,.track-head small,.listeners small{color:var(--muted)}.listeners{text-align:right}.wave{height:50px;display:flex;gap:4px;align-items:center;margin:12px 0}.wave span{width:4px;height:12px;border-radius:99px;background:var(--gold);transition:.25s}.playing .wave span{animation:pulse .8s infinite alternate ease-in-out}.playing .wave span:nth-child(2n){animation-delay:.12s}.playing .wave span:nth-child(3n){animation-delay:.24s}@keyframes pulse{to{height:42px;opacity:.55}}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.round{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:rgba(255,255,255,.06);color:var(--text);display:grid;place-items:center;cursor:pointer}.round.main{width:54px;height:54px;background:var(--gold);border-color:var(--gold);color:#111827}#volume{width:120px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.status-grid>div{padding:11px;border-radius:15px;background:rgba(255,255,255,.04)}.status-grid small{display:block;color:var(--muted)}.section{padding:26px 0}.section-title{display:flex;align-items:center;justify-content:space-between}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:15px}.pod-cover,.artist-cover,.news-cover,.gallery-card{height:150px;border-radius:15px;background:linear-gradient(145deg,#263e62,#101827);display:grid;place-items:center;color:var(--gold2);font-weight:700;margin-bottom:12px;text-align:center;padding:12px}.list{padding:8px 16px}.row{display:grid;grid-template-columns:80px 1fr auto;gap:12px;align-items:center;padding:13px 8px;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:0}.row.live{background:rgba(211,179,94,.08);border-radius:14px}.row small{color:var(--muted)}.mini-btn{border:0;background:var(--gold);color:#111827;border-radius:999px;padding:8px 12px;cursor:pointer}.adslot{min-height:90px;border:1px dashed rgba(211,179,94,.55);border-radius:18px;display:grid;place-items:center;text-align:center;color:var(--gold2);background:rgba(211,179,94,.05);margin:12px 0 16px}.adslot small{display:block;color:var(--muted)}.action-card{min-height:120px;border:0;color:var(--text);cursor:pointer;font-size:28px}.action-card span{display:block;font-size:16px;margin-top:8px}.newsletter{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.newsletter p{color:var(--muted)}.newsletter form{display:flex;gap:8px}.page-title{font-size:38px;margin:22px 0}.content-block{padding:22px}.form{padding:20px;display:grid;gap:16px}.form label{display:grid;gap:7px}.footer{border-top:1px solid var(--border);margin-top:32px;padding:34px 0 110px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:24px}.footer img{width:70px}.footer p,.copyright{color:var(--muted)}.copyright{padding-top:22px}.mini-player{position:fixed;left:0;right:0;bottom:0;z-index:50;background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--border)}.mini-row{display:flex;align-items:center;gap:12px;padding:8px 0}.mini-row img{width:48px;height:48px;object-fit:contain}.mini-meta{display:grid;flex:1}.mini-meta small,#miniStatus{color:var(--muted);font-size:12px}.mini-meta span{color:#fca5a5}.mobile-nav{display:none}.toast{position:fixed;right:18px;top:84px;z-index:100;background:#172033;color:#fff;border:1px solid rgba(255,255,255,.12);padding:11px 14px;border-radius:12px;opacity:0;transform:translateY(-8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}dialog{border:0;padding:0;background:transparent;color:var(--text)}dialog::backdrop{background:rgba(0,0,0,.64);backdrop-filter:blur(4px)}.modal-card{width:min(520px,calc(100vw - 28px));background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:18px;color:var(--text)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-form{display:grid;gap:12px}.modal-form input,.modal-form textarea{width:100%;padding:11px 12px;border-radius:12px;background:var(--bg);color:var(--text);border:1px solid var(--border)}@media(max-width:820px){.hero{grid-template-columns:1fr}.desktop-nav{display:none}.head-actions .pill{display:none}.cards{grid-template-columns:1fr}.newsletter{grid-template-columns:1fr}.newsletter form{flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.mobile-nav{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:60;grid-template-columns:repeat(5,1fr);background:var(--bg);border-top:1px solid var(--border)}.mobile-nav button{background:none;border:0;color:var(--muted);padding:10px 3px 13px;font-size:11px}.mobile-nav button.active{color:var(--gold2)}.mini-player{bottom:54px}.footer{padding-bottom:150px}.cover{height:310px}#miniStatus{display:none}.row{grid-template-columns:65px 1fr auto}}@media(max-width:460px){.shell{width:min(100% - 22px,1180px)}.brand small{display:none}.hero{padding-top:18px}.cover{height:260px}.status-grid{grid-template-columns:1fr 1fr}.status-grid>div:last-child{grid-column:1/-1}.controls #volume{width:90px}.footer-grid{grid-template-columns:1fr}.row{grid-template-columns:58px 1fr auto}}

/* V2.2 — Bibliothèque publique + player unifié */
.progress-wrap{display:grid;grid-template-columns:52px 1fr 52px;gap:10px;align-items:center;margin-top:12px;color:var(--muted);font-size:12px}.progress-wrap input{width:100%}.live-return{margin-top:12px;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35);color:#fecaca}.round:disabled{opacity:.35;cursor:not-allowed}.playlist-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:22px 0 14px}.playlist-header .page-title{margin:0 0 6px}.playlist-header p{color:var(--muted);margin:0}.playlist-search{display:flex;align-items:center;gap:12px;margin-bottom:14px}.playlist-search input{flex:1;border:1px solid var(--border);background:color-mix(in srgb,var(--bg2) 90%,transparent);color:var(--text);padding:12px 14px;border-radius:14px;outline:none}.playlist-search span{color:var(--muted);white-space:nowrap}.library-list{overflow:hidden}.library-row{display:grid;grid-template-columns:64px minmax(0,1fr) 70px auto;gap:14px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--border);transition:.18s}.library-row:last-child{border-bottom:0}.library-row:hover{background:rgba(255,255,255,.035)}.library-row.active-track{background:rgba(211,179,94,.11);box-shadow:inset 3px 0 0 var(--gold)}.library-cover{width:54px;height:54px;object-fit:cover;border-radius:10px;background:#101827}.library-meta{min-width:0;display:grid;gap:3px}.library-meta strong,.library-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-meta small{color:var(--muted)}.library-duration{color:var(--muted);font-variant-numeric:tabular-nums}.library-actions{display:flex;gap:7px;align-items:center}.library-empty{padding:28px;text-align:center;color:var(--muted)}.mini-meta b{color:#fca5a5;font-size:11px}.mini-skip{width:38px;height:38px}.mini-row img{border-radius:8px;background:#111827}.mini-row img[src^="/uploads/"]{object-fit:cover}.track-head .cover-source{color:var(--gold2)}
@media(max-width:820px){.playlist-header{align-items:flex-start;flex-direction:column}.playlist-actions{width:100%}.playlist-actions .pill{width:100%}.library-row{grid-template-columns:56px minmax(0,1fr) auto}.library-duration{display:none}.mini-skip{display:none}}
@media(max-width:460px){.playlist-search{align-items:stretch;flex-direction:column}.playlist-search span{text-align:right}.library-row{grid-template-columns:48px minmax(0,1fr) auto;padding:10px 8px;gap:9px}.library-cover{width:44px;height:44px}.library-actions{gap:4px}.library-actions .mini-btn{padding:7px 9px}.progress-wrap{grid-template-columns:42px 1fr 42px;gap:7px}}