*{box-sizing:border-box;margin:0;padding:0}body{color:#e8e8e8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0d1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0d0d1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}::selection{color:#fff;background:#e945604d}.header{z-index:100;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);padding:0;position:sticky;top:0;box-shadow:0 4px 20px #0000004d}.header-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:12px 24px;display:flex}.logo{cursor:pointer;align-items:center;gap:12px;transition:transform .2s;display:flex}.logo:hover{transform:scale(1.02)}.logo-icon{font-size:36px;animation:2s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.logo-text h1{color:#fff;background:linear-gradient(90deg,#e94560,#f39c12,#e94560) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:20px;animation:3s linear infinite shine}@keyframes shine{to{background-position:200%}}.logo-subtitle{color:#89a;margin:0;font-size:12px}.nav{align-items:center;gap:4px;display:flex}.nav-btn{color:#89a;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .3s;display:flex}.nav-btn:hover{color:#e94560;background:#e9456026}.nav-btn.active{color:#fff;background:linear-gradient(135deg,#e94560,#c23152);box-shadow:0 4px 15px #e9456066}.nav-icon{font-size:16px}.menu-toggle{cursor:pointer;background:0 0;border:none;padding:8px;display:none}.hamburger{background:#fff;width:24px;height:2px;transition:all .3s;display:block;position:relative}.hamburger:before,.hamburger:after{content:"";background:#fff;width:24px;height:2px;transition:all .3s;position:absolute}.hamburger:before{top:-8px}.hamburger:after{top:8px}.hamburger.open{background:0 0}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{top:0;transform:rotate(-45deg)}@media (width<=1024px){.nav-btn .nav-label{display:none}.nav-btn{padding:8px 10px}.nav-btn .nav-icon{font-size:20px}}@media (width<=768px){.menu-toggle{display:block}.nav{background:#1a1a2e;border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;padding:16px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 20px #0000004d}.nav.nav-open{display:flex}.nav-btn .nav-label{display:inline}.nav-btn{justify-content:flex-start;width:100%;padding:12px 16px;font-size:15px}}.music-player{z-index:200;cursor:pointer;background:linear-gradient(#1a1a2e,#0f0f1a);border-top:1px solid #ffffff14;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 30px #00000080}.player-progress-bar{background:#ffffff1a;width:100%;height:3px}.player-progress-fill{background:linear-gradient(90deg,#e94560,#f39c12);height:100%;transition:width .15s linear}.player-content{justify-content:space-between;align-items:center;gap:20px;padding:10px 20px;display:flex}.player-song-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.player-cover{object-fit:cover;border-radius:8px;width:48px;height:48px}.player-text{flex-direction:column;min-width:0;display:flex}.player-title{color:#e8e8e8;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.player-artist{color:#888;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.player-controls{align-items:center;gap:8px;display:flex}.control-btn{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.control-btn:hover{color:#fff;background:#ffffff1a}.play-btn{color:#fff;background:linear-gradient(135deg,#e94560,#c23152);width:42px;height:42px;font-size:18px}.play-btn:hover{background:linear-gradient(135deg,#f06580,#d34063);transform:scale(1.05)}.player-extra-controls{flex-shrink:0;align-items:center;gap:16px;display:flex}.volume-control{align-items:center;gap:6px;display:flex}.volume-btn{cursor:pointer;background:0 0;border:none;font-size:16px}.volume-slider{appearance:none;background:#fff3;border-radius:2px;outline:none;width:80px;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#e94560;border-radius:50%;width:14px;height:14px}.player-duration{color:#888;text-align:center;min-width:80px;font-size:12px}.full-player-overlay{z-index:300;background:#000000d9;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.full-player{text-align:center;background:linear-gradient(#1a1a2e,#0f0f1a);border-radius:24px;width:90%;max-width:500px;max-height:90vh;padding:40px;position:relative;overflow-y:auto}.close-full-player{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;font-size:16px;position:absolute;top:16px;right:16px}.full-player-artwork{width:280px;height:280px;margin:0 auto 24px;position:relative}.full-player-artwork img{object-fit:cover;border-radius:20px;width:100%;height:100%;box-shadow:0 20px 60px #00000080}.album-glow{filter:blur(40px);opacity:.3;z-index:-1;background-size:cover;border-radius:40px;position:absolute;inset:-20px}.full-player-info h2{color:#e8e8e8;margin:0;font-size:22px}.full-player-info p{color:#888;margin:4px 0;font-size:14px}.full-player-album{color:#666!important;font-size:12px!important}.full-player-progress{color:#888;align-items:center;gap:12px;margin:24px 0;font-size:12px;display:flex}.progress-track{background:#ffffff1a;border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#e94560,#f39c12);border-radius:2px;height:100%;transition:width .15s linear}.full-player-controls{justify-content:center;align-items:center;gap:24px;margin-bottom:20px;display:flex}.full-ctrl{color:#ccc;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;width:48px;height:48px;font-size:20px;transition:all .2s}.full-ctrl:hover{color:#fff;background:#ffffff26}.full-play{width:64px;height:64px;color:#fff!important;background:linear-gradient(135deg,#e94560,#f39c12)!important;font-size:26px!important}.full-player-tags{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.full-player-queue{text-align:left;border-top:1px solid #ffffff14;margin-top:20px;padding-top:16px}.full-player-queue h4{color:#888;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:13px}.queue-item{color:#888;border-radius:8px;align-items:center;gap:10px;padding:8px;font-size:13px;transition:background .2s;display:flex}.queue-item.active{color:#e94560;background:#e945601a}.queue-item img{object-fit:cover;border-radius:6px;width:36px;height:36px}.queue-item div{flex-direction:column;display:flex}.queue-artist{color:#666;font-size:11px!important}@media (width<=640px){.player-extra-controls{display:none}.player-content{padding:8px 12px}}.mood-selector{margin-bottom:32px}.section-title{color:#e8e8e8;align-items:center;gap:10px;margin-bottom:16px;font-size:20px;display:flex}.section-icon{font-size:24px}.mood-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.mood-card{cursor:pointer;color:#bbb;background:#ffffff0d;border:2px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;transition:all .3s;display:flex}.mood-card:hover{background:#e945601a;border-color:#e945604d;transform:translateY(-4px);box-shadow:0 8px 25px #e9456033}.mood-card.selected{color:#fff;background:linear-gradient(135deg,#e9456033,#e945601a);border-color:#e94560;box-shadow:0 0 20px #e945604d}.mood-emoji{font-size:36px;transition:transform .3s}.mood-card:hover .mood-emoji{transform:scale(1.2)}.mood-card.selected .mood-emoji{animation:.5s bounce}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.mood-label{font-size:14px;font-weight:600}@media (width<=480px){.mood-grid{grid-template-columns:repeat(3,1fr);gap:8px}.mood-card{padding:14px 8px}.mood-emoji{font-size:28px}}.activity-selector{margin-bottom:32px}.activity-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.activity-card{cursor:pointer;color:#bbb;background:#ffffff0d;border:2px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;transition:all .3s;display:flex}.activity-card:hover{background:#f39c121a;border-color:#f39c124d;transform:translateY(-4px);box-shadow:0 8px 25px #f39c1233}.activity-card.selected{color:#fff;background:linear-gradient(135deg,#f39c1233,#f39c121a);border-color:#f39c12;box-shadow:0 0 20px #f39c124d}.activity-emoji{font-size:36px;transition:transform .3s}.activity-card:hover .activity-emoji{transform:scale(1.2)}.activity-card.selected .activity-emoji{animation:.5s bounce}.activity-label{font-size:14px;font-weight:600}@media (width<=480px){.activity-grid{grid-template-columns:repeat(3,1fr);gap:8px}.activity-card{padding:14px 8px}.activity-emoji{font-size:28px}}.genre-selector{margin-bottom:32px}.genre-grid{flex-wrap:wrap;gap:10px;display:flex}.genre-chip{color:#aaa;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:30px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.genre-chip:hover{border-color:var(--genre-color);color:var(--genre-color);background:color-mix(in srgb, var(--genre-color) 10%, transparent);transform:translateY(-2px)}.genre-chip.selected{background:var(--genre-color);border-color:var(--genre-color);color:#fff;box-shadow:0 4px 15px color-mix(in srgb, var(--genre-color) 40%, transparent)}.song-card{background:#ffffff08;border:1px solid #0000;border-radius:14px;align-items:center;gap:16px;padding:14px 18px;transition:all .3s;display:flex}.song-card:hover{background:#ffffff0f;border-color:#ffffff14;transform:translate(4px)}.song-card.playing{background:#e9456014;border-color:#e9456033}.song-index{color:#555;min-width:28px;font-size:14px;font-weight:700}.song-card.playing .song-index{color:#e94560}.song-cover{cursor:pointer;border-radius:10px;flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden}.song-cover img{object-fit:cover;width:100%;height:100%}.play-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.song-cover:hover .play-overlay{opacity:1}.play-icon{color:#fff;font-size:18px}.song-info{flex:1;min-width:0}.song-title{color:#e8e8e8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;overflow:hidden}.song-artist{color:#888;margin:2px 0;font-size:13px}.song-meta{color:#666;gap:12px;font-size:11px;display:flex}.song-tags{flex-shrink:0;gap:6px;display:flex}.genre-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.genre-tag.genre-pop{color:#e94560;background:#e9456033}.genre-tag.genre-rock{color:#e77f67;background:#e77f6733}.genre-tag.genre-hiphop{color:#f39c12;background:#f39c1233}.genre-tag.genre-jazz{color:#6c5ce7;background:#6c5ce733}.genre-tag.genre-classical{color:#00b894;background:#00b89433}.genre-tag.genre-edm{color:#00cec9;background:#00cec933}.genre-tag.genre-indie{color:#fd79a8;background:#fd79a833}.genre-tag.genre-country,.genre-tag.genre-folk{color:#fdcb6e;background:#fdcb6e33}.genre-tag.genre-latin{color:#ff7675;background:#ff767533}.genre-tag.genre-electronic{color:#00cec9;background:#00cec933}.genre-tag.genre-ambient{color:#00b894;background:#00b89433}.song-stats{flex-direction:column;gap:4px;min-width:100px;display:flex}.stat{align-items:center;gap:6px;display:flex}.stat-label{color:#666;min-width:24px;font-size:10px}.stat-bar{background:#ffffff1a;border-radius:2px;flex:1;height:4px;overflow:hidden}.stat-fill.energy{background:linear-gradient(90deg,#00b894,#f39c12,#e94560);border-radius:2px;height:100%;transition:width .5s}.stat-value{color:#888;font-size:11px}.song-duration{color:#666;text-align:right;min-width:40px;font-size:13px}@media (width<=768px){.song-card{gap:10px;padding:10px 12px}.song-stats,.song-tags,.song-meta{display:none}}.playlist-view{background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;padding:24px;animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.playlist-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.playlist-title{color:#e8e8e8;margin:0;font-size:24px}.playlist-count{color:#666;margin:4px 0 0;font-size:14px}.playlist-actions{gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-save{color:#fff;background:linear-gradient(135deg,#e94560,#c23152)}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e9456066}.btn-regenerate{color:#aaa;background:#ffffff14;border:1px solid #ffffff1a}.btn-regenerate:hover{color:#fff;background:#ffffff1f}.playlist-songs{flex-direction:column;gap:6px;display:flex}@media (width<=640px){.playlist-header{flex-direction:column;align-items:flex-start;gap:12px}.playlist-actions{width:100%}.btn{flex:1;justify-content:center;padding:10px 12px;font-size:13px}}.playlist-generator{max-width:900px;margin:0 auto}.page-hero{text-align:center;margin-bottom:40px;padding:40px 20px}.page-title{color:#e8e8e8;justify-content:center;align-items:center;gap:12px;margin:0 0 12px;font-size:28px;display:flex}.title-icon{font-size:32px}.page-desc{color:#888;margin:0;font-size:16px}.advanced-toggle{color:#888;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:12px;padding:8px 0;font-size:14px;transition:color .2s;display:flex}.advanced-toggle:hover{color:#e94560}.advanced-options{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:24px;padding:20px;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.option-group{margin-bottom:16px}.option-group h4{color:#888;margin:0 0 10px;font-size:14px}.option-chips{gap:8px;display:flex}.option-chip{color:#aaa;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:20px;padding:8px 16px;font-size:13px;transition:all .2s}.option-chip:hover{color:#e94560;border-color:#e94560}.option-chip.selected{color:#fff;background:#e94560;border-color:#e94560}.generate-section{text-align:center;margin:32px 0}.generate-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#e94560,#f39c12);border:none;border-radius:16px;align-items:center;gap:10px;padding:16px 40px;font-size:18px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 8px 30px #e945604d}.generate-btn:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 12px 40px #e9456080}.generate-btn.disabled{color:#555;box-shadow:none;cursor:not-allowed;background:#ffffff14}.generate-icon{font-size:22px}.mood-matcher{max-width:900px;margin:0 auto}.mood-genre-filter{margin-bottom:32px}.genre-filter-chips{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{color:#aaa;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-size:13px;transition:all .2s}.filter-chip:hover{color:#6c5ce7;border-color:#6c5ce7}.filter-chip.selected{color:#fff;background:#6c5ce7;border-color:#6c5ce7}.mood-visual{border-radius:2px;height:4px;margin:20px 0;position:relative;overflow:hidden}.mood-visual-bg{border-radius:2px;width:100%;height:100%;animation:2s ease-in-out infinite moodPulse}.mood-visual-bg[data-mood=happy]{background:linear-gradient(90deg,#f39c12,#e94560,#f39c12)}.mood-visual-bg[data-mood=sad]{background:linear-gradient(90deg,#2d3436,#636e72,#2d3436)}.mood-visual-bg[data-mood=energetic]{background:linear-gradient(90deg,#e94560,#f39c12,#e94560)}.mood-visual-bg[data-mood=relaxed]{background:linear-gradient(90deg,#00b894,#00cec9,#00b894)}.mood-visual-bg[data-mood=angry]{background:linear-gradient(90deg,#d63031,#e17055,#d63031)}.mood-visual-bg[data-mood=nostalgic]{background:linear-gradient(90deg,#6c5ce7,#a29bfe,#6c5ce7)}@keyframes moodPulse{0%,to{opacity:.5}50%{opacity:1}}.activity-playlists{max-width:900px;margin:0 auto}.activity-description{background:#f39c1214;border:1px solid #f39c1233;border-radius:12px;margin-bottom:24px;padding:16px 20px}.activity-description p{color:#f0c060;margin:0;font-size:14px}.discover{max-width:1100px;margin:0 auto}.discover-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;display:grid}.discover-panel{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;padding:24px}.panel-desc{color:#888;margin:0 0 20px;font-size:14px}.discover-filters{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.filter-row{flex-direction:column;gap:6px;display:flex}.filter-row label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.filter-row select{color:#e8e8e8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.filter-row select:focus{border-color:#e94560}.filter-row select option{color:#e8e8e8;background:#1a1a2e}.discover-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.discover-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c5ce766}.recommendations{margin-top:20px}.recommendations h4{color:#a29bfe;margin:0 0 12px;font-size:14px}.recommendations .song-card{padding:10px 12px}.similar-artists{margin-top:20px}.similar-artists h4{color:#00b894;margin:0 0 12px;font-size:14px}.similar-list{flex-direction:column;gap:10px;display:flex}.similar-artist-card{cursor:pointer;background:#ffffff08;border-radius:12px;align-items:center;gap:12px;padding:10px;transition:all .2s;display:flex}.similar-artist-card:hover{background:#00b8941a;transform:translate(4px)}.similar-artist-card img{object-fit:cover;border-radius:10px;width:44px;height:44px}.similar-artist-card div{flex-direction:column;display:flex}.similar-name{color:#e8e8e8;font-size:14px;font-weight:600}.similar-info{color:#888;font-size:12px}.trending-section{margin-top:40px}.trending-grid{flex-direction:column;gap:6px;display:flex}@media (width<=768px){.discover-grid{grid-template-columns:1fr}}.theme-playlists{max-width:1100px;margin:0 auto}.themes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:32px;display:grid}.theme-card{cursor:pointer;text-align:left;color:#bbb;background:#ffffff08;border:2px solid #ffffff0f;border-radius:18px;padding:24px 20px;transition:all .3s}.theme-card:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 12px 30px #0003}.theme-card.selected{color:#e8e8e8;background:linear-gradient(135deg,#6c5ce726,#a29bfe0d);border-color:#6c5ce7;box-shadow:0 0 25px #6c5ce733}.theme-icon{margin-bottom:12px;font-size:40px;display:block}.theme-name{color:inherit;margin:0 0 8px;font-size:18px}.theme-desc{color:#888;margin:0 0 14px;font-size:13px;line-height:1.4}.theme-genres{flex-wrap:wrap;gap:6px;display:flex}.theme-genre-tag{color:#a29bfe;text-transform:capitalize;background:#6c5ce726;border-radius:10px;padding:3px 10px;font-size:11px}.theme-result{animation:.5s fadeIn}@media (width<=640px){.themes-grid{grid-template-columns:repeat(2,1fr);gap:10px}.theme-card{padding:16px 14px}.theme-icon{font-size:30px}}.custom-rules{max-width:900px;margin:0 auto}.rules-form{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;margin-bottom:32px;padding:28px}.rules-header{margin-bottom:24px}.playlist-name-input{color:#e8e8e8;box-sizing:border-box;background:#ffffff0a;border:2px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:14px 18px;font-size:18px;font-weight:600;transition:border-color .2s}.playlist-name-input:focus{border-color:#e94560}.playlist-name-input::placeholder{color:#555}.rules-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;display:grid}.rule-group{flex-direction:column;gap:10px;display:flex}.rule-group label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.rule-chips{flex-wrap:wrap;gap:6px;display:flex}.rule-chip{color:#aaa;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:16px;padding:6px 14px;font-size:12px;transition:all .2s}.rule-chip:hover{color:#e94560;border-color:#e94560}.rule-chip.selected{color:#fff;background:#e94560;border-color:#e94560}.range-inputs{align-items:center;gap:8px;display:flex}.range-inputs input{color:#e8e8e8;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;outline:none;flex:1;padding:10px 12px;font-size:14px}.range-inputs input:focus{border-color:#e94560}.range-inputs input::placeholder{color:#555}.range-sep{color:#555;font-size:18px}.rule-slider{appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}.rule-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#e94560;border-radius:50%;width:20px;height:20px}.slider-value{color:#e94560;font-size:13px;font-weight:600}.no-results{text-align:center;padding:60px 20px}.no-results-icon{margin-bottom:16px;font-size:48px;display:block}.no-results p{color:#888;font-size:16px}.custom-result{animation:.5s fadeIn}@media (width<=640px){.rules-grid{grid-template-columns:1fr}}.music-library{max-width:900px;margin:0 auto}.empty-library{text-align:center;padding:80px 20px}.empty-icon{margin-bottom:20px;font-size:64px;display:block}.empty-library h3{color:#888;margin:0 0 8px}.empty-library p{color:#555;font-size:14px}.library-stats{gap:16px;margin-bottom:24px;display:flex}.stat-card{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex:1;padding:20px}.stat-number{color:#e94560;margin-bottom:4px;font-size:32px;font-weight:700;display:block}.stat-desc{color:#888;font-size:13px}.folder-tabs{gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.folder-tab{color:#aaa;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.folder-tab:hover{color:#e94560;border-color:#e94560}.folder-tab.active{color:#fff;background:#e94560;border-color:#e94560}.library-playlists{flex-direction:column;gap:10px;display:flex}.library-playlist-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;overflow:hidden}.playlist-item-header{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .2s;display:flex}.playlist-item-header:hover{background:#ffffff08}.playlist-item-info{flex-direction:column;display:flex}.playlist-item-name{color:#e8e8e8;font-size:16px;font-weight:600}.playlist-item-count{color:#888;font-size:13px}.playlist-item-actions{align-items:center;gap:8px;display:flex}.action-btn{cursor:pointer;background:#ffffff0f;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.action-btn:hover{background:#ffffff1f;transform:scale(1.1)}.share-btn:hover{background:#00b89433}.delete-btn:hover{background:#e9456033}.expand-icon{color:#666;margin-left:8px;font-size:12px;transition:transform .3s}.expand-icon.expanded{transform:rotate(180deg)}.playlist-item-content{padding:0 20px 20px;animation:.3s fadeIn}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 24px 120px}.no-player{padding-bottom:32px}