:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;height:100%}:root{--mt-bg: #0c0c0c;--mt-panel: #111;--mt-surface: #1a1a1a;--mt-border: #333;--mt-border-soft: #444;--mt-text: #fff;--mt-muted: #bbb;--mt-muted2: #888;--mt-accent: #d42a72;--mt-info: #3db8ef}.mixtape-app,.mixtape-app *{box-sizing:border-box}.mixtape-app{height:100vh;width:100vw;display:grid;grid-template-rows:1fr auto;overflow:hidden;background:var(--mt-bg);color:var(--mt-text)}.mixtape-columns{display:grid;grid-template-columns:20vw 40vw 40vw;width:100%;height:100%;overflow:hidden}@media(max-width:959px){.mixtape-columns.is-mobile{display:flex;flex-direction:row;width:300vw;height:100%;overflow:hidden;transition:transform .22s ease;will-change:transform;touch-action:pan-y}.mixtape-columns.is-mobile .mt-panel{width:100vw;flex:0 0 100vw}.mixtape-columns.is-mobile .mt-panel--playlists,.mixtape-columns.is-mobile .mt-panel--library{border-right:1px solid var(--mt-border)}.mt-row{flex-wrap:wrap;align-items:flex-start}}.mt-panel{min-width:0;padding:12px;overflow:auto;color:var(--mt-text)}.mt-panel--playlists{background:var(--mt-panel);border-right:1px solid var(--mt-border)}.mt-panel--library{background:var(--mt-bg);border-right:1px solid var(--mt-border)}.mt-panel--mixer{background:var(--mt-panel)}.mt-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mt-row--wrap{flex-wrap:wrap;align-items:flex-start}.mt-row--end{justify-content:flex-end;gap:8px}.mt-minw0{min-width:0}.mt-stack{display:grid;gap:10px}.mt-stack--tight{gap:6px}.mt-muted{color:var(--mt-muted)}.mt-muted2{color:var(--mt-muted2)}.mt-strong{color:var(--mt-text)}.mt-h2{margin:0}.mt-h2--nowrap{white-space:nowrap;margin-top:0;margin-bottom:0}.mixtape-app button,.mixtape-app input,.mixtape-app select{font-family:inherit}.mt-btn{border-radius:8px;border:1px solid var(--mt-border);background:var(--mt-surface);color:var(--mt-text);cursor:pointer;padding:8px 10px}.mt-btn:disabled{opacity:.6;cursor:not-allowed}.mt-btn--pill{border-radius:999px;padding:6px 10px}.mt-btn--danger{background:var(--mt-accent)}.mt-btn--info{background:var(--mt-info)}.mt-btn.is-active{background:var(--mt-accent)}.mt-btn--square{padding:0 10px}.mt-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--mt-border);color:var(--mt-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1}.mt-icon-btn:disabled{opacity:.6;cursor:not-allowed;background:#222}.mt-icon-btn--surface{background:var(--mt-surface)}.mt-icon-btn--accent{background:var(--mt-accent)}.mt-icon-btn--info{background:var(--mt-info)}.mt-icon-btn--previewing{background:#3db8ef;border-color:#3db8ef}.mt-track-head-actions .mt-icon-btn{background:var(--mt-surface)}.mt-input{padding:10px;border-radius:8px;border:1px solid var(--mt-border);background:var(--mt-panel);color:var(--mt-text)}.mt-hidden{display:none}.mt-select{padding:6px 8px;border-radius:8px;border:1px solid var(--mt-border);background:var(--mt-panel);color:var(--mt-text)}.mt-actions-bar{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.mt-selected{margin-top:12px;border-top:1px solid var(--mt-border);padding-top:12px}.mt-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.mt-list--tight{gap:6px}.mt-playlist-row{display:grid;grid-template-columns:1fr auto;gap:6px}.mt-playlist-btn{width:100%;text-align:left}.mt-playlist-btn--favorites{background:var(--mt-surface);border-color:var(--mt-border);color:var(--mt-text)}.mt-playlist-btn--favorites.is-active{background:var(--mt-accent);box-shadow:inset 0 0 0 2px #ffffff40}.mt-filter-bar{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.mt-countline{color:var(--mt-muted);margin-bottom:6px}.mt-empty{color:var(--mt-muted);padding:10px;border:1px dashed var(--mt-border-soft);border-radius:8px}.mt-video-row{border:1px solid var(--mt-border);border-radius:10px;padding:8px 10px;background:var(--mt-panel);display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.mt-video-title{font-weight:700}.mt-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-video-sub{font-size:12px;color:var(--mt-muted)}.mt-video-actions{display:flex;gap:8px;justify-content:flex-end}.mt-checkbox{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--mt-muted)}.mt-mixer-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.mt-mixer-control-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mt-mixer-transport{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mt-tip{margin-top:14px;font-size:12px;color:var(--mt-muted2)}.mt-mt6{margin-top:6px}.mt-mt8{margin-top:8px}.mt-mt10{margin-top:10px}.mt-mt12{margin-top:12px}.mt-mt14{margin-top:14px}.mt-track-card{border:1px solid var(--mt-border);border-radius:12px;padding:10px;background:var(--mt-bg)}.mt-track-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.mt-track-head-left{display:flex;gap:10px;align-items:flex-start;min-width:0}.mt-track-head-actions{display:flex;gap:6px;align-items:center}.mt-track-head-actions .mt-icon-btn,.mt-track-actions .mt-icon-btn{padding:0}.mt-track-meta{display:grid;gap:4px}.mt-track-badges{font-size:12px;color:var(--mt-muted)}.mt-track-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.mt-slider{margin-top:10px;display:grid;gap:6px}.mt-slider-head{display:flex;justify-content:space-between;font-size:12px;color:var(--mt-muted)}.mt-modal-overlay{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;padding:16px}.mt-modal{background:#222;color:var(--mt-text);border-radius:12px;width:min(720px,100%);padding:14px;border:1px solid var(--mt-border)}.mt-modal-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.mt-modal-header h3{margin:0}.mt-modal-body{margin-top:12px}.mt-form{display:grid;gap:12px}.mt-form--tight{gap:10px}.mt-label{display:grid;gap:6px}.mt-form-actions{display:flex;gap:8px;justify-content:flex-end}.mt-chip-group{display:flex;gap:8px;flex-wrap:wrap}.mt-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--mt-border);border-radius:999px;padding:6px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--mt-panel)}.mt-footer{border-top:1px solid var(--mt-border);background:var(--mt-panel);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mt-footer-text{font-size:12px;color:var(--mt-muted);flex:1 1 0;min-width:0;text-align:left}.mt-footer-text strong{color:var(--mt-text)}.mt-footer-status{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--mt-muted);flex:1 1 0;min-width:0;overflow:hidden}.mt-footer-status-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-footer-status-dot{width:8px;height:8px;border-radius:999px;background:var(--mt-info);flex:0 0 auto}.mt-footer-nav{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--mt-border);border-radius:999px;background:var(--mt-surface);flex:0 0 auto}.mt-footer-nav-btn{border:1px solid transparent;border-radius:999px;padding:6px 10px;background:transparent;color:var(--mt-muted);font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.mt-footer-nav-btn:hover{color:var(--mt-text)}.mt-footer-nav-btn.is-active{background:var(--mt-panel);color:var(--mt-text);border:1px solid var(--mt-border-soft)}.mt-footer-right{display:inline-flex;align-items:center;gap:10px;justify-content:flex-end;flex:1 1 0;min-width:0}.mt-footer-version{font-size:12px;color:var(--mt-muted2);white-space:nowrap;-webkit-user-select:none;user-select:none;opacity:.7}@media(max-width:959px){.mt-footer{max-width:100vw;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:10px}.mt-footer.is-narrow .mt-footer-status{justify-content:center;flex:0 0 auto;width:100%}.mt-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.mt-footer.is-narrow .mt-footer-text,.mt-footer.is-narrow .mt-footer-right{flex:0 1 auto}.mt-footer.is-narrow .mt-footer-text{text-align:left}.mt-footer.is-narrow .mt-footer-right{text-align:right}.mt-footer.is-narrow .mt-footer-nav{justify-content:center}}@media(max-width:420px){.mt-footer{gap:8px}.mt-footer-text{min-width:0}}.mt-about{display:grid;gap:10px;color:#ddd}.mt-about-lead{font-size:14px;line-height:1.4}.mt-about-lead img{display:block}.mt-about-section{font-size:13px;line-height:1.5}.mt-about-section strong{color:var(--mt-text)}.mt-about-section ul{margin:6px 0 0 18px}.mt-about-donation{color:var(--mt-text)}.mt-about-donation a{color:var(--mt-accent)}.mt-about-tip{font-size:12px;color:#aaa}.mt-about{position:relative}.mt-about-version{position:absolute;right:10px;bottom:8px;font-size:.75rem;opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--mt-panel)}*::-webkit-scrollbar-thumb{background:var(--mt-border);border-radius:8px;border:2px solid var(--mt-panel);transition:background .2s ease}*::-webkit-scrollbar-thumb:hover{background:var(--mt-info)}*{scrollbar-width:thin;scrollbar-color:var(--mt-border) var(--mt-panel)}