:root{--bg:#0a0a0a;--panel:#141414;--panel-2:#1b1b1b;--border:#2a2a2a;--text:#f0f0f0;--muted:#9a9a9a;--cyan:#00daff;--green:#24bc29;--yellow:#e8ff00;--red:#cc3b12;--amber:#f5a623;--zone-idle:#222;--zone-1:#00daff;--zone-2:#24bc29;--zone-3:#efd508;--zone-4:#ff8c00;--zone-5:#cc3b12;--zone-6:#d000ff;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--fs-label:clamp(13px, 1.4vw, 16px);--fs-body:clamp(16px, 1.8vw, 20px);--fs-lg:clamp(20px, min(2.6vw, 2.8vh), 32px);--fs-xl:clamp(30px, min(5vw, 4.5vh), 56px);--fs-hero:clamp(48px, min(10vw, 9vh), 128px);--fw-regular:500;--fw-bold:800;--space-1:6px;--space-2:12px;--space-3:20px;--space-4:32px;--space-5:48px;--gap:var(--space-3);--radius:16px;--radius-lg:24px;--touch-min:64px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}html{height:100%;overflow:hidden}body{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}.deck-app{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.deck-header{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.deck-brand{font-weight:var(--fw-bold);font-size:var(--fs-lg);letter-spacing:4px;color:var(--text)}.deck-spacer{flex:auto}.deck-conn{align-items:center;gap:var(--space-1);font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:2px;text-transform:uppercase;color:var(--muted);display:inline-flex}.deck-conn .dot{background:var(--muted);border-radius:50%;width:10px;height:10px}.deck-conn.connected .dot{background:var(--green);box-shadow:0 0 8px var(--green)}.deck-conn.connecting .dot{background:var(--amber)}.deck-conn.disconnected .dot{background:var(--red)}.deck-health{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;display:flex}.health-item{align-items:center;gap:var(--space-1);font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;display:flex}.health-item .health-dot{background:var(--muted);border-radius:50%;flex:none;width:9px;height:9px}.health-item .health-label{color:var(--muted)}.health-item .health-val{color:var(--text)}.health-item[data-state=ok] .health-dot{background:var(--green);box-shadow:0 0 6px var(--green)}.health-item[data-state=ok] .health-val{color:var(--green)}.health-item[data-state=warn] .health-dot{background:var(--amber)}.health-item[data-state=warn] .health-val{color:var(--amber)}.health-item[data-state=bad] .health-dot{background:var(--red)}.health-item[data-state=bad] .health-val{color:var(--red)}.deck-main{padding:var(--space-3);flex-direction:column;flex:auto;gap:0;min-height:0;display:flex}.deck-tabs{gap:var(--space-1);padding-left:var(--space-1);border-bottom:1px solid var(--border);flex:none;display:flex}.tab-btn{font-family:var(--font-sans);font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:2px;text-transform:uppercase;color:var(--muted);background:var(--bg);border:1px solid var(--border);padding:0 var(--space-4);cursor:pointer;border-top:2px solid #0000;border-bottom:none;border-radius:10px 10px 0 0;min-height:50px}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--text);background:var(--panel);border-top-color:var(--cyan);z-index:1;margin-bottom:-1px;position:relative}.deck-view{gap:var(--space-3);flex-direction:column;flex:auto;min-height:0;display:none}.deck-view.active{background:var(--panel);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);padding:var(--space-3);border-top:none;display:flex}.class-status{font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:3px;text-transform:uppercase;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-1) var(--space-3);flex:none;align-self:flex-start}.class-status.live{color:var(--green);border-color:var(--green)}.class-status.ready{color:var(--cyan);border-color:var(--cyan)}.class-status.complete{color:var(--yellow);border-color:var(--yellow)}.cue-card{background:var(--panel);border:1px solid var(--border);border-left:6px solid var(--border);border-radius:var(--radius-lg);min-height:0;padding:var(--space-4);flex-direction:column;flex:0 auto;display:flex;overflow:hidden}.cue-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:1px;color:var(--muted);text-transform:uppercase}.cue-details{margin-top:var(--space-2);min-height:0}.cue-clock{font-size:var(--fs-hero);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--text);line-height:1}.cue-effort{margin-top:var(--space-2);font-size:var(--fs-lg);color:var(--muted);font-weight:var(--fw-bold);letter-spacing:1px}.cue-effort-val{font-weight:var(--fw-bold)}.cue-notes{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--fs-lg);color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}@media (orientation:portrait){.cue-notes{-webkit-line-clamp:3}}.cue-queue{gap:var(--space-3);flex-wrap:wrap;flex:none;display:flex}.queue-item{background:var(--panel-2);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius);min-width:0;padding:var(--space-2) var(--space-3);flex:160px}.queue-item[data-lit="1"]{border-left-color:var(--text)}.queue-name{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:#2a2a2a;text-transform:uppercase;letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-item[data-lit="1"] .queue-name{color:var(--text)}.queue-meta{align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.queue-dur{font-size:var(--fs-label);color:var(--muted);font-variant-numeric:tabular-nums}.queue-effort-bar{background:#222;border-radius:3px;flex:auto;height:5px;overflow:hidden}.queue-effort-fill{border-radius:3px;height:100%}.cue-timeline{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);height:90px;padding:var(--space-2);flex:none;margin-top:auto}.timeline-track{background:#0f0f0f;border-radius:6px;align-items:flex-end;width:100%;height:100%;display:flex;overflow:hidden}.time-block{min-width:1px;transition:background .2s}.deck-transport{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.transport-bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%;display:flex}.transport-bar.disconnected{opacity:.45}.wo-picker{flex:240px;min-width:200px;position:relative}.wo-search{width:100%;font-family:var(--font-sans);font-size:var(--fs-body);color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:0 var(--space-3);min-height:52px}.wo-dropdown{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);z-index:200;max-height:320px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.wo-dropdown.open{display:block}.wo-item{padding:var(--space-2) var(--space-3);font-size:var(--fs-body);color:var(--text);cursor:pointer}.wo-item:hover{background:var(--panel)}.wo-note{padding:var(--space-2) var(--space-3);font-size:var(--fs-label);color:var(--muted)}.wo-note.error{color:var(--amber)}.wo-countdown{font-family:var(--font-sans);font-size:var(--fs-body);color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:0 var(--space-2);min-height:52px}.tbtn{font-family:var(--font-sans);font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:2px;text-transform:uppercase;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:0 var(--space-3);cursor:pointer;min-height:52px}.tbtn:disabled{cursor:not-allowed;opacity:.5}.tbtn.start,.tbtn.pause.resume{color:#000;background:var(--green);border-color:var(--green)}.tbtn.stop{color:var(--red);border-color:var(--red)}.tbtn.reset{color:var(--muted)}.tv-group{gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.tbtn.layout.active{color:#000;background:var(--cyan);border-color:var(--cyan)}.settings-view{gap:var(--space-4);padding-top:var(--space-2);flex-direction:column;display:flex}.settings-group{gap:var(--space-2);flex-direction:column;display:flex}.settings-label{font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.settings-view .tv-group{margin-left:0}.deck-modal{z-index:8888;background:#000000d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.deck-modal.show{display:flex}.modal-box{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;max-width:460px}.modal-icon{font-size:44px}.modal-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text);margin-top:var(--space-2);text-transform:uppercase;letter-spacing:1px}.modal-sub{font-size:var(--fs-body);color:var(--muted);margin-top:var(--space-3);line-height:1.4}.modal-buttons{gap:var(--space-3);margin-top:var(--space-4);display:flex}.modal-cancel,.modal-confirm{font-family:var(--font-sans);font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:2px;text-transform:uppercase;border-radius:var(--radius);min-height:var(--touch-min);cursor:pointer;flex:1}.modal-cancel{color:var(--muted);background:var(--panel-2);border:1px solid var(--border)}.modal-confirm{color:#000;background:var(--red);border:none}.modal-confirm.danger{color:#fff;background:#8b0000}.postgame-panel{background:var(--panel);border:1px solid var(--border);border-left:8px solid var(--green);border-radius:var(--radius-lg);padding:var(--space-4);flex:none}.pg-head{font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:3px;color:var(--green);text-transform:uppercase}.pg-grid{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.pg-stat{background:var(--panel-2);border-top:4px solid var(--border);border-radius:var(--radius);padding:var(--space-3);text-align:center}.pg-val{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text);font-variant-numeric:tabular-nums}.pg-lbl{font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:2px;text-transform:uppercase;margin-top:var(--space-1)}.pg-email{margin-top:var(--space-3);text-align:center;font-size:var(--fs-label);letter-spacing:2px;text-transform:uppercase;color:var(--muted);background:var(--bg);border-radius:var(--radius);padding:var(--space-3)}.pg-close{margin-top:var(--space-3);width:100%;min-height:var(--touch-min);font-family:var(--font-sans);font-size:var(--fs-body);font-weight:var(--fw-bold);letter-spacing:2px;text-transform:uppercase;color:#000;background:linear-gradient(90deg, var(--cyan), var(--green));border-radius:var(--radius);cursor:pointer;border:none}.pg-close:disabled{opacity:.6;cursor:not-allowed}.pg-close-status{text-align:center;font-size:var(--fs-label);letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:var(--space-2)}.shoutout-toast{text-align:center;background:var(--panel);border:2px solid var(--yellow);border-radius:var(--radius-lg);width:fit-content;min-width:320px;padding:var(--space-4);z-index:9999;margin:0 auto;position:fixed;bottom:120px;left:0;right:0}.so-eyebrow{font-size:var(--fs-label);letter-spacing:3px;text-transform:uppercase;color:var(--yellow)}.so-name{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text);letter-spacing:2px;margin:var(--space-2) 0}.so-btns{gap:var(--space-2);justify-content:center;display:flex}.so-send{color:#000;background:linear-gradient(90deg, var(--cyan), var(--green));padding:var(--space-2) var(--space-4);font-weight:var(--fw-bold);letter-spacing:2px;cursor:pointer;border:none;border-radius:10px}.so-suppress{color:var(--muted);background:var(--panel-2);border:1px solid var(--border);padding:var(--space-2) var(--space-4);font-weight:var(--fw-bold);letter-spacing:2px;cursor:pointer;border-radius:10px}.so-bar{background:var(--yellow);height:3px;margin-top:var(--space-3);border-radius:2px}.rider-view{gap:var(--space-3);flex-direction:column;flex:auto;min-height:0;display:flex}.rider-head{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;display:flex}.metric-bar{gap:var(--space-2);flex-wrap:wrap;flex:none;display:flex}.metric-btn{font-family:var(--font-sans);font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:2px;text-transform:uppercase;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:0 var(--space-3);min-height:var(--touch-min);cursor:pointer}.metric-btn:hover{color:var(--text)}.metric-btn.active{color:#000;background:var(--cyan);border-color:var(--cyan)}.rider-count{font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.rider-grid{gap:var(--space-3);flex:auto;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;min-height:0;display:grid;overflow-y:auto}.rider-tile{background:var(--panel);border:1px solid var(--border);border-top:4px solid var(--border);border-radius:var(--radius);padding:var(--space-3);gap:var(--space-1);min-height:var(--touch-min);flex-direction:column;display:flex}.tile-bike{font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:2px;text-transform:uppercase;color:var(--cyan)}.tile-name{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile-val-wrap{align-items:baseline;gap:var(--space-1);margin-top:auto;display:flex}.tile-val{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.tile-unit{font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:1px;color:var(--muted)}.tile-actions{gap:var(--space-2);margin-top:auto;display:flex}.tile-btn{font-family:var(--font-sans);font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:2px;text-transform:uppercase;padding:0 var(--space-3);cursor:pointer;border-radius:10px;min-height:48px}.tile-btn.edit{color:var(--muted);background:var(--panel-2);border:1px solid var(--border)}.tile-btn.edit:hover{color:var(--text)}.tile-btn.remove{color:var(--red);border:1px solid var(--red);background:0 0}.rider-empty{color:var(--muted);font-size:var(--fs-lg);letter-spacing:2px;text-transform:uppercase;opacity:.6;flex:auto;justify-content:center;align-items:center;display:flex}.deck-music{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--panel);border-top:1px solid var(--border);flex:none;min-height:76px;display:flex}.music-now{align-items:center;gap:var(--space-2);flex:0 auto;min-width:0;display:flex}.music-cover{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;flex:none;width:52px;height:52px;overflow:hidden}.music-cover img{object-fit:cover;width:100%;height:100%;display:none}.music-cover.has-art img{display:block}.music-meta{min-width:0}.music-track{font-weight:var(--fw-bold);font-size:var(--fs-body);color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:34vw;overflow:hidden}.music-artist{font-size:var(--fs-label);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:34vw;overflow:hidden}.music-progress{align-items:center;gap:var(--space-2);flex:auto;min-width:120px;display:flex}.music-pos,.music-dur{font-variant-numeric:tabular-nums;font-size:var(--fs-label);color:var(--muted);flex:none}.music-bar{background:var(--panel-2);border-radius:3px;flex:auto;height:6px;overflow:hidden}.music-bar-fill{background:var(--cyan);width:0%;height:100%;transition:width .12s linear}.music-controls{align-items:center;gap:var(--space-3);flex:none;display:flex}.music-transport{align-items:center;gap:var(--space-2);display:flex}.music-btn{background:var(--panel-2);border:1px solid var(--border);width:52px;height:52px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.music-btn:active{transform:scale(.94)}.music-btn:disabled{opacity:.35;cursor:default}.music-btn-play{background:var(--cyan);border-color:var(--cyan);color:#001014;width:60px;height:60px}.music-ic{width:26px;height:26px;display:block}.music-btn-play .music-ic{width:30px;height:30px}.music-volume{align-items:center;gap:var(--space-2);display:flex}.music-vol-ic{color:var(--muted);display:inline-flex}.music-vol-ic .music-ic{width:22px;height:22px}input[type=range].music-vol{appearance:none;cursor:pointer;background:0 0;width:168px;height:40px}input[type=range].music-vol::-webkit-slider-runnable-track{background:var(--panel-2);border:1px solid var(--border);border-radius:5px;height:10px}input[type=range].music-vol::-webkit-slider-thumb{appearance:none;background:var(--cyan);border:2px solid #001014;border-radius:50%;width:30px;height:30px;margin-top:-11px}input[type=range].music-vol:disabled{opacity:.35;cursor:default}input[type=range].music-vol:disabled::-webkit-slider-thumb{background:var(--muted)}.deck-music.is-offline .music-track{color:var(--muted)}.deck-music.is-offline .music-cover{opacity:.4}.music-workout{align-items:center;gap:var(--space-1);height:52px;padding:0 var(--space-3);background:linear-gradient(90deg, var(--cyan), var(--green));color:#001014;cursor:pointer;-webkit-tap-highlight-color:transparent;font-weight:var(--fw-bold);letter-spacing:1px;border:none;border-radius:12px;max-width:34vw;display:inline-flex}.music-workout:active{transform:scale(.96)}.music-workout:disabled{opacity:.35;cursor:default}.music-workout .music-wo-ic{display:inline-flex}.music-workout .music-wo-ic .music-ic{width:22px;height:22px}.music-workout .music-wo-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mt{gap:var(--space-2);min-height:0;padding:var(--space-2) var(--space-3);flex-direction:column;flex:auto;display:flex}.mt-banner{padding:var(--space-2) var(--space-3);border:1px solid var(--amber);color:var(--text);font-size:var(--fs-body);background:#f5a6231f;border-radius:12px}.mt.is-offline .mt-banner{background:var(--panel-2);border-color:var(--border);color:var(--muted)}.mt-class{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--panel-2);border:1px solid var(--border);border-radius:12px;display:flex}.mt-class.is-ok{border-color:var(--green)}.mt-class.is-bad{border-color:var(--red)}.mt-class-meta{flex:auto;min-width:0}.mt-class-label{font-size:var(--fs-label);letter-spacing:2px;color:var(--muted);font-weight:var(--fw-bold)}.mt-class-name{font-size:var(--fs-lg);font-weight:var(--fw-bold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mt-class-line{font-size:var(--fs-body);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mt-class.is-bad .mt-class-line{color:var(--red)}.mt-class.is-ok .mt-class-line{color:var(--green)}.mt-play-btn,.mt-btn{height:52px;padding:0 var(--space-3);cursor:pointer;font-family:var(--font-sans);font-weight:var(--fw-bold);letter-spacing:2px;font-size:var(--fs-label);-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;flex:none}.mt-play-btn{background:linear-gradient(90deg, var(--cyan), var(--green));color:#001014}.mt-btn{background:var(--cyan);color:#001014}.mt-btn-quiet{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.mt-play-btn:active,.mt-btn:active{transform:scale(.96)}.mt-search{gap:var(--space-2);align-items:center;display:flex}.mt-search-input{min-width:0;height:52px;padding:0 var(--space-3);background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);border-radius:12px;outline:none;flex:auto}.mt-search-input:focus{border-color:var(--cyan)}.mt-panes{gap:var(--space-2);flex:auto;min-height:0;display:flex}.mt-pane{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-width:0;min-height:0;display:flex}.mt-list-pane{flex:55%}.mt-track-pane{flex:45%}.mt-pane-title{padding:var(--space-2) var(--space-3) 0;font-size:var(--fs-label);letter-spacing:2px;color:var(--muted);font-weight:var(--fw-bold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mt-pane-sub{padding:0 var(--space-3) var(--space-1);font-size:var(--fs-label);color:var(--muted)}.mt-list,.mt-tracks{-webkit-overflow-scrolling:touch;min-height:0;padding:0 var(--space-1) var(--space-1);flex:auto;overflow-y:auto}.mt-group{padding:var(--space-2) var(--space-2) var(--space-1);font-size:var(--fs-label);letter-spacing:2px;color:var(--muted);font-weight:var(--fw-bold)}.mt-empty{padding:var(--space-3);color:var(--muted);font-size:var(--fs-body)}.mt-row,.mt-track{align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:var(--space-1) var(--space-2);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;display:flex}.mt-row:active,.mt-track:active{background:var(--panel-2)}.mt-row.is-selected{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--cyan)}.mt-row.is-class .mt-row-sub{color:var(--green)}.mt-art{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;flex:none;width:48px;height:48px;overflow:hidden}.mt-art img{object-fit:cover;width:100%;height:100%;display:block}.mt-row-body{flex:auto;min-width:0}.mt-row-name{font-size:var(--fs-body);font-weight:var(--fw-bold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mt-row-sub{font-size:var(--fs-label);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mt-row-dur{font-variant-numeric:tabular-nums;font-size:var(--fs-label);color:var(--muted);flex:none}.mt-row-play{border:1px solid var(--border);background:var(--panel-2);width:48px;height:48px;color:var(--cyan);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;flex:none;font-size:18px}.mt-row-play:active{transform:scale(.94)}.mt-row-play:disabled{opacity:.35;cursor:default}.mt-track-n{text-align:right;font-variant-numeric:tabular-nums;width:28px;color:var(--muted);font-size:var(--fs-label);flex:none}.mt.is-offline .mt-row,.mt.is-offline .mt-track{opacity:.5}