.live-shell{min-height:100vh}.live-main{min-width:0;background:#050b13}.live-sidebar{background:#050a12}.live-nav{margin-top:22px}.sidebar-shortcuts{margin:22px 12px 0;padding:14px;border:1px solid #1c3048;border-radius:12px;background:#091320}.sidebar-shortcuts strong{display:block;font-size:11px;color:#55b7ff;margin-bottom:10px}.sidebar-shortcuts a{display:block;padding:9px 10px;margin-top:6px;border-radius:8px;background:#111d2b;color:#dbe8f6;text-decoration:none;font-size:12px}.live-topbar{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;border-bottom:1px solid #1a2c40;background:#07111d}.live-title-row{display:flex;align-items:center;gap:15px}.live-title-row h1{font-size:29px;margin:0}.live-topbar p{margin:6px 0 0;color:#a2b3c6}.onair-pill{padding:6px 10px;border-radius:7px;background:#4b1c1c;color:#ff6d6d;font-weight:800;font-size:12px}.onair-pill.good{background:#103b27;color:#4df196}.top-statuses{display:flex;align-items:stretch;gap:10px}.top-status{min-width:104px;padding:9px 13px;border:1px solid #203449;border-radius:9px;background:#09131f;text-align:center}.top-status span{display:block;color:#83a9d0;font-size:11px;text-transform:uppercase}.top-status strong{display:block;margin-top:3px;font-size:16px}.top-status.good strong{color:#49ea91}.top-status.bad strong{color:#ff7373}.top-status.time{min-width:130px}.refresh-square{width:48px;border:1px solid #203449;border-radius:9px;background:#111c2a;color:#fff;font-size:23px;cursor:pointer}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:14px;padding:14px}.studio-center,.studio-right{display:grid;gap:14px;align-content:start}.panel{border:1px solid #1d3348;border-radius:12px;background:linear-gradient(145deg,#0c1826,#08121d);box-shadow:0 10px 28px rgba(0,0,0,.18)}.now-panel{display:grid;grid-template-columns:170px minmax(0,1fr) 160px;gap:20px;padding:20px}.album-art{height:170px;border-radius:10px;display:grid;place-items:center;font-size:72px;color:#5bc6ff;background:radial-gradient(circle at 30% 20%,#1b4262,#08131f 65%);border:1px solid #2b4961}.section-kicker,.panel-title{color:#4db2ff;font-weight:800;font-size:13px}.track-zone h2{font-size:24px;margin:14px 0 3px}.track-zone h3{font-size:26px;margin:0;color:#3f9df8}.progress-track{height:9px;margin:20px 0;background:#16283a;border-radius:20px;overflow:hidden}.progress-track span{display:block;width:58%;height:100%;background:linear-gradient(90deg,#2ed974,#2b94f5)}.track-data{display:flex;gap:0;margin-top:15px}.track-data>div{padding:0 20px;border-left:1px solid #22374c}.track-data>div:first-child{padding-left:0;border-left:0}.track-data small,.now-stats small{display:block;color:#8298ad;font-size:10px}.track-data strong{display:block;margin-top:6px;font-size:14px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-stats{display:grid;gap:12px}.now-stats>div{padding:17px;border:1px solid #1d3348;border-radius:11px;background:#101b29;text-align:center}.now-stats strong{display:block;font-size:28px;margin:6px 0}.now-stats span{font-size:11px;color:#a8b8c8}.meters,.controls,.quick,.queue-panel,.history-panel{padding:16px}.panel-title small{float:right;color:#71879e;font-weight:400}.meter-row{display:grid;grid-template-columns:90px minmax(0,1fr) 70px;align-items:center;gap:12px;margin-top:18px}.meter-row label{font-size:12px}.meter{height:16px;background:repeating-linear-gradient(90deg,#1e3346 0 10px,#08121d 10px 12px);border-radius:3px;overflow:hidden}.meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#22c55e 0 65%,#f5c518 65% 88%,#ef4444 88%)}.meter-row strong{color:#5e7388;text-align:right}.command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:15px}.cmd{min-height:64px;border-radius:8px;border:1px solid #28517d;color:white;background:#122438;font-size:18px;cursor:pointer}.cmd b{display:inline-block;margin-left:8px;font-size:13px}.cmd small{display:block;font-size:10px;opacity:.7}.cmd:disabled,.quick-grid button:disabled,.wide-disabled:disabled{opacity:.48;cursor:not-allowed}.cmd.play{background:#0d512b;border-color:#168946}.cmd.pause{background:#143d70;border-color:#2867ad}.cmd.next{background:#66500b;border-color:#9d7a08}.cmd.reload{background:#4b2366;border-color:#79409b}.cmd.stop{background:#5d1d23;border-color:#a2333d}.cmd.restart{background:#653014;border-color:#a65320}.cmd.mute{background:#0f5661;border-color:#168398}.quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:15px}.quick-grid button{min-height:108px;border-radius:8px;border:1px solid #1b7084;background:#0b3945;color:#fff;font-size:25px}.quick-grid b,.quick-grid small{display:block;margin-top:8px;font-size:12px}.quick-grid small{font-size:10px;color:#b3c6d7}.studio-right .panel{min-height:250px}.empty-feature{padding:35px 18px;text-align:center;color:#8da1b5}.empty-feature strong{display:block;color:#d8e5f1;margin-bottom:9px}.empty-feature p{font-size:13px;line-height:1.5}.wide-disabled{width:100%;padding:13px;border-radius:8px;border:1px solid #2a3c50;background:#152232;color:#d7e3ef}.live-footer{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #1c3045;background:#07111c}.live-footer div{padding:12px 16px;border-right:1px solid #1c3045}.live-footer b{display:block;font-size:10px;color:#86a2be}.live-footer span{display:block;margin-top:5px;font-size:12px}.status{margin-top:12px}@media(max-width:1250px){.studio-grid{grid-template-columns:1fr}.studio-right{grid-template-columns:1fr 1fr}.top-status:nth-child(1){display:none}.quick-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.now-panel{grid-template-columns:120px 1fr}.album-art{height:120px}.now-stats{grid-column:1/-1;grid-template-columns:1fr 1fr}.command-grid{grid-template-columns:repeat(2,1fr)}.top-statuses{display:none}.studio-right{grid-template-columns:1fr}.live-footer{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.now-panel{grid-template-columns:1fr}.album-art{height:120px}.track-data{flex-direction:column;gap:10px}.track-data>div{padding:0;border:0}.quick-grid{grid-template-columns:repeat(2,1fr)}.live-footer{grid-template-columns:repeat(2,1fr)}}
.history-list{display:grid;gap:8px;margin-top:14px}.history-item{display:grid;grid-template-columns:28px minmax(0,1fr) 48px;align-items:center;gap:10px;padding:10px;border:1px solid #1d3348;border-radius:9px;background:#0b1724}.history-index{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#13283b;color:#55b7ff;font-size:11px;font-weight:800}.history-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.history-item small{display:block;margin-top:3px;color:#8298ad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item time{color:#55b7ff;font-size:12px;text-align:right}

/* Phase 3.4 — pochette automatique */
.album-art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:220px;background:radial-gradient(circle at 35% 25%,rgba(0,229,255,.25),transparent 38%),linear-gradient(145deg,#10233c,#07101e);border:1px solid rgba(98,215,255,.25);border-radius:20px;color:#53dcff;font-size:74px;box-shadow:inset 0 0 35px rgba(0,0,0,.35)}
.album-art img{width:100%;height:100%;min-height:220px;object-fit:cover;display:block;animation:vrsCoverIn .35s ease-out}
.album-art span{filter:drop-shadow(0 0 16px rgba(83,220,255,.55))}
@keyframes vrsCoverIn{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}


/* Phase 3.5 — progression réelle du morceau */
.progress-track span{width:0;transition:width 1s linear}
.progress-track.indeterminate span{width:35%;animation:vrsProgressSearch 1.4s ease-in-out infinite}
.progress-time{display:flex;justify-content:space-between;align-items:center;margin-top:-12px;color:#8ca2b8;font-size:12px}
.progress-time strong{color:#e9f5ff;font-variant-numeric:tabular-nums}
.progress-time span{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
@keyframes vrsProgressSearch{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}

/* Phase 3.6 — audience */
.audience-panel{padding-bottom:18px}.audience-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.audience-summary>div{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px;text-align:center}.audience-summary small{display:block;color:#7f8da7;font-size:10px;letter-spacing:.08em}.audience-summary strong{display:block;font-size:23px;margin-top:5px;color:#f4f8ff}.audience-chart-wrap{height:150px;position:relative;background:linear-gradient(180deg,rgba(35,92,255,.08),rgba(35,92,255,.01));border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.audience-chart{width:100%;height:100%;display:block}.chart-axis{stroke:rgba(255,255,255,.12);stroke-width:1}.chart-line{fill:none;stroke:#39d9ff;stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(57,217,255,.45))}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:#78859c;font-size:12px}.chart-range{display:flex;justify-content:space-between;color:#6f7c92;font-size:11px;margin-top:7px}

/* Phase 3.7 - écoute de contrôle */
.monitor-panel{padding:18px 20px}.monitor-player{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center}.monitor-play{width:58px;height:58px;border-radius:16px;border:1px solid rgba(45,212,191,.45);background:rgba(13,148,136,.18);color:#5eead4;font-size:24px;font-weight:900;cursor:pointer}.monitor-play:hover{transform:translateY(-1px);background:rgba(13,148,136,.28)}.monitor-main{min-width:0}.monitor-main strong{display:block;color:#e5f7ff;font-size:14px;letter-spacing:.08em}.monitor-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7f95a8;margin-top:4px}.monitor-volume{display:grid;grid-template-columns:auto minmax(120px,1fr) 44px;gap:9px;align-items:center;margin-top:12px}.monitor-volume input{width:100%;accent-color:#22d3ee}.monitor-volume span{font-size:12px;color:#a8bac8}.monitor-mute{height:42px;padding:0 18px;border-radius:11px;border:1px solid rgba(148,163,184,.22);background:#101c28;color:#b8c9d7;font-weight:800;cursor:pointer}.monitor-mute.active{border-color:rgba(248,113,113,.5);color:#fca5a5;background:rgba(127,29,29,.25)}.monitor-message{margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.12);font-size:12px;color:#7890a3}@media(max-width:760px){.monitor-player{grid-template-columns:54px 1fr}.monitor-mute{grid-column:1/-1}.monitor-volume{grid-template-columns:auto 1fr 40px}}