.header{height:var(--header-height);z-index:1;border-style:solid;border-width:0 0 1px;border-bottom-color:var(--text-engraved-soft);background:linear-gradient(#c9c9c4 0%,#a8a8a4 50%,#6e6e6a 100%);display:flex;position:fixed;top:0;left:0;right:0}.header .header__inner{width:calc(100dvw - var(--scrollbar-width));justify-content:space-between;align-items:center;gap:1em;padding:.5em 2em;display:flex}.header .header__inner>*{min-width:12%}.header .header__logo{color:var(--text-engraved);font-family:var(--font-headings);font-size:var(--font-size-app-title);letter-spacing:.05em;text-shadow:0 1px #fff6;font-weight:700;text-decoration:none;display:inline-block}.header .header__logo-line{display:inline}.header .header__logo-accent{color:#006289}.header .header__search-box{background:var(--bg-secondary);border:1px solid var(--bg-secondary-light);border-radius:var(--r-panel);flex:0 600px;height:2.6rem;display:flex}.header .header__search-box input{color:var(--led-cyan);border-radius:var(--r-panel);width:100%;height:100%;font-family:var(--font-mono);background-color:#0000;border:none;flex:1;padding:.5em 1em;font-size:1rem;transition:border-color .2s,box-shadow .2s}.header .header__search-box input::placeholder{color:var(--led-cyan-dim)}.header .header__search-box input:placeholder-shown{text-overflow:ellipsis}.header .header__search-box input:focus{box-shadow:var(--shadow-glow-inset);outline:none}.header .header__search-box button{box-shadow:none;margin:3px;font-size:1rem}.header .header__links{text-align:right}.header .header__links a{font-weight:700}.header .header__links a+a{margin-left:1em}@media (width<992px){.header .header__search-box{flex:auto}}@media (width<768px){.header .header__inner{gap:.5em;padding:.5em 1em}.header .header__inner>*{min-width:initial}.header .header__logo{line-height:1;font-size:calc(var(--font-size-app-title) * .75)}.header .header__logo-line{display:block}}.image-loader{opacity:0}.image-loader.image-loader--fallback,.image-loader.image-loader--loaded{animation:.2s forwards image-loader-fade-in}@keyframes image-loader-fade-in{0%{opacity:0}to{opacity:1}}.play-button{cursor:pointer;color:var(--text-primary);border:2px solid var(--led-cyan);width:48px;height:48px;box-shadow:0 0 8px var(--led-cyan-dim);background:radial-gradient(circle at 30% 30%,#2b3138,#1b2026);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.play-button:hover{box-shadow:0 0 8px var(--led-cyan), 0 0 10px var(--led-cyan-dim);transform:scale(1.08)}.play-button:focus{box-shadow:var(--shadow-outline);outline:none}.play-button:active{box-shadow:0 0 6px var(--led-cyan-dim);outline:none;transform:scale(.95)}.track-item{border:1px solid var(--bg-secondary);background:var(--bg-secondary-dark);border-radius:.6rem;align-items:center;gap:.75rem;padding:.6rem .7rem;display:flex}.track-item .track-item__coverart{background:var(--bg-secondary-light);border-radius:.5rem;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.track-item .track-item__coverart>img{object-fit:cover;width:100%;height:100%;display:block}.track-item .track-item__coverart .image-loader--fallback{width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.track-item .track-item__meta{flex:1;min-width:0}.track-item .track-item__title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.2;overflow:hidden}.track-item .track-item__artist-album{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.92rem;overflow:hidden}.track-item .track-item__artist-album>*{white-space:nowrap}.track-item .track-item__badges{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.track-item .track-item__actions{margin-left:auto}.track-item.track-item--card{flex-direction:column;align-items:stretch}.track-item.track-item--card .track-item__coverart{aspect-ratio:1;width:100%;height:auto}.track-item.track-item--card .track-item__coverart .image-loader--fallback{font-size:3rem}.track-item.track-item--card .track-item__actions{align-self:flex-end;margin-left:0}@media (width<768px){.track-item--card .track-item__title{font-size:.875rem}.track-item--card .track-item__artist-album{font-size:.75rem}}.track-list.track-list--card{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem;display:grid}@media (width<768px){.track-list.track-list--card{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.filters{padding:1rem}.filters .filters__container{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.filters .filters__label{width:calc(50% - .25rem);display:block}.filters .filters__label span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.filters .filters__label--inline{align-items:center;display:inline-flex}.filters .filters__label--inline span{margin-right:.5em}.filters .filters__label--full{width:100%}.filters .filters__label--full>*{width:50%}.filters input{accent-color:var(--led-orange);margin:.5em 0 0}.filters .filters__slider{width:100%}.filters select{background-color:var(--bg-secondary-light);color:var(--led-orange);border:1px solid var(--led-orange);border-radius:6px;padding:.3em}.filters input[type=checkbox]{width:1rem;height:1rem}@media (width<992px){.filters .filters__label{width:100%}}.player{height:var(--player-height);background:linear-gradient(#b8b3a8 0%,#8a847a 55%,#5a564e 100%);transition:bottom .3s;position:fixed;bottom:0;left:0;right:0}.player.player--empty{bottom:calc(var(--player-height) * -1)}.player .heading{margin-bottom:.5em;font-weight:700}.player .player__overlay{background:linear-gradient(#4a4d52 0%,#2e3136 50%,#1a1c1f 100%);transition:height .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:100%;left:0;right:0;overflow:hidden}.player .player__overlay--maximized{height:calc(100dvh - var(--header-height) - var(--player-height))}.player .player__overlay--minimized{height:0}.player .player__filters,.player .player__recommendations{flex:1;overflow:auto}.player .player__iframe{flex-direction:column;flex:1.5;margin-top:1rem;display:flex}.player .player__iframe iframe{width:100%;margin-bottom:1rem}.player .player__stats{flex-wrap:wrap;gap:.5rem;display:flex}.player .player__stats-box{border:1px solid var(--bg-secondary);background:var(--bg-secondary-dark);border-radius:.3rem;width:calc(33.3333% - .333333rem);padding:.6rem}@media (width<992px){.player .player__stats-box{width:calc(50% - .25rem)}}.player .player__stats-box-heading{font-size:var(--font-size-metadata);margin:0 0 .6rem}.player .player__stats-box-counter{font-size:var(--font-size-section-title);margin:0;font-weight:600}.player .player__recommendations{position:relative;overflow:hidden}.player .player__recommendations .track-item{margin-bottom:.5rem}.player .player__recommendations-content{height:100%;padding:1rem;overflow:auto}.player .player__footer-bar{width:calc(100dvw - var(--scrollbar-width));border-style:solid;border-width:1px 0 0;border-top-color:var(--text-engraved-soft);justify-content:space-between;align-items:center;gap:1rem;padding:10px;display:flex}.player .player__coverart{background:var(--bg-secondary-light);border-radius:.5rem;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.player .player__coverart>img{object-fit:cover;width:100%;height:100%;display:block}.player .player__coverart .image-loader--fallback{width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.6rem;font-weight:600;display:flex}.player .player__meta{flex:1;overflow:hidden}.player .player__controls{flex-shrink:0}.player .player__title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.2;overflow:hidden}.player .player__artist-album{white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.92rem;overflow:hidden}.player .player__artist-album>*{white-space:nowrap}.player .player__controls button{font-size:1.4rem}.player .player__controls button+button{margin-left:.5rem}.main{position:relative}.status-message{border-radius:var(--r-panel);border:1px solid var(--bg-secondary-light);background:var(--bg-secondary);margin-top:16px;padding:16px}.status-message h2{font-size:var(--font-size-section-title);margin:0 0 8px}.status-message p{color:var(--text-secondary);margin:0}.status-message--info{border-color:#2ed3e659;box-shadow:inset 0 0 0 1px #2ed3e62e}.status-message--error{border-color:#f3a23a73;box-shadow:inset 0 0 0 1px #f3a23a33}.status-message--error h2{color:var(--led-orange)}.track-carousel{position:relative}.track-carousel__items,.track-carousel__loading{grid-auto-flow:column;grid-auto-columns:var(--carousel-item-base-width);gap:.75rem;width:100%;display:grid;overflow-x:auto}.track-carousel__items{scrollbar-width:none;-ms-overflow-style:none;scrollbar-gutter:stable;scrollbar-color:var(--led-orange) var(--bg-primary);padding-bottom:calc(var(--scrollbar-width) + 1rem)}.track-carousel__items::-webkit-scrollbar{display:none}.track-carousel__items:hover,.track-carousel__items:focus-within{scrollbar-width:auto;-ms-overflow-style:auto;padding-bottom:1rem}.track-carousel__items:hover::-webkit-scrollbar{display:block}.track-carousel__items:focus-within::-webkit-scrollbar{display:block}.track-carousel__loading{overflow:hidden}.track-carousel__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.track-carousel__header h2{margin-bottom:0}.track-carousel__controls{align-items:center;gap:.5rem;display:flex}@media (width<768px){.track-carousel__items,.track-carousel__loading{grid-auto-columns:var(--carousel-item-mobile-width)}.track-carousel__header h2{font-size:1.25rem}}.home-page .track-carousel{margin-bottom:1rem}.search-page .track-item{margin-bottom:10px}:root{--scrollbar-width:0px;--bg-primary:#1c1f23;--bg-secondary:#262a2f;--bg-secondary-light:#4d5156;--bg-secondary-dark:#12151b;--led-cyan:#2ed3e6;--led-cyan-dim:#2ed3e680;--led-cyan-glow:#4dd9ff8c;--led-cyan-light:#7ce7f2;--led-orange:#f3a23a;--text-primary:#e6e6e6;--text-secondary:#9ca3af;--text-heading:#c7e6f7;--text-engraved:#2a2a28;--text-engraved-soft:#4a4a48;--text-on-display:#cfe9f2;--text-on-metal:#1a1a18;--text-label:#3a3a38;--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 #2ed3e680;--shadow-glow-inset:inset 0 0 3px 4px var(--led-cyan);--shadow-outline:0 0 0 .25rem #2ed3e6cc;--header-height:80px;--player-height:80px;--carousel-item-base-width:180px;--carousel-item-mobile-width:130px;--font-display:"Inter", sans-serif;--font-headings:"Orbitron", sans-serif;--font-mono:"JetBrains Mono", monospace;--r-panel:6px;--r-button:4px;--r-knob:50%;--r-recess:3px}*{box-sizing:border-box}html,body{background-color:var(--bg-primary);font-family:var(--font-display);color:var(--text-primary);scrollbar-color:var(--led-orange) var(--bg-secondary);margin:0;padding:0}body{overflow:visible}body.scroll-locked{overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);color:var(--text-heading);margin:0 0 .5em;padding:0}input{background:var(--bg-secondary-light);border:1px solid var(--bg-secondary-light);color:var(--text-primary)}input::placeholder{color:var(--text-secondary)}input:focus{outline:2px solid var(--led-cyan);outline-offset:2px}a{color:var(--led-cyan);text-decoration:none}a:hover{color:var(--led-cyan-light)}.container{max-width:1200px;margin:0 auto;padding:1rem}.btn{font-size:.8rem;font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;border-radius:var(--r-button);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.btn[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-metal{color:var(--text-on-metal);box-shadow:inset 0 1px 0 #ffffffb3, inset 0 -1px 0 #0000004d, 0 2px 3px #00000080, 0 0 0 1px var(--text-engraved);text-shadow:0 1px #fff6;background:linear-gradient(#d8d8d4 0%,#a8a8a4 50%,#8a8a86 100%)}.btn-metal:hover{color:var(--text-on-metal);background:linear-gradient(#e8e8e4 0%,#b8b8b4 50%,#9a9a96 100%)}.btn-metal:active,.btn-metal.pressed{color:var(--text-on-metal);box-shadow:inset 0 1px 3px #00000080, inset 0 -1px 0 #ffffff4d, 0 0 0 1px var(--text-engraved);background:linear-gradient(#6a6a66 0%,#8a8a86 50%,#b8b8b4 100%)}.btn-amber{color:#3a1d05;text-shadow:0 1px #ffffff4d;background:linear-gradient(#ffd47a 0%,#ffb347 50%,#d68a20 100%);font-weight:700;box-shadow:inset 0 1px #fff9,inset 0 -1px #0000004d,0 2px 3px #00000080,0 0 0 1px #4a2a08,0 0 12px #ffb34759}.btn-amber:hover{color:#3a1d05;background:linear-gradient(#ffe49a 0%,#ffc36a 50%,#e69a30 100%);box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #0000004d,0 2px 3px #00000080,0 0 0 1px #4a2a08,0 0 18px #ffb3478c}.btn-amber:active,.btn-amber.pressed{color:#2a1404;background:linear-gradient(#b07020 0%,#d68a20 50%,#ffb347 100%);box-shadow:inset 0 2px 4px #0000008c,inset 0 -1px #ffffff40,0 0 0 1px #4a2a08,0 0 8px #ffb34740}.btn-dark{color:#d8d8d4;background:linear-gradient(#4a4d52 0%,#2e3136 50%,#1a1c1f 100%);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #00000080,0 2px 3px #00000080,0 0 0 1px #0a0c0e}.btn-dark:hover{color:#f0f0ec;background:linear-gradient(#5a5d62 0%,#3e4146 50%,#25272a 100%)}.btn-dark:active{background:linear-gradient(#15171a 0%,#2a2d31 50%,#3a3d42 100%);box-shadow:inset 0 2px 4px #000000b3,0 0 0 1px #0a0c0e}.btn-dark.pressed{color:var(--led-cyan);text-shadow:0 0 8px var(--led-cyan-glow);background:linear-gradient(#15171a 0%,#2a2d31 50%,#3a3d42 100%);box-shadow:inset 0 2px 4px #000000b3,inset 0 0 0 1px #4dd9ff4d,0 0 0 1px #0a0c0e}.btn-neon{background:color-mix(in srgb, var(--led-cyan) 7%, var(--bg-secondary));color:var(--led-cyan);border:1px solid color-mix(in srgb, var(--led-cyan) 55%, transparent);box-shadow:inset 0 0 5px #2ed3e60f,0 0 5px #2ed3e61f}.btn-neon:hover:not(:disabled){background:color-mix(in srgb, var(--led-cyan) 11%, var(--bg-secondary));border-color:var(--led-cyan);box-shadow:inset 0 0 6px #2ed3e61a,0 0 7px #2ed3e638}.btn-neon:active:not(:disabled){background:color-mix(in srgb, var(--led-cyan) 15%, var(--bg-secondary-dark));box-shadow:inset 0 0 7px #2ed3e62e,0 0 3px #2ed3e626}.badge{cursor:default;color:var(--text-secondary);background:var(--bg-secondary);box-shadow:1px 1px 1px var(--bg-secondary-dark);border-radius:1rem;padding:.15rem .5rem;font-size:.75rem}.badge.badge-rosa{color:var(--led-cyan)}.badge.badge-dort{color:var(--led-orange)}.main{max-width:calc(100dvw - var(--scrollbar-width));margin:var(--header-height) 0 var(--player-height);min-height:calc(100dvh - (var(--header-height) + var(--player-height)))}.main:has(+.player--empty){margin:var(--header-height) 0 0;min-height:calc(100dvh - var(--header-height))}