:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}#app{width:100%;margin:0;padding:0;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.audio-player{width:100%;max-width:100%;margin:0;background-color:#333;border-radius:0;padding:20px;box-sizing:border-box;box-shadow:none}.track-info{margin-bottom:15px;text-align:center;padding:15px;background-color:#0003;border-radius:8px}.track-info .title{font-size:1.4em;font-weight:700;margin-bottom:5px}.track-info .artist{font-size:1.1em;color:#aaa;margin-bottom:3px}.track-info .album{font-size:.9em;color:#888;margin-bottom:2px}.track-info .genre,.track-info .year{font-size:.8em;color:#777;display:inline-block;margin:0 5px}.track-info .file-details{font-size:.8em;color:#666;margin-top:10px;padding-top:5px;border-top:1px solid rgb(255 255 255 / 10%)}.progress-container{width:100%;height:10px;background-color:#555;border-radius:5px;margin:20px 0 15px;cursor:pointer;position:relative}.progress-bar{height:100%;background-color:#646cff;border-radius:5px;width:0;transition:width .1s linear}.time-display{position:absolute;right:0;top:-19px;font-size:.8em;color:#aaa}.player-controls{display:flex;justify-content:center;align-items:center;margin:15px 0;flex-wrap:wrap}.player-controls button{margin:0 4px;background:none;border:none;font-size:1.1em;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#0003;transition:background-color .2s}.player-controls button:hover{background-color:#0006;border-color:#646cff}.player-controls input[type=range]{margin-left:8px;width:100px}.share-button{font-size:.9em!important;width:auto!important;height:auto!important;border-radius:4px!important;margin-left:8px!important;padding:5px 10px!important;display:inline-block!important}.playlist{margin-top:20px;border-top:1px solid #555;max-height:50vh;overflow-y:auto;box-shadow:inset 0 -10px 10px -10px #0000004d}.playlist ul{list-style:none;padding:0;margin:0;text-align:left}.playlist li{padding:12px 10px;border-bottom:1px solid #444;cursor:pointer;transition:background-color .2s;display:flex;flex-direction:column}.playlist li:hover{background-color:#3a3a3a}.playlist li.active{background-color:#646cff33;border-left:3px solid #646cff}.playlist-item-title{font-weight:700;margin-bottom:2px}.playlist-item-artist{font-size:.85em;color:#aaa}.playlist-item-duration{font-size:.8em;color:#777;margin-top:2px}.error-message{background-color:#ff00001a;color:#ff6b6b;padding:15px;margin:15px 0;border-radius:5px;border-left:4px solid #ff6b6b;font-weight:700;text-align:left}@media (width >= 768px){#app{padding:2rem}.audio-player{max-width:600px;margin:0 auto;border-radius:10px;box-shadow:0 4px 8px #0000004d}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}.audio-player{background-color:#f0f0f0}@media (width >= 768px){.audio-player{box-shadow:0 4px 8px #0000001a}}.progress-container{background-color:#ddd}.track-info{background-color:#0000000d}.track-info .artist{color:#666}.track-info .album{color:#777}.track-info .genre,.track-info .year{color:#888}.track-info .file-details{color:#999;border-top:1px solid rgb(0 0 0 / 10%)}.time-display{color:#777}.player-controls button{background-color:#0000000d}.player-controls button:hover{background-color:#0000001a}.playlist{border-top:1px solid #ddd;box-shadow:inset 0 -10px 10px -10px #0000001a}.playlist li{border-bottom:1px solid #ddd}.playlist li:hover{background-color:#e8e8e8}.playlist li.active{background-color:#646cff1a}.playlist-item-artist{color:#666}.playlist-item-duration{color:#888}.error-message{background-color:#ff00000d;color:#e53e3e;border-left:4px solid #e53e3e}}