.records-building{cursor:pointer;transition:transform 0.2s}.records-building:hover{transform:scale(1.05)}.records-folder{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:rgb(26 16 61 / .8);border:2px solid #ff00c6;border-radius:16px;color:#fff;font-family:'Courier New',monospace;z-index:150000;padding:0;box-sizing:border-box;box-shadow:0 0 30px rgb(255 0 198 / .3);backdrop-filter:blur(10px);display:none;flex-direction:column;opacity:0;transition:opacity 0.2s ease}.window-header{background:linear-gradient(135deg,#6b32b2,#ff00c6);padding:15px 20px;font-weight:700;display:flex;justify-content:space-between;align-items:center;border-radius:14px 14px 0 0;font-size:18px;text-shadow:0 2px 4px rgb(0 0 0 / .3);position:sticky;top:0;z-index:2;cursor:move}.close-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease}.close-button:hover{background:rgb(255 255 255 / .2);transform:scale(1.1)}.window-title{color:#fff;font-weight:700;font-size:1.1em}.window-content{padding:20px;overflow-y:auto;max-height:calc(85vh - 50px)}.records-folder.active{display:flex;opacity:1}.record-item{display:flex;align-items:center;padding:10px;margin-bottom:10px;background:rgb(40 40 40 / .8);border-radius:8px;cursor:pointer;transition:background 0.2s}.record-item:hover{background:rgb(60 60 60 / .8)}.record-icon{width:32px;height:32px;margin-right:15px}.record-info{flex:1}.record-album{font-weight:700;color:#fff;margin-bottom:4px}.record-song{color:#ccc;font-size:.9em}.record-date{color:#888;font-size:.8em}.record-player{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:800px;background:rgb(26 16 61 / .97);border:2px solid #ff00c6;border-radius:16px;color:#fff;font-family:'Courier New',monospace;z-index:150000;padding:0;box-sizing:border-box;box-shadow:0 0 30px rgb(255 0 198 / .3);backdrop-filter:blur(10px);display:none;flex-direction:column;opacity:0;transition:opacity 0.2s ease}.record-player.active{display:flex;opacity:1}.record-player .window-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.album-cover{width:300px;height:300px;border-radius:12px;box-shadow:0 4px 15px rgb(0 0 0 / .3);transition:transform 0.3s ease}.album-cover:hover{transform:scale(1.02)}.lyrics-container{width:100%;max-width:500px;height:200px;padding:20px;background:rgb(40 40 40 / .95);border-radius:8px;color:#fff;line-height:1.6;text-align:center;overflow-y:auto}.lyrics-container::-webkit-scrollbar{width:8px}.lyrics-container::-webkit-scrollbar-track{background:rgb(0 0 0 / .2);border-radius:4px}.lyrics-container::-webkit-scrollbar-thumb{background:rgb(255 0 198 / .5);border-radius:4px}.lyrics-container::-webkit-scrollbar-thumb:hover{background:rgb(255 0 198 / .7)}.audio-player{width:100%;padding:15px;background:rgb(20 20 20 / .9);border:2px solid rgb(255 0 198 / .3);border-radius:12px;min-height:60px;display:flex;align-items:center;justify-content:center}.audio-player audio{width:100%;max-width:500px;height:40px;margin:0}.audio-player audio::-webkit-media-controls-panel{background:rgb(40 25 95 / .95);border:1px solid rgb(255 0 198 / .5)}.audio-player audio::-webkit-media-controls-current-time-display,.audio-player audio::-webkit-media-controls-time-remaining-display{color:#fff;font-family:'Courier New',monospace;text-shadow:0 0 5px rgb(255 0 198 / .7)}.audio-player audio::-webkit-media-controls-play-button{background-color:rgb(255 0 198 / .3);border-radius:50%;transition:all 0.3s ease}.audio-player audio::-webkit-media-controls-play-button:hover{background-color:rgb(255 0 198 / .5);box-shadow:0 0 15px rgb(255 0 198 / .7)}.audio-player audio::-webkit-media-controls-timeline{background:rgb(255 0 198 / .2);border-radius:10px;height:4px}.audio-player audio::-webkit-media-controls-volume-slider{background:rgb(255 0 198 / .2);border-radius:10px;height:4px}.audio-player audio::-webkit-media-controls-mute-button{background-color:rgb(255 0 198 / .3);border-radius:50%;transition:all 0.3s ease}.audio-player audio::-webkit-media-controls-mute-button:hover{background-color:rgb(255 0 198 / .5);box-shadow:0 0 15px rgb(255 0 198 / .7)}.audio-player audio::-webkit-media-controls-overflow-button{display:none}.audio-player audio::-webkit-media-controls-enclosure{background:rgb(40 25 95 / .95)}.audio-player audio::-moz-range-track{background:rgb(255 0 198 / .2);border-radius:10px;height:4px}.audio-player audio::-moz-range-thumb{background:#f3c;border:none;border-radius:50%;height:12px;width:12px;box-shadow:0 0 10px rgb(255 0 198 / .7)}@media (max-width:768px){.records-folder,.record-player{width:100%!important;height:100vh!important;max-width:100%!important;top:0!important;left:0!important;transform:none!important;border-radius:0;margin:0}.window-header{padding:12px 15px;font-size:16px}.record-player .window-content{padding:15px;gap:15px}.album-cover{width:250px;height:250px}.lyrics-container{height:150px;width:90%;max-width:none;padding:15px}.audio-player{padding:10px;min-height:50px}.audio-player audio{height:36px}}