*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark: #2a2a2a;--bg-darker: #1a1a1a;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border-color: #505050;--accent: #808080}body{font-family:"Exo 2",sans-serif;background:#111;color:var(--text-primary);overflow:hidden;text-transform:uppercase;position:fixed;width:100%;height:100%}@media(max-width:767px){body{overflow:auto;position:static;height:auto;min-height:100vh}}#root{width:100vw;height:100vh;position:relative}@media(max-width:767px){#root{height:auto;min-height:100vh}}.accent{color:var(--accent)}.accent-border{border-color:var(--accent)}.accent-bg{background-color:var(--accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#000;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#000;opacity:.8}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:gray;cursor:pointer;border-radius:0;-webkit-transition:all .2s;transition:all .2s;margin-top:-5px}input[type=range]::-webkit-slider-thumb:hover{background:#a0a0a0;transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:gray;cursor:pointer;border:none;border-radius:0;-moz-transition:all .2s;transition:all .2s}input[type=range]::-moz-range-thumb:hover{background:#a0a0a0;transform:scale(1.2)}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#80808033;border-radius:0}input[type=range]::-moz-range-track{height:3px;background:#80808033;border-radius:0}button{transition:color .2s,opacity .2s}button:hover{color:#000!important;opacity:1}.menu-button{color:#e0e0e0!important}.menu-button:hover{color:#fff!important;border-color:gray}.cycle-container{position:fixed;bottom:20px;left:20px;display:flex;align-items:center;gap:12px;z-index:100}.cycle-meter{position:absolute;inset:0;background:#000;border:1px solid transparent;pointer-events:none}.cycle-button{position:relative;background:transparent;border:1px solid #ffffff;color:#fff;padding:10px 12px;font-size:11px;font-family:Space Mono,monospace;font-weight:400;letter-spacing:1px;cursor:cell;transition:all .2s;width:130px;display:flex;align-items:center;justify-content:space-between}.cycle-info{color:gray;font-size:11px;font-family:Space Mono,monospace;font-weight:400;letter-spacing:1px;width:32px;text-align:right}.cycle-dots{display:flex;gap:6px;align-items:center;margin-top:1px}.cycle-dot{width:6px;height:6px;border-radius:50%;background:#404040;transition:background .2s}.cycle-dot-active{background:#75409a}.cycle-time-label{min-width:32px;text-align:right;margin-right:6px}.cycle-chevron{font-size:16px;line-height:1;margin-left:auto;margin-top:-3px}.cycle-chevron-close{margin-top:0}.cycle-button:hover{background:#fff;color:#000!important}.cycle-button-active{color:#fff!important;border-color:#75409a}.cycle-button-active:hover{background:#fff;color:#000!important}.cycle-button-mobile{font-size:14px;color:gray;letter-spacing:1px;font-family:Space Mono,monospace;font-weight:400;opacity:.7;background:transparent;border:1px solid #404040;padding:8px 12px;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.cycle-button-mobile:hover{color:#f0c249!important}.cycle-button-mobile-active{background:#75409ae6;border-color:#75409a}.cycle-button-mobile-active:hover{color:#fff!important}.cycle-container-mobile{display:flex;align-items:center;gap:12px;margin-top:16px}.cycle-info-mobile{color:#606060;font-size:12px;font-family:Space Mono,monospace;font-weight:400;width:32px;text-align:right}.control-button{background:transparent;border:6px solid #000000;border-radius:50%;color:#b0b0b0;padding:12px;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s;font-family:Space Mono,monospace;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.control-button:hover{color:#000!important;border-color:#f0c249;background:#f0c249}.control-button-large{width:52px;height:52px;border:none;padding:4px}.control-button-noborder{border:none;width:auto;height:auto}.control-button-playing{background:#75409a;border-color:#75409a;color:#fff}.control-button-playing:hover{color:#000!important;background:#f0c249!important;border-color:#f0c249!important}.music-link{transition:color .2s}.music-link:hover{color:#75409a!important}.music-link-dark{color:#b0b0b0!important;opacity:.6}.music-link-dark:hover{color:#f0c249!important;opacity:1}:root{--spring-easing: linear( 0, .005, .02 2%, .08 4%, .18 6%, .32 8.5%, .5 11%, .72 14%, .92 17.5%, 1.08 21.5%, 1.18 26%, 1.24 31%, 1.26 36.5%, 1.24 42.5%, 1.18 48.5%, 1.1 54.5%, 1.02 60.5%, .96 66.5%, .92 72.5%, .9 78.5%, .9 84.5%, .92 90.5%, .96 96.5%, 1 )}@keyframes waveform-bar{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}.waveform-container{display:flex;align-items:center;justify-content:center;gap:3px;height:24px;width:60px;padding:0 12px}.waveform-bar{width:3px;height:100%;background:#75409a;border-radius:2px;transform-origin:center;animation:waveform-bar .8s var(--spring-easing) infinite}.album-item:hover,.album-item-active{color:#f0c249!important}.album-item-dark{color:#fff!important}.album-item-dark:hover,.album-item-dark.album-item-active{color:#f0c249!important}@keyframes coverDrift{0%{background-position:0% 0%}to{background-position:100% 100%}}::selection{background:transparent;color:#b0b0b0}::-moz-selection{background:transparent;color:#b0b0b0}.info-button{background:#000;border:1px solid #ffffff;color:#fff;padding:10px 12px;font-size:11px;font-family:Space Mono,monospace;font-weight:400;letter-spacing:1px;cursor:pointer;transition:all .2s;width:40px;display:flex;align-items:center;justify-content:center}.info-button:hover{color:#fff!important;background:#75409a;border-color:#75409a}.reactive-button{display:none}.reactive-button:hover{color:#fff!important;border-color:#fff}.reactive-button-active{color:#75409a;border-color:#75409a}.reactive-button-active:hover{color:#fff!important;border-color:#75409a;background:#75409a}.info-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.info-box{background:#000;border:1px solid #ffffff;padding:32px;max-width:600px;width:90%;position:relative;font-family:Space Mono,monospace}.info-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:gray;font-size:24px;cursor:pointer;padding:0;line-height:1}.info-close:hover{color:#fff!important}.info-content{font-size:14px;line-height:1.8;color:#e0e0e0}.info-content a{color:#75409a;text-decoration:none}.info-content a:hover{color:#f0c249}.info-content ul{margin:0;padding-left:20px}.info-content li{margin-bottom:8px}