.mode-chip{border:1px solid var(--red);background:transparent;color:var(--red);border-radius:7px;padding:8px 9px;font-size:10px;font-weight:900;cursor:pointer}.dj-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.dj-heading h1{font:normal 40px/1 Georgia,serif;margin:0 0 8px}.refresh-control,.panel-action{border:1px solid var(--line);background:var(--paper);color:var(--red);border-radius:7px;padding:9px 10px;font-size:11px;font-weight:850;cursor:pointer}.dj-status-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--ink);color:#fff;border-radius:10px;margin:24px 0;padding:12px 14px;font-size:11px}.dj-status-bar .live-dot{margin-right:2px}.dj-status-separator{width:1px;height:14px;background:#665950}.dj-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}.dj-panel{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:16px;min-width:0}.queue-panel{grid-row:span 2}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:10px}.dj-panel h2{font:normal 23px Georgia,serif;margin:0}.panel-action{padding:7px 8px;font-size:10px}.panel-action.muted{border:0;background:none;color:var(--muted)}.dj-track{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.dj-track.current{background:#f8edda;margin:0 -8px;padding:13px 8px;border-radius:7px;border:0}.track-number{font-size:9px;color:var(--red);font-weight:900}.dj-track div,.dj-request div{display:grid;gap:4px;min-width:0}.dj-track strong,.dj-request strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-track small,.dj-request small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-more{border:0;background:none;color:var(--muted);font-weight:900;cursor:pointer}.lock-toggle{border:1px solid var(--gold);background:transparent;color:#916326;border-radius:6px;padding:6px;font-size:10px;font-weight:800;cursor:pointer}.lock-toggle.locked{background:var(--gold);color:var(--ink)}.queue-panel .wide-button{margin-top:14px}.number-badge{font:normal 12px system-ui;background:var(--red);color:white;border-radius:20px;padding:3px 7px;vertical-align:middle}.dj-request{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.request-actions{display:flex;gap:5px;flex:none}.request-actions button{border-radius:5px;border:1px solid var(--line);background:transparent;color:var(--muted);padding:6px 7px;font-size:10px;font-weight:800;cursor:pointer}.request-actions .approve-request{background:var(--red);border-color:var(--red);color:#fff}.pulse-stat{display:grid;grid-template-columns:42px 1fr;column-gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.pulse-stat strong{font:normal 28px Georgia,serif;color:var(--red);grid-row:span 2}.pulse-stat span{font-size:10px;color:var(--muted)}.pulse-stat b{font-size:11px}.setting-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;padding:12px 0;cursor:pointer}.setting-row span{display:grid;gap:4px}.setting-row strong{font-size:12px}.setting-row small{font-size:10px;color:var(--muted)}.toggle{width:30px;height:17px;border-radius:20px;background:#cfc5ba;position:relative;flex:none}.toggle:after{content:"";position:absolute;width:13px;height:13px;top:2px;left:2px;border-radius:50%;background:white}.toggle.on{background:var(--olive)}.toggle.on:after{left:15px}.dj-view .kicker{margin-bottom:7px}@media(max-width:600px){.dj-grid{grid-template-columns:1fr}.queue-panel{grid-row:auto}.dj-heading h1{font-size:34px}.dj-status-bar{font-size:10px}.dj-status-separator{display:none}.dj-panel{padding:14px}}