@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#ccc;-webkit-font-smoothing:antialiased;background:#050505;height:100%;font-family:Inter,-apple-system,sans-serif;transition:background .2s,color .2s}html[data-theme=light],html[data-theme=light] body,html[data-theme=light] #root{color:#333;background:#fafafa}::selection{color:#000;background:#fff}[data-theme=light] ::selection{color:#fff;background:#000}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#222;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}[data-theme=light] ::-webkit-scrollbar-thumb{background:#ccc}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#aaa}img{object-fit:cover;max-width:100%;max-height:100%;display:block}.track-row img{object-fit:cover;border-radius:2px;width:28px;height:28px;display:block}.action-btn:hover{color:var(--hover-color,#fff)!important;border-color:var(--hover-border,#444)!important}.track-row:hover{filter:brightness(1.1)}input:focus{border-color:#888!important}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:24px!important}select:focus{border-color:#888!important}[data-theme] *{transition:background-color .2s,color .2s,border-color .2s}[data-theme=dark] .action-btn:hover{--hover-color:#fff;--hover-border:#555}[data-theme=light] .action-btn:hover{--hover-color:#000;--hover-border:#999}.art-play{cursor:pointer;position:relative}.art-play-overlay{opacity:0;background:#00000073;border-radius:2px;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.art-play:hover .art-play-overlay,.art-play-overlay.is-playing{opacity:1}.track-list-header,.track-row{grid-template-columns:36px 32px 1fr 160px 60px 90px 100px 52px 124px;align-items:center;gap:8px;padding:6px 8px;display:grid}.track-list-header{padding:10px 8px}@media (width<=768px){.track-list-header{display:none!important}.track-row{flex-wrap:wrap;align-items:center;gap:0;padding:10px 8px;display:flex}.track-row img{width:40px;height:40px}.col-num{display:none}.col-art{flex-shrink:0;margin-right:10px;width:40px!important;height:40px!important}.col-title{flex:1;min-width:0;font-size:13px!important}.col-artist{display:none}.col-bpm{text-align:right;flex-shrink:0;width:44px;margin-left:8px}.col-key,.col-genre,.col-dur{display:none}.col-actions{gap:4px;width:100%;margin-top:6px;padding-left:50px;display:flex}.mobile-artist{margin-top:1px;font-size:10px;display:block!important}.pill-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:10px!important}.pill-bar::-webkit-scrollbar{display:none}.bpm-input{width:70px!important;font-size:14px!important}.subtitle{display:none}}.scrubber:hover{height:5px!important}@media (width<=768px){.transport>div:last-child{gap:8px!important;padding:6px 12px!important}}@media (width<=480px){.col-actions{padding-left:50px}.col-bpm{font-size:10px!important}}