.la-audio-samples,.la-media-samples{display:grid;gap:15px;margin:20px 0}.la-audio-samples.grid-view,.la-media-samples.grid-view{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.song.playable{display:flex;align-items:center;padding:15px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;cursor:pointer;transition:all 0.3s ease;text-decoration:none;color:#fff;position:relative;overflow:hidden}.song.playable:hover{background:#252525;border-color:#c69c6d;transform:translateY(-2px);box-shadow:0 4px 12px rgb(198 156 109 / .2)}.song.playable.now-playing{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border-color:#c69c6d;box-shadow:0 0 20px rgb(198 156 109 / .3)}.song.playable::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(198 156 109 / .1),transparent);transition:left 0.5s ease}.song.playable:hover::before{left:100%}.song-play-icon{font-size:20px;color:#c69c6d;margin-right:15px;transition:transform 0.3s ease}.song.playable:hover .song-play-icon{transform:scale(1.2)}.song.playable.now-playing .song-play-icon{animation:pulse 2s infinite}.song-info{flex:1;min-width:0}.song-title{display:block;font-size:16px;font-weight:600;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{display:block;font-size:14px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-meta{display:flex;gap:8px;margin-top:8px}.song-tag{display:inline-block;padding:2px 8px;background:rgb(198 156 109 / .1);border:1px solid rgb(198 156 109 / .3);border-radius:12px;font-size:11px;color:#c69c6d;text-transform:uppercase;letter-spacing:.5px}.la-audio-player{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);border-top:2px solid #c69c6d;box-shadow:0 -4px 20px rgb(0 0 0 / .5);z-index:9999;transform:translateY(100%);transition:transform 0.4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}.la-audio-player.active{transform:translateY(0)}.la-audio-player-inner{max-width:1200px;margin:0 auto;padding:20px}.la-player-controls{display:flex;align-items:center;gap:20px;margin-bottom:15px}.la-player-btn{background:#fff0;border:2px solid #c69c6d;color:#c69c6d;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;font-size:18px;position:relative;overflow:hidden}.la-player-btn:hover{background:#c69c6d;color:#000;transform:scale(1.1);box-shadow:0 0 15px rgb(198 156 109 / .5)}.la-player-btn:active{transform:scale(.95)}.la-player-btn:disabled{opacity:.3;cursor:not-allowed;border-color:#666;color:#666}.la-player-btn:disabled:hover{background:#fff0;color:#666;transform:none;box-shadow:none}.la-player-btn.play-pause{width:55px;height:55px;font-size:22px}.la-player-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgb(198 156 109 / .3);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}.la-player-btn:hover::before{width:100%;height:100%}.la-progress-container{flex:1;display:flex;align-items:center;gap:15px}.la-progress-bar{flex:1;height:6px;background:rgb(255 255 255 / .1);border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.la-progress-bar:hover{height:8px}.la-progress-fill{height:100%;background:linear-gradient(90deg,#c69c6d 0%,#e8b788 100%);border-radius:3px;width:0%;position:relative;transition:width 0.1s linear}.la-progress-fill::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border:2px solid #c69c6d;border-radius:50%;opacity:0;transition:opacity 0.3s}.la-progress-bar:hover .la-progress-fill::after{opacity:1}.la-time-display{color:#fff;font-size:13px;font-weight:600;font-family:'Courier New',monospace;min-width:100px}.la-volume-control{display:flex;align-items:center;gap:10px}.la-volume-btn{background:#fff0;border:none;color:#c69c6d;font-size:18px;cursor:pointer;padding:5px;transition:color 0.3s}.la-volume-btn:hover{color:#e8b788}.la-volume-slider{width:80px;height:4px;background:rgb(255 255 255 / .1);border-radius:2px;cursor:pointer;position:relative}.la-volume-fill{height:100%;background:#c69c6d;border-radius:2px;width:100%;transition:width 0.1s}.la-track-info{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgb(198 156 109 / .2)}.la-track-details{flex:1}.la-track-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.la-track-artist{font-size:14px;color:#c69c6d}.la-player-close{background:#fff0;border:1px solid rgb(198 156 109 / .3);color:#999;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;font-size:18px}.la-player-close:hover{border-color:#c69c6d;color:#c69c6d;transform:rotate(90deg)}.la-loading{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.la-loading.active{display:block}.la-loading-spinner{width:30px;height:30px;border:3px solid rgb(198 156 109 / .2);border-top-color:#c69c6d;border-radius:50%;animation:spin 1s linear infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.la-audio-samples.grid-view{grid-template-columns:1fr}.la-audio-player-inner{display:flex;flex-direction:column-reverse;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.la-player-controls{flex-wrap:wrap;gap:10px 12px;margin-bottom:0}.la-player-btn{width:40px;height:40px;font-size:14px;flex-shrink:0}.la-player-btn.play-pause{width:48px;height:48px;font-size:17px}.la-player-btn:hover{transform:none}.la-progress-container{order:10;flex:1 0 100%;gap:10px}.la-time-display{min-width:34px;font-size:12px}.la-volume-control{display:none}.la-player-close{margin-left:auto;width:40px;height:40px}.la-track-info{flex-direction:row;align-items:center;gap:10px;min-width:0;padding:0 0 10px;border-top:0;border-bottom:1px solid rgb(198 156 109 / .2)}.la-track-details{min-width:0}.la-track-title,.la-track-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}body:has(.la-audio-player.active){padding-bottom:150px}@media (max-width:768px){body:has(.la-audio-player.active){padding-bottom:190px}}