.category-card[data-v-dd8e132d]{position:relative;border-radius:8px;overflow:hidden;height:100px;display:block;cursor:pointer;transition:transform .2s}.category-card[data-v-dd8e132d]:hover{transform:scale(1.02)}.cat-bg[data-v-dd8e132d]{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(20px) brightness(.85);transform:scale(1.25)}.cat-art[data-v-dd8e132d]{position:absolute;top:0;left:0;height:100%;width:auto;display:block}.cat-overlay[data-v-dd8e132d]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent, var(--mtn-yellow)) 0%,rgba(0,0,0,.7) 100%);opacity:.85}.cat-content[data-v-dd8e132d]{position:relative;z-index:1;display:flex;align-items:flex-end;height:100%;padding:12px}.cat-content h3[data-v-dd8e132d]{font-size:16px;font-weight:700;color:var(--mtn-white);text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 768px){.category-card[data-v-dd8e132d]{height:80px;border-radius:6px}.cat-content[data-v-dd8e132d]{padding:10px}.cat-content h3[data-v-dd8e132d]{font-size:14px}}@media (max-width: 380px){.category-card[data-v-dd8e132d]{height:70px}.cat-content h3[data-v-dd8e132d]{font-size:13px}}.track-card[data-v-220cd863]{cursor:pointer;padding:12px;border-radius:8px;background:var(--mtn-dark-card);transition:background .3s;overflow:hidden;min-width:0}.track-card[data-v-220cd863]:hover{background:var(--mtn-dark-hover)}.card-img-wrapper[data-v-220cd863]{position:relative;margin-bottom:12px;border-radius:6px;overflow:hidden;width:100%;padding-top:100%}.card-img[data-v-220cd863]{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--mtn-dark-surface);filter:blur(20px) brightness(.85);transform:scale(1.25)}.card-art[data-v-220cd863]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.card-play-overlay[data-v-220cd863]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-start;padding:8px;opacity:0;transition:opacity .3s}.track-card:hover .card-play-overlay[data-v-220cd863]{opacity:1}.card-play-btn[data-v-220cd863]{width:44px;height:44px;border-radius:50%;background:var(--mtn-yellow);color:var(--mtn-black);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000080;transform:translateY(8px);transition:transform .3s}.track-card:hover .card-play-btn[data-v-220cd863]{transform:translateY(0)}.card-title[data-v-220cd863]{font-size:14px;font-weight:700;color:var(--mtn-white);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.card-desc[data-v-220cd863]{font-size:12px;color:var(--mtn-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@media (max-width: 768px){.track-card[data-v-220cd863]{padding:6px;border-radius:6px}.card-img-wrapper[data-v-220cd863]{margin-bottom:6px;border-radius:4px}.card-play-overlay[data-v-220cd863]{opacity:1;padding:6px}.card-play-btn[data-v-220cd863]{width:30px;height:30px;transform:translateY(0)}.card-play-btn svg[data-v-220cd863]{width:16px;height:16px}.card-title[data-v-220cd863]{font-size:11px;margin-bottom:2px}.card-desc[data-v-220cd863]{font-size:10px}}@media (max-width: 380px){.track-card[data-v-220cd863]{padding:5px}.card-title[data-v-220cd863]{font-size:10px}.card-desc[data-v-220cd863]{font-size:9px}.card-play-btn[data-v-220cd863]{width:26px;height:26px}.card-play-btn svg[data-v-220cd863]{width:14px;height:14px}}.skel-cat[data-v-6b07062e]{border-radius:8px;height:100px;background:var(--mtn-dark-card);overflow:hidden;position:relative}@media (max-width: 768px){.skel-cat[data-v-6b07062e]{height:80px;border-radius:6px}}@media (max-width: 380px){.skel-cat[data-v-6b07062e]{height:70px}}.skel-shimmer[data-v-6b07062e]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer-6b07062e 1.5s infinite}@keyframes shimmer-6b07062e{0%{transform:translate(100%)}to{transform:translate(-100%)}}.skel-track[data-v-f5a46000]{padding:12px;border-radius:8px;background:var(--mtn-dark-card);overflow:hidden}.skel-img[data-v-f5a46000]{width:100%;padding-top:100%;border-radius:6px;background:var(--mtn-dark-surface);margin-bottom:12px;position:relative;overflow:hidden}.skel-line[data-v-f5a46000]{border-radius:4px;background:var(--mtn-dark-surface);position:relative;overflow:hidden}.skel-title[data-v-f5a46000]{height:14px;width:80%;margin-bottom:6px}.skel-desc[data-v-f5a46000]{height:12px;width:55%}.skel-shimmer[data-v-f5a46000]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer-f5a46000 1.5s infinite}@keyframes shimmer-f5a46000{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media (max-width: 768px){.skel-track[data-v-f5a46000]{padding:6px;border-radius:6px}.skel-img[data-v-f5a46000]{margin-bottom:6px;border-radius:4px}.skel-title[data-v-f5a46000]{height:11px}.skel-desc[data-v-f5a46000]{height:10px}}.hero[data-v-218c961f]{background:linear-gradient(135deg,rgba(255,203,5,.3) 0%,var(--mtn-dark) 70%);border-radius:12px;padding:48px 32px;margin-bottom:32px}.hero-title[data-v-218c961f]{font-size:48px;font-weight:800;margin-bottom:12px}.yellow[data-v-218c961f]{color:var(--mtn-yellow)}.hero-subtitle[data-v-218c961f]{font-size:16px;color:var(--mtn-gray);max-width:500px}.section[data-v-218c961f]{margin-bottom:40px}.section-title[data-v-218c961f]{font-size:22px;font-weight:700;color:var(--mtn-white);margin-bottom:16px}.skel-section-title[data-v-218c961f]{height:22px;width:140px;border-radius:4px;background:var(--mtn-dark-card);margin-bottom:16px}.categories-grid[data-v-218c961f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.tracks-grid[data-v-218c961f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}@media (max-width: 1024px){.hero[data-v-218c961f]{padding:36px 24px}.hero-title[data-v-218c961f]{font-size:36px}.categories-grid[data-v-218c961f]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.tracks-grid[data-v-218c961f]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 768px){.hero[data-v-218c961f]{padding:28px 20px;margin-bottom:24px;border-radius:8px}.hero-title[data-v-218c961f]{font-size:28px}.hero-subtitle[data-v-218c961f]{font-size:14px}.section[data-v-218c961f]{margin-bottom:28px}.section-title[data-v-218c961f]{font-size:18px;margin-bottom:12px}.categories-grid[data-v-218c961f],.tracks-grid[data-v-218c961f]{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width: 380px){.hero-title[data-v-218c961f]{font-size:24px}.categories-grid[data-v-218c961f],.tracks-grid[data-v-218c961f]{grid-template-columns:1fr 1fr;gap:8px}}.track-row[data-v-78f213e4]{display:flex;align-items:center;gap:16px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .2s}.track-row[data-v-78f213e4]:hover{background:var(--mtn-dark-hover)}.track-num[data-v-78f213e4]{width:24px;text-align:center;font-size:14px;color:var(--mtn-gray);font-variant-numeric:tabular-nums}.row-thumb[data-v-78f213e4]{width:44px;height:44px;border-radius:4px;object-fit:cover;background:var(--mtn-dark-card)}.row-info[data-v-78f213e4]{flex:1;min-width:0}.row-title[data-v-78f213e4]{font-size:14px;font-weight:600;color:var(--mtn-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title.active[data-v-78f213e4]{color:var(--mtn-yellow)}.row-desc[data-v-78f213e4]{font-size:12px;color:var(--mtn-gray)}.row-action-btn[data-v-78f213e4]{background:none;color:var(--mtn-gray);padding:6px;border-radius:50%;opacity:0;transition:opacity .2s,color .2s;flex-shrink:0}.track-row:hover .row-action-btn[data-v-78f213e4]{opacity:1}.row-action-btn[data-v-78f213e4]:hover{color:var(--mtn-white)}.row-action-btn.is-fav[data-v-78f213e4]{color:var(--mtn-yellow);opacity:1}.remove-btn[data-v-78f213e4]:hover{color:#f44}.pl-overlay[data-v-78f213e4]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;display:flex;align-items:flex-end;justify-content:center}.pl-sheet[data-v-78f213e4]{background:var(--mtn-dark-card);border-radius:16px 16px 0 0;width:100%;max-width:500px;max-height:70vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0)}.pl-sheet-handle[data-v-78f213e4]{width:40px;height:4px;border-radius:2px;background:var(--mtn-dark-hover);margin:12px auto 8px}.pl-sheet-title[data-v-78f213e4]{font-size:16px;font-weight:700;color:var(--mtn-white);padding:8px 20px 12px;border-bottom:1px solid var(--mtn-dark-hover)}.pl-sheet-list[data-v-78f213e4]{overflow-y:auto;flex:1}.pl-sheet-item[data-v-78f213e4]{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;color:var(--mtn-white);padding:14px 20px;font-size:15px;font-family:inherit;text-align:right;transition:background .2s;border:none;cursor:pointer}.pl-sheet-item[data-v-78f213e4]:hover,.pl-sheet-item[data-v-78f213e4]:active{background:var(--mtn-dark-hover)}.pl-sheet-empty[data-v-78f213e4]{font-size:14px;color:var(--mtn-gray);padding:24px 20px;text-align:center}.pl-sheet-new[data-v-78f213e4]{display:flex;align-items:center;gap:10px;width:100%;background:none;color:var(--mtn-yellow);padding:14px 20px;font-size:15px;font-family:inherit;font-weight:600;text-align:right;transition:background .2s;border:none;cursor:pointer}.pl-sheet-new[data-v-78f213e4]:hover,.pl-sheet-new[data-v-78f213e4]:active{background:var(--mtn-dark-hover)}.pl-sheet-create-input[data-v-78f213e4]{display:flex;align-items:center;gap:8px;padding:10px 20px}.pl-new-input[data-v-78f213e4]{flex:1;min-width:0;background:var(--mtn-dark-surface);border:2px solid transparent;border-radius:8px;padding:10px 12px;color:var(--mtn-white);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.pl-new-input[data-v-78f213e4]:focus{border-color:var(--mtn-yellow)}.pl-new-input[data-v-78f213e4]::placeholder{color:var(--mtn-gray)}.pl-new-confirm[data-v-78f213e4]{background:var(--mtn-yellow);color:var(--mtn-black);padding:10px 16px;border-radius:8px;font-size:14px;font-weight:700;font-family:inherit;white-space:nowrap;flex-shrink:0;transition:background .2s}.pl-new-confirm[data-v-78f213e4]:disabled{opacity:.4;cursor:not-allowed}.pl-new-confirm[data-v-78f213e4]:not(:disabled):hover{background:var(--mtn-yellow-hover)}.pl-sheet-close[data-v-78f213e4]{background:none;color:var(--mtn-gray);padding:14px 20px;font-size:15px;font-family:inherit;font-weight:600;border-top:1px solid var(--mtn-dark-hover);text-align:center;transition:color .2s}.pl-sheet-close[data-v-78f213e4]:hover{color:var(--mtn-white)}.row-views[data-v-78f213e4]{font-size:12px;color:var(--mtn-gray);white-space:nowrap}.row-play-btn[data-v-78f213e4]{background:none;color:var(--mtn-gray);padding:4px;opacity:0;transition:opacity .2s;flex-shrink:0}.track-row:hover .row-play-btn[data-v-78f213e4]{opacity:1}.playing .row-play-btn[data-v-78f213e4]{opacity:1;color:var(--mtn-yellow)}@media (max-width: 768px){.track-row[data-v-78f213e4]{gap:10px;padding:8px}.track-num[data-v-78f213e4]{width:20px;font-size:12px}.row-thumb[data-v-78f213e4]{width:38px;height:38px}.row-title[data-v-78f213e4]{font-size:13px}.row-desc[data-v-78f213e4]{font-size:11px}.row-views[data-v-78f213e4]{display:none}.row-action-btn[data-v-78f213e4]{opacity:1;padding:4px}.row-play-btn[data-v-78f213e4]{opacity:1}}.skel-row[data-v-b71148b3]{display:flex;align-items:center;gap:16px;padding:8px 12px}.skel-num[data-v-b71148b3]{width:24px;height:14px;border-radius:4px;background:var(--mtn-dark-surface)}.skel-thumb[data-v-b71148b3]{width:44px;height:44px;border-radius:4px;background:var(--mtn-dark-surface);flex-shrink:0;position:relative;overflow:hidden}.skel-info[data-v-b71148b3]{flex:1;min-width:0}.skel-line[data-v-b71148b3]{border-radius:4px;background:var(--mtn-dark-surface);position:relative;overflow:hidden}.skel-title[data-v-b71148b3]{height:14px;width:60%;margin-bottom:6px}.skel-desc[data-v-b71148b3]{height:12px;width:40%}.skel-shimmer[data-v-b71148b3]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer-b71148b3 1.5s infinite}@keyframes shimmer-b71148b3{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media (max-width: 768px){.skel-row[data-v-b71148b3]{gap:10px;padding:8px}.skel-num[data-v-b71148b3]{width:20px;height:12px}.skel-thumb[data-v-b71148b3]{width:38px;height:38px}.skel-title[data-v-b71148b3]{height:13px}.skel-desc[data-v-b71148b3]{height:11px}}.cat-header[data-v-5f5d9b73]{position:relative;border-radius:12px;overflow:hidden;margin-bottom:24px;min-height:260px}.cat-header-bg[data-v-5f5d9b73]{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(28px) brightness(.72);transform:scale(1.25)}.cat-header-art[data-v-5f5d9b73]{position:absolute;top:0;left:0;height:100%;width:auto;display:block}.cat-header-overlay[data-v-5f5d9b73]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 0%,var(--mtn-dark) 100%)}.cat-header-content[data-v-5f5d9b73]{position:relative;z-index:1;display:flex;align-items:flex-end;gap:24px;padding:32px;min-height:260px}.cat-label[data-v-5f5d9b73]{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--mtn-white)}.cat-name[data-v-5f5d9b73]{font-size:42px;font-weight:800;color:var(--mtn-white);margin:8px 0}.cat-count[data-v-5f5d9b73]{font-size:14px;color:var(--mtn-gray)}.actions-bar[data-v-5f5d9b73]{display:flex;align-items:center;gap:16px;margin-bottom:24px}.play-all-btn[data-v-5f5d9b73]{display:flex;align-items:center;gap:8px;background:var(--mtn-yellow);color:var(--mtn-black);padding:12px 28px;border-radius:24px;font-size:15px;font-weight:700;transition:transform .1s,background .2s}.play-all-btn[data-v-5f5d9b73]:hover{transform:scale(1.04);background:var(--mtn-yellow-hover)}.track-list[data-v-5f5d9b73]{display:flex;flex-direction:column;gap:4px}.skel-header[data-v-5f5d9b73]{border-radius:12px;height:200px;background:var(--mtn-dark-card);margin-bottom:24px;position:relative;overflow:hidden}.skel-shimmer[data-v-5f5d9b73]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer-5f5d9b73 1.5s infinite}@keyframes shimmer-5f5d9b73{0%{transform:translate(100%)}to{transform:translate(-100%)}}.skel-play-btn-wrap[data-v-5f5d9b73]{margin-bottom:24px}.skel-play-btn[data-v-5f5d9b73]{width:140px;height:44px;border-radius:24px;background:var(--mtn-dark-card)}@media (max-width: 1024px){.cat-name[data-v-5f5d9b73]{font-size:32px}.cat-header[data-v-5f5d9b73]{min-height:220px}.cat-header-content[data-v-5f5d9b73]{min-height:220px;padding:24px}}@media (max-width: 768px){.cat-header[data-v-5f5d9b73]{min-height:180px;border-radius:8px;margin-bottom:16px}.cat-header-content[data-v-5f5d9b73]{flex-direction:column;align-items:flex-start;min-height:180px;padding:16px;gap:12px}.cat-name[data-v-5f5d9b73]{font-size:24px;margin:4px 0}.cat-label[data-v-5f5d9b73]{font-size:11px}.cat-count[data-v-5f5d9b73]{font-size:12px}.actions-bar[data-v-5f5d9b73]{margin-bottom:16px}.play-all-btn[data-v-5f5d9b73]{padding:10px 24px;font-size:14px}}@media (max-width: 380px){.cat-name[data-v-5f5d9b73]{font-size:20px}}.search-page[data-v-dc643ce0]{max-width:900px;margin:0 auto;width:100%}.search-box[data-v-dc643ce0]{display:flex;align-items:center;gap:12px;background:var(--mtn-dark-card);border-radius:24px;padding:12px 20px;margin-bottom:32px;border:2px solid transparent;transition:border-color .2s}.search-box[data-v-dc643ce0]:focus-within{border-color:var(--mtn-yellow)}.search-icon[data-v-dc643ce0]{flex-shrink:0}.search-input[data-v-dc643ce0]{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--mtn-white);font-size:16px;font-family:inherit}.search-input[data-v-dc643ce0]::placeholder{color:var(--mtn-gray)}.results-title[data-v-dc643ce0]{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--mtn-white)}.tracks-grid[data-v-dc643ce0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.no-results[data-v-dc643ce0]{text-align:center;padding:48px 16px;color:var(--mtn-gray);font-size:16px;word-break:break-word}.browse-hint[data-v-dc643ce0]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 0;color:var(--mtn-gray);font-size:16px}@media (max-width: 1024px){.tracks-grid[data-v-dc643ce0]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}@media (max-width: 768px){.search-page[data-v-dc643ce0]{max-width:100%}.search-box[data-v-dc643ce0]{padding:10px 14px;margin-bottom:16px;gap:8px;border-radius:12px}.search-icon[data-v-dc643ce0]{width:20px;height:20px}.search-input[data-v-dc643ce0]{font-size:14px}.search-input[data-v-dc643ce0]::placeholder{font-size:13px}.results-title[data-v-dc643ce0]{font-size:16px;margin-bottom:12px}.tracks-grid[data-v-dc643ce0]{grid-template-columns:repeat(2,1fr);gap:10px}.no-results[data-v-dc643ce0]{padding:32px 16px;font-size:14px}.browse-hint[data-v-dc643ce0]{padding:40px 16px;font-size:14px;text-align:center}.browse-hint svg[data-v-dc643ce0]{width:48px;height:48px}.loading[data-v-dc643ce0]{padding:32px}}@media (max-width: 380px){.search-box[data-v-dc643ce0]{padding:8px 12px}.search-input[data-v-dc643ce0]{font-size:13px}.tracks-grid[data-v-dc643ce0]{grid-template-columns:repeat(2,1fr);gap:8px}}.page-header[data-v-06cc84eb]{display:flex;align-items:center;gap:20px;margin-bottom:24px}.header-icon[data-v-06cc84eb]{width:64px;height:64px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fav-icon[data-v-06cc84eb]{background:linear-gradient(135deg,#ffcb054d,#ffcb051a)}.page-title[data-v-06cc84eb]{font-size:28px;font-weight:800;color:var(--mtn-white)}.page-count[data-v-06cc84eb]{font-size:14px;color:var(--mtn-gray);margin-top:4px}.actions-bar[data-v-06cc84eb]{margin-bottom:24px}.play-all-btn[data-v-06cc84eb]{display:flex;align-items:center;gap:8px;background:var(--mtn-yellow);color:var(--mtn-black);padding:12px 28px;border-radius:24px;font-size:15px;font-weight:700;transition:transform .1s,background .2s}.play-all-btn[data-v-06cc84eb]:hover{transform:scale(1.04);background:var(--mtn-yellow-hover)}.track-list[data-v-06cc84eb]{display:flex;flex-direction:column;gap:4px}.empty-state[data-v-06cc84eb]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 16px;text-align:center;color:var(--mtn-gray);font-size:16px}.empty-hint[data-v-06cc84eb]{font-size:13px;color:var(--mtn-gray-light)}@media (max-width: 768px){.page-title[data-v-06cc84eb]{font-size:22px}.header-icon[data-v-06cc84eb]{width:48px;height:48px}.header-icon svg[data-v-06cc84eb]{width:24px;height:24px}.play-all-btn[data-v-06cc84eb]{padding:10px 24px;font-size:14px}.empty-state[data-v-06cc84eb]{padding:40px 16px;font-size:14px}}.page-header[data-v-488d82ad]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title[data-v-488d82ad]{font-size:28px;font-weight:800;color:var(--mtn-white)}.create-btn[data-v-488d82ad]{display:flex;align-items:center;gap:6px;background:var(--mtn-yellow);color:var(--mtn-black);padding:10px 20px;border-radius:24px;font-size:14px;font-weight:700;transition:transform .1s,background .2s}.create-btn[data-v-488d82ad]:hover{transform:scale(1.04);background:var(--mtn-yellow-hover)}.playlists-grid[data-v-488d82ad]{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.playlist-card[data-v-488d82ad]{background:var(--mtn-dark-card);border-radius:8px;padding:12px;transition:background .3s;position:relative}.playlist-card[data-v-488d82ad]:hover{background:var(--mtn-dark-hover)}.pl-cover[data-v-488d82ad]{width:100%;padding-top:100%;position:relative;border-radius:6px;overflow:hidden;margin-bottom:12px;background:var(--mtn-dark-surface)}.pl-cover-grid[data-v-488d82ad]{position:absolute;top:0;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.pl-cover-item[data-v-488d82ad]{background-size:cover;background-position:center}.pl-cover-empty[data-v-488d82ad]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.pl-name[data-v-488d82ad]{font-size:14px;font-weight:700;color:var(--mtn-white);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-count[data-v-488d82ad]{font-size:12px;color:var(--mtn-gray)}.pl-delete[data-v-488d82ad]{position:absolute;top:8px;left:8px;background:#0009;color:var(--mtn-gray);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,color .2s}.playlist-card:hover .pl-delete[data-v-488d82ad]{opacity:1}.pl-delete[data-v-488d82ad]:hover{color:#f44}.modal-overlay[data-v-488d82ad]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal[data-v-488d82ad]{background:var(--mtn-dark-card);border-radius:12px;padding:24px;width:100%;max-width:400px}.modal h3[data-v-488d82ad]{font-size:18px;font-weight:700;color:var(--mtn-white);margin-bottom:16px}.modal-input[data-v-488d82ad]{width:100%;background:var(--mtn-dark-surface);border:2px solid transparent;border-radius:8px;padding:12px;color:var(--mtn-white);font-size:15px;font-family:inherit;outline:none;margin-bottom:16px;transition:border-color .2s}.modal-input[data-v-488d82ad]:focus{border-color:var(--mtn-yellow)}.modal-input[data-v-488d82ad]::placeholder{color:var(--mtn-gray)}.modal-actions[data-v-488d82ad]{display:flex;gap:8px;justify-content:flex-end}.modal-cancel[data-v-488d82ad]{background:var(--mtn-dark-surface);color:var(--mtn-white);padding:10px 20px;border-radius:24px;font-size:14px;font-weight:600}.modal-confirm[data-v-488d82ad]{background:var(--mtn-yellow);color:var(--mtn-black);padding:10px 20px;border-radius:24px;font-size:14px;font-weight:700;transition:background .2s}.modal-confirm[data-v-488d82ad]:disabled{opacity:.4;cursor:not-allowed}.modal-confirm[data-v-488d82ad]:not(:disabled):hover{background:var(--mtn-yellow-hover)}.empty-state[data-v-488d82ad]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 16px;text-align:center;color:var(--mtn-gray);font-size:16px}.empty-hint[data-v-488d82ad]{font-size:13px;color:var(--mtn-gray-light)}@media (max-width: 768px){.page-title[data-v-488d82ad]{font-size:22px}.create-btn[data-v-488d82ad]{padding:8px 16px;font-size:13px}.playlists-grid[data-v-488d82ad]{grid-template-columns:repeat(2,1fr);gap:10px}.playlist-card[data-v-488d82ad]{padding:8px}.pl-name[data-v-488d82ad]{font-size:12px}.pl-count[data-v-488d82ad]{font-size:11px}.pl-delete[data-v-488d82ad]{opacity:1}.empty-state[data-v-488d82ad]{padding:40px 16px;font-size:14px}}.page-header[data-v-0f99d542]{display:flex;align-items:center;gap:20px;margin-bottom:24px}.header-icon[data-v-0f99d542]{width:80px;height:80px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:var(--mtn-dark-card)}.pl-cover-grid[data-v-0f99d542]{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.pl-cover-item[data-v-0f99d542]{background-size:cover;background-position:center}.page-label[data-v-0f99d542]{font-size:12px;color:var(--mtn-gray);text-transform:uppercase;font-weight:700}.page-title[data-v-0f99d542]{font-size:28px;font-weight:800;color:var(--mtn-white);margin:4px 0}.page-count[data-v-0f99d542]{font-size:14px;color:var(--mtn-gray)}.actions-bar[data-v-0f99d542]{margin-bottom:24px}.play-all-btn[data-v-0f99d542]{display:flex;align-items:center;gap:8px;background:var(--mtn-yellow);color:var(--mtn-black);padding:12px 28px;border-radius:24px;font-size:15px;font-weight:700;transition:transform .1s,background .2s}.play-all-btn[data-v-0f99d542]:hover{transform:scale(1.04);background:var(--mtn-yellow-hover)}.track-list[data-v-0f99d542]{display:flex;flex-direction:column;gap:4px}.empty-state[data-v-0f99d542]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:60px 16px;text-align:center;color:var(--mtn-gray);font-size:16px}.empty-hint[data-v-0f99d542]{font-size:13px;color:var(--mtn-gray-light)}@media (max-width: 768px){.page-title[data-v-0f99d542]{font-size:22px}.header-icon[data-v-0f99d542]{width:60px;height:60px}.play-all-btn[data-v-0f99d542]{padding:10px 24px;font-size:14px}}.sidebar[data-v-1be2df4a]{background:var(--mtn-black);grid-row:1 / 3;display:flex;flex-direction:column;padding:16px;overflow-y:auto}.sidebar-header[data-v-1be2df4a]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.logo[data-v-1be2df4a]{display:flex;align-items:center;padding:8px 12px}.logo-img[data-v-1be2df4a]{height:40px;width:auto}.close-btn[data-v-1be2df4a]{display:none;background:none;color:var(--mtn-gray);padding:8px;border-radius:50%;transition:color .2s}.close-btn[data-v-1be2df4a]:hover{color:var(--mtn-white)}.nav-menu[data-v-1be2df4a]{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.nav-item[data-v-1be2df4a]{display:flex;align-items:center;gap:16px;padding:10px 12px;border-radius:8px;color:var(--mtn-gray);font-size:15px;font-weight:600;transition:all .2s}.nav-item[data-v-1be2df4a]:hover{color:var(--mtn-white)}.nav-item.active[data-v-1be2df4a]{color:var(--mtn-yellow)}.categories-section[data-v-1be2df4a]{flex:1}.section-title[data-v-1be2df4a]{color:var(--mtn-gray-light);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:8px 12px;margin-bottom:8px}.categories-list[data-v-1be2df4a]{display:flex;flex-direction:column;gap:2px}.cat-item[data-v-1be2df4a]{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;color:var(--mtn-gray);font-size:14px;transition:all .2s}.cat-item[data-v-1be2df4a]:hover{color:var(--mtn-white);background:var(--mtn-dark-hover)}.cat-item.active[data-v-1be2df4a]{color:var(--mtn-yellow)}.cat-dot[data-v-1be2df4a]{width:8px;height:8px;border-radius:50%;background:var(--mtn-yellow);opacity:.6}.cat-item.active .cat-dot[data-v-1be2df4a]{opacity:1;box-shadow:0 0 8px var(--mtn-yellow)}@media (max-width: 768px){.sidebar[data-v-1be2df4a]{position:fixed;top:0;right:0;bottom:0;width:280px;z-index:100;transform:translate(100%);transition:transform .3s ease;box-shadow:-4px 0 24px #00000080}.sidebar.open[data-v-1be2df4a]{transform:translate(0)}.close-btn[data-v-1be2df4a]{display:flex;align-items:center;justify-content:center}}.topbar[data-v-672d359b]{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:var(--header-height)}.topbar-right[data-v-672d359b]{display:flex;align-items:center;gap:12px}.menu-btn[data-v-672d359b]{display:none;width:36px;height:36px;border-radius:50%;background:#ffcb0526;color:var(--mtn-yellow);align-items:center;justify-content:center;transition:background .2s}.menu-btn[data-v-672d359b]:hover{background:#ffcb0540}.nav-buttons[data-v-672d359b]{display:flex;gap:8px}.nav-btn[data-v-672d359b]{width:32px;height:32px;border-radius:50%;background:#00000080;color:var(--mtn-white);display:flex;align-items:center;justify-content:center;transition:background .2s}.nav-btn[data-v-672d359b]:hover{background:#ffffff1a}.topbar-brand[data-v-672d359b]{display:flex;align-items:center;gap:10px}.brand-logo[data-v-672d359b]{height:28px;width:auto}@media (max-width: 768px){.topbar[data-v-672d359b]{padding:8px 16px}.menu-btn[data-v-672d359b]{display:flex}.nav-buttons[data-v-672d359b]{display:none}}.player[data-v-b49843f8]{grid-column:1 / -1;background:var(--mtn-dark-surface);border-top:1px solid rgba(255,203,5,.15);position:relative;cursor:pointer}.player-empty[data-v-b49843f8]{display:flex;align-items:center;justify-content:center;cursor:default}.empty-text[data-v-b49843f8]{color:var(--mtn-gray);font-size:14px}.progress-bar-wrapper[data-v-b49843f8]{position:absolute;top:-5px;left:0;right:0;height:10px;cursor:pointer;z-index:10}.progress-bar[data-v-b49843f8]{position:absolute;top:2px;left:0;right:0;height:5px;background:#ffffff2e;border-radius:2px}.progress-bar-wrapper:hover .progress-bar[data-v-b49843f8]{background:#ffffff47}.progress-fill[data-v-b49843f8]{height:100%;background:var(--mtn-yellow);border-radius:2px;transition:width .1s linear}.player-inner[data-v-b49843f8]{display:flex;align-items:center;justify-content:space-between;padding:8px 24px;height:100%}.track-info[data-v-b49843f8]{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.track-thumb[data-v-b49843f8]{width:56px;height:56px;border-radius:6px;object-fit:cover;background:var(--mtn-dark-card)}.track-text[data-v-b49843f8]{min-width:0}.track-title[data-v-b49843f8]{font-size:14px;font-weight:600;color:var(--mtn-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-desc[data-v-b49843f8]{font-size:12px;color:var(--mtn-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls[data-v-b49843f8]{display:flex;align-items:center;gap:16px;flex:1;justify-content:center}.ctrl-btn[data-v-b49843f8]{background:none;color:var(--mtn-gray);padding:4px;transition:color .2s}.ctrl-btn[data-v-b49843f8]:hover{color:var(--mtn-white)}.play-btn[data-v-b49843f8]{width:42px;height:42px;border-radius:50%;background:var(--mtn-yellow);color:var(--mtn-black);display:flex;align-items:center;justify-content:center;transition:transform .1s,background .2s}.play-btn[data-v-b49843f8]:hover{transform:scale(1.06);background:var(--mtn-yellow-hover)}.time[data-v-b49843f8]{font-size:12px;color:var(--mtn-gray);font-variant-numeric:tabular-nums;direction:ltr}.volume-section[data-v-b49843f8]{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end;direction:ltr}.vol-btn[data-v-b49843f8]{display:flex}.volume-slider[data-v-b49843f8]{width:100px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--mtn-dark-hover);border-radius:2px;outline:none;direction:ltr;cursor:pointer}.volume-slider[data-v-b49843f8]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--mtn-yellow);cursor:pointer}.volume-slider[data-v-b49843f8]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--mtn-yellow);cursor:pointer}.volume-slider[data-v-b49843f8]::-moz-range-track{height:4px;background:var(--mtn-dark-hover);border-radius:2px}.fs-player[data-v-b49843f8]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:linear-gradient(180deg,#1a1a00 0%,var(--mtn-dark) 40%,var(--mtn-black) 100%);display:flex;flex-direction:column;align-items:center;padding:20px 24px;padding-bottom:env(safe-area-inset-bottom,20px);overflow-y:auto}.fs-header[data-v-b49843f8]{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px;margin-bottom:24px}.fs-down-btn[data-v-b49843f8]{background:none;color:var(--mtn-white);padding:4px}.fs-header-title[data-v-b49843f8]{font-size:13px;font-weight:700;color:var(--mtn-gray);text-transform:uppercase;letter-spacing:1px}.fs-artwork[data-v-b49843f8]{position:relative;width:100%;max-width:360px;aspect-ratio:1;border-radius:12px;overflow:hidden;margin-bottom:32px;box-shadow:0 16px 48px #0009;background:var(--mtn-dark-card)}.fs-img-bg[data-v-b49843f8]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(28px);transform:scale(1.25);opacity:.45}.fs-img[data-v-b49843f8]{position:relative;width:100%;height:100%;object-fit:contain}.fs-info[data-v-b49843f8]{width:100%;max-width:480px;margin-bottom:24px;text-align:center}.fs-title[data-v-b49843f8]{font-size:22px;font-weight:800;color:var(--mtn-white);margin-bottom:6px}.fs-desc[data-v-b49843f8]{font-size:15px;color:var(--mtn-gray)}.fs-progress-section[data-v-b49843f8]{width:100%;max-width:480px;margin-bottom:20px}.fs-progress-bar[data-v-b49843f8]{width:100%;height:20px;display:flex;align-items:center;cursor:pointer}.fs-progress-track[data-v-b49843f8]{width:100%;height:4px;background:var(--mtn-dark-hover);border-radius:2px;position:relative;direction:rtl}.fs-progress-fill[data-v-b49843f8]{height:100%;background:var(--mtn-yellow);border-radius:2px;transition:width .1s linear}.fs-progress-handle[data-v-b49843f8]{position:absolute;top:50%;transform:translate(50%,-50%);width:14px;height:14px;background:var(--mtn-yellow);border-radius:50%;box-shadow:0 2px 8px #0006}.fs-times[data-v-b49843f8]{display:flex;justify-content:space-between;font-size:12px;color:var(--mtn-gray);margin-top:8px;font-variant-numeric:tabular-nums}.fs-controls[data-v-b49843f8]{display:flex;align-items:center;gap:32px;margin-bottom:24px}.fs-ctrl[data-v-b49843f8]{background:none;color:var(--mtn-white);padding:4px;transition:color .2s}.fs-ctrl[data-v-b49843f8]:hover{color:var(--mtn-yellow)}.fs-play-btn[data-v-b49843f8]{width:64px;height:64px;border-radius:50%;background:var(--mtn-yellow);color:var(--mtn-black);display:flex;align-items:center;justify-content:center;transition:transform .1s,background .2s}.fs-play-btn[data-v-b49843f8]:hover{transform:scale(1.06);background:var(--mtn-yellow-hover)}.fs-volume[data-v-b49843f8]{display:flex;align-items:center;gap:10px;width:100%;max-width:320px;margin-bottom:16px;direction:ltr}.fs-volume-ios[data-v-b49843f8]{justify-content:center}.fs-vol-btn[data-v-b49843f8]{background:none;color:var(--mtn-gray);padding:2px;display:flex;transition:color .2s}.fs-vol-btn[data-v-b49843f8]:hover{color:var(--mtn-white)}.fs-volume-slider[data-v-b49843f8]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--mtn-dark-hover);border-radius:2px;outline:none;direction:ltr;cursor:pointer}.fs-volume-slider[data-v-b49843f8]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--mtn-yellow);cursor:pointer}.fs-volume-slider[data-v-b49843f8]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--mtn-yellow);cursor:pointer}.fs-volume-slider[data-v-b49843f8]::-moz-range-track{height:4px;background:var(--mtn-dark-hover);border-radius:2px}.fs-actions[data-v-b49843f8]{display:flex;gap:24px}.fs-action-btn[data-v-b49843f8]{background:none;color:var(--mtn-gray);padding:8px;border-radius:50%;transition:color .2s}.fs-action-btn[data-v-b49843f8]:hover{color:var(--mtn-white)}.fs-action-btn.active[data-v-b49843f8]{color:var(--mtn-yellow)}.fs-enter-active[data-v-b49843f8],.fs-leave-active[data-v-b49843f8]{transition:transform .35s ease,opacity .35s ease}.fs-enter-from[data-v-b49843f8],.fs-leave-to[data-v-b49843f8]{transform:translateY(100%);opacity:.5}@media (max-width: 1024px){.volume-section[data-v-b49843f8]{display:none}.controls[data-v-b49843f8]{flex:unset}}@media (max-width: 768px){.player-inner[data-v-b49843f8]{padding:6px 12px;gap:8px}.track-thumb[data-v-b49843f8]{width:42px;height:42px;border-radius:4px}.track-title[data-v-b49843f8]{font-size:13px}.track-desc[data-v-b49843f8]{font-size:11px}.controls[data-v-b49843f8]{gap:8px}.play-btn[data-v-b49843f8]{width:36px;height:36px}.play-btn svg[data-v-b49843f8]{width:22px;height:22px}.time[data-v-b49843f8]{display:none}.ctrl-btn svg[data-v-b49843f8]{width:18px;height:18px}.fs-player[data-v-b49843f8]{padding:16px}.fs-artwork[data-v-b49843f8]{max-width:280px;margin-bottom:24px}.fs-title[data-v-b49843f8]{font-size:20px}.fs-desc[data-v-b49843f8]{font-size:14px}.fs-play-btn[data-v-b49843f8]{width:56px;height:56px}.fs-play-btn svg[data-v-b49843f8]{width:34px;height:34px}.fs-controls[data-v-b49843f8]{gap:28px}}@media (max-width: 380px){.track-text[data-v-b49843f8]{max-width:90px}.ctrl-btn[data-v-b49843f8]{display:none}.fs-artwork[data-v-b49843f8]{max-width:220px}.fs-title[data-v-b49843f8]{font-size:18px}}.admin-root[data-v-51910128]{height:100%;overflow-y:auto}.app-layout[data-v-51910128]{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr var(--player-height);height:100%;gap:0}.sidebar-overlay[data-v-51910128]{display:none}.main-area[data-v-51910128]{display:flex;flex-direction:column;overflow:hidden;background:var(--mtn-dark)}.main-content[data-v-51910128]{flex:1;overflow-y:auto;padding:24px}.mobile-nav[data-v-51910128]{display:none}@media (max-width: 1024px){.app-layout[data-v-51910128]{grid-template-columns:220px 1fr}}@media (max-width: 768px){.app-layout[data-v-51910128]{grid-template-columns:1fr;grid-template-rows:1fr var(--player-height) 56px}.main-content[data-v-51910128]{padding:16px}.sidebar-overlay[data-v-51910128]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:99}.mobile-nav[data-v-51910128]{display:flex;align-items:center;justify-content:space-around;background:var(--mtn-black);border-top:1px solid rgba(255,203,5,.1);grid-column:1 / -1;padding:4px 0}.mobile-nav-item[data-v-51910128]{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--mtn-gray);font-size:10px;padding:6px 12px;background:none;border:none;font-family:inherit;cursor:pointer;transition:color .2s}.mobile-nav-item.active[data-v-51910128],.mobile-nav-item[data-v-51910128]:hover{color:var(--mtn-yellow)}}:root{--mtn-yellow: #FFCB05;--mtn-yellow-hover: #e6b800;--mtn-yellow-light: #fff3b0;--mtn-black: #000000;--mtn-dark: #121212;--mtn-dark-surface: #1a1a1a;--mtn-dark-card: #232323;--mtn-dark-hover: #2a2a2a;--mtn-gray: #b3b3b3;--mtn-gray-light: #a0a0a0;--mtn-white: #ffffff;--mtn-gradient: linear-gradient(135deg, #FFCB05 0%, #e6b800 100%);--sidebar-width: 280px;--player-height: 90px;--header-height: 64px}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:Cairo,sans-serif;background-color:var(--mtn-dark);color:var(--mtn-white);overflow:hidden;height:100%}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--mtn-dark-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--mtn-gray)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}img{max-width:100%}.container{max-width:1400px;margin:0 auto;padding:0 24px}@media (max-width: 1024px){:root{--sidebar-width: 220px}}@media (max-width: 768px){:root{--player-height: 72px;--header-height: 52px}::-webkit-scrollbar{width:4px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-nav{padding-bottom:env(safe-area-inset-bottom)}}
