:root{--bg-primary: #1C1F23;--bg-secondary: #262A2F;--bg-secondary-light: rgb(77, 81, 86);--bg-secondary-dark: #12151b;--accent-cyan: #2ED3E6;--accent-cyan-light: #7CE7F2;--accent-orange: #F3A23A;--text-primary: #E6E6E6;--text-secondary: #9CA3AF;--text-heading: #c7e6f7;--font-size-app-title: 1.5rem;--font-size-section-title: 1.125rem;--font-size-track-title: 1rem;--font-size-metadata: .8125rem;--font-size-ui-label: .75rem;--shadow-glow: 0 0 8px rgba(46, 211, 230, .5);--shadow-outline: 0 0 0 .25rem rgba(46, 211, 230, .8);--header-height-lg: 80px;--player-height-lg: 80px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,sans-serif;color:var(--text-primary);scrollbar-width:thin;scrollbar-color:var(--accent-orange) var(--bg-secondary)}h1,h2,h3,h4,h5,h6{color:var(--text-heading);margin:0 0 .5em;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--accent-orange);border-radius:4px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}input{background:var(--bg-secondary-light);border:1px solid var(--bg-secondary-light);color:var(--text-primary)}input::placeholder{color:var(--text-secondary)}button{color:var(--text-primary)}input:focus{outline:2px solid var(--accent-cyan);outline-offset:2px}a{color:var(--accent-cyan);text-decoration:none}a:hover{color:var(--accent-cyan-light)}.button{cursor:pointer;background-color:transparent;border:none;font-size:1rem;font-weight:600;transition:background-color .12s ease,transform 60ms ease,box-shadow .12s ease}.button:focus-visible{outline:none;box-shadow:var(--shadow-outline)}.button:active{transform:translateY(1px)}.button[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.badge{cursor:default;font-size:.75rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.15rem .5rem;border-radius:1rem;box-shadow:1px 1px 1px var(--bg-secondary-dark)}#root{display:flex;flex-direction:column;height:100vh}.main{position:relative;flex:1;overflow-y:auto;background-color:var(--bg-primary)}.main .content{max-width:1200px;margin:0 auto;padding:1rem}.main .content .track-item{margin-bottom:10px}.button-play{--play-button-glow: rgba(46,211,230,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#2b3138,#1b2026);border:2px solid var(--accent-cyan);box-shadow:0 0 8px var(--play-button-glow);transition:all .2s ease}.button-play:hover{transform:scale(1.08);box-shadow:0 0 8px var(--accent-cyan),0 0 10px var(--play-button-glow)}.button-play:focus{outline:none;box-shadow:var(--shadow-outline)}.button-play:active{outline:none;transform:scale(.95);box-shadow:0 0 6px var(--play-button-glow)}.track-item{display:flex;gap:.75rem;padding:.6rem .7rem;border:1px solid var(--bg-secondary);border-radius:.6rem;background:var(--bg-secondary-dark);align-items:center}.track-item .coverart{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:.5rem;overflow:hidden;background:var(--bg-secondary-light)}.track-item .coverart>img{display:block;width:100%;height:100%;object-fit:cover}.track-item .coverart .image-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:700;font-size:1.4rem;color:var( --text-secondary)}.track-item .meta{flex:1;min-width:0}.track-item .title{font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-item .artist-album{margin-top:.15rem;color:var(--text-secondary);font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-item .artist-album>*{white-space:nowrap}.track-item .badges{margin-top:.35rem;display:flex;gap:.35rem;flex-wrap:wrap}.track-item .actions{margin-left:auto}.filters{padding:1rem}.filters .button{background-color:var(--bg-secondary-light);color:var(--accent-orange);border:1px solid var(--accent-orange);border-radius:6px;padding:.5em .8em}.filters .filters-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.filters .filters-container label{display:block;width:calc(50% - .25rem)}@media (width < 992px){.filters .filters-container label{width:100%}}.filters .filters-container .label-inline{display:inline-flex;align-items:center}.filters .filters-container .label-inline span{margin-right:.5em}.filters .filters-container .label-full{width:100%}.filters .filters-container .label-full>*{width:50%}.filters .filters-container label span{text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap}.filters .filters-container input{margin:.5em 0 0;accent-color:var(--accent-orange)}.filters .filters-container .slider{width:100%}.filters .filters-container select{background-color:var(--bg-secondary-light);color:var(--accent-orange);border:1px solid var(--accent-orange);border-radius:6px;padding:.3em}.filters .filters-container input[type=checkbox]{width:1rem;height:1rem}.loading-spinner{display:flex;align-items:center;justify-content:center;position:absolute;inset:0}.loading-spinner .spinner{width:48px;height:48px;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.loading-spinner.dark{background-color:#0000004d}.loading-spinner.light{background-color:#ffffff4d}.loading-spinner.dark .spinner{border:5px solid #fff;border-bottom-color:transparent}.loading-spinner.light .spinner{border:5px solid #333;border-bottom-color:transparent}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player{position:relative;background-color:var(--bg-secondary);flex:0 0 var(--player-height-lg)}.player.empty{flex:0 0 0}.player .heading{font-weight:700;margin-bottom:.5em}.player .overlay{display:flex;position:absolute;left:0;right:0;bottom:100%;background-color:var(--bg-primary);transition:height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.player .overlay.maximized{height:calc(100vh - var(--header-height-lg) - var(--player-height-lg))}.player .overlay.minimized{height:0}.player .player-filters,.player .player-recommendations{flex:1;overflow:auto}.player .player-iframe{display:flex;flex-direction:column;flex:1.5;margin-top:1rem}.player .player-iframe iframe{width:100%;margin-bottom:1rem}.player .player-iframe .stats{display:flex;flex-wrap:wrap;gap:.5rem}.player .player-iframe .stats-box{width:calc((100% / 3) - (1rem / 3));border:1px solid var(--bg-secondary);border-radius:.3rem;background:var(--bg-secondary-dark);padding:.6rem}@media (width < 992px){.player .player-iframe .stats-box{width:calc(50% - .25rem)}}.player .player-iframe .stats-box-heading{font-size:var(--font-size-metadata);margin:0 0 .6rem}.player .player-iframe .stats-box-counter{font-size:var(--font-size-section-title);font-weight:600;margin:0}.player .player-recommendations{position:relative;overflow:hidden}.player .player-recommendations .recommendations-content{overflow:auto;height:100%;padding:1rem}.player .player-recommendations .track-item{margin-bottom:.5rem}.player .content{padding:10px;display:flex;gap:1rem;justify-content:space-between;align-items:center;border:2px solid;border-image-slice:1;border-image-source:linear-gradient(to left,var(--bg-secondary),var(--bg-secondary-light),var(--bg-secondary));border-bottom:0;border-left:0;border-right:0}.player .content .meta{flex:1}.player .content .coverart{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:.5rem;overflow:hidden;background:var(--bg-secondary-light)}.player .content .coverart>img{display:block;width:100%;height:100%;object-fit:cover}.player .content .coverart .image-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:600;font-size:1.6rem;color:var( --text-secondary)}.player .content .title{font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player .content .artist-album{margin-top:.15rem;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player .content .artist-album>*{white-space:nowrap}.player .content button{font-size:1.4rem}.player .content button+button{margin-left:.5rem}.header{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-secondary-dark);flex:0 0 var(--header-height-lg);padding:.5em 2em;border:2px solid;border-image-slice:1;border-image-source:linear-gradient(to left,var(--bg-secondary-dark),var(--bg-secondary-light),var(--bg-secondary-dark));border-top:0;border-left:0;border-right:0}.header>*{min-width:12%;margin:0 .5em}.header .logo{display:inline-block;color:var(--text-primary);font-family:Orbitron,sans-serif;font-size:var( --font-size-app-title);font-weight:700;letter-spacing:.05em;text-shadow:0px 0px 20px var(--accent-cyan-light);text-decoration:none}.header .search-box{flex:0 1 600px;display:flex}.header .search-box input{flex:1;height:2.6rem;padding:.5em 1em;border:1px solid var(--bg-secondary-light);border-radius:6px 0 0 6px;font-size:1em;background:var(--bg-secondary-light);transition:border-color .2s,box-shadow .2s}.header .search-box input:focus{outline:none;box-shadow:var(--shadow-outline)}.header .search-box .button-search{height:2.6rem;padding:.45rem .7rem;border:1px solid var(--bg-secondary);border-radius:0 6px 6px 0;background:var(--bg-secondary)}.header .search-box .button-search:hover{border-color:var(--bg-secondary-light);background:var(--bg-secondary-light)}.header .search-box .button-search:focus{outline:none;box-shadow:var(--shadow-outline)}.header .links{text-align:right}.header .links a{font-weight:700}.header .links a+a{margin-left:1em}@media (width < 992px){.header .search-box{flex:1 1 auto}}