:root{--bg:#050810;--card:#0a0d15;--s2:#0e1219;--b:#161d2a;--t:#8898b4;--t2:#3a4860;--ig:#38b5f9;--ign:#f57c20;--ok:#42e898;--er:#ff4466;--wr:#f0a030;--lav:#a080ff;--wh:#e0eaff}
*{margin:0;box-sizing:border-box;font-family:'IBM Plex Mono',monospace}
body{background:var(--bg);color:var(--t);height:100vh;overflow:hidden;
  display:grid;grid-template:'H H'24px 'G G'minmax(0,1fr) 'B B'26px/1fr;gap:0}
.H{grid-area:H;background:var(--card);border-bottom:1px solid var(--b);display:flex;align-items:center;padding:0 10px;gap:8px;font-size:9px}
.G{grid-area:G;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);gap:1px;padding:1px;background:var(--b);overflow:hidden;min-height:0}
.B{grid-area:B;background:#030508;border-top:1px solid var(--b);display:flex;align-items:center;padding:0 10px;gap:6px;font-size:8px}
.c{background:var(--bg);overflow:hidden;position:relative;border:1px solid transparent;display:flex;flex-direction:column}
.c .ch{font-size:7px;padding:2px 6px;color:var(--ig);letter-spacing:.5px;font-weight:600;background:rgba(56,181,249,.03);border-bottom:1px solid var(--b);white-space:nowrap;overflow:hidden;flex-shrink:0}
.c .cb{padding:4px 6px;font-size:8px;line-height:1.4;overflow:hidden;flex:1}
.ctrl-row{display:flex;gap:4px;justify-content:center}
.ctrl-btn{background:var(--s2);border:1px solid var(--b);color:var(--t);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px}
.ctrl-btn:hover{border-color:var(--ig)}
.play-btn{background:var(--ok);color:#000;font-weight:700}
.progress-row{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:7px}
.progress-row input{flex:1}
.stat-row{display:flex;justify-content:space-between;font-size:8px;padding:2px 0}
.stat-label{font-size:7px;color:var(--t2);text-align:center}
.val{color:var(--ok);font-weight:600}
.label{color:var(--t2)}
.femto-out{font-size:7px;color:var(--t2);margin-top:4px}
.action-btn{background:var(--ok);color:#000;border:none;padding:3px 8px;border-radius:3px;font-size:8px;font-weight:600;cursor:pointer;margin-top:4px}
.track-art{font-size:28px;text-align:center}
h2{font-size:11px;color:var(--wh);text-align:center}
p{font-size:8px;color:var(--t2);text-align:center}