*{margin:0;padding:0;box-sizing:border-box;font-family:SF Pro,Helvetica Neue,sans-serif;outline:none}html{width:100%;height:100%;overflow:hidden;-webkit-text-size-adjust:none;text-size-adjust:none}body{width:100%;height:100%;overflow:hidden;background-color:#000;overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none;-ms-content-zooming:none}canvas{display:block;width:100%;height:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ui-button{width:44px;height:44px;background:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 1.5s ease-in-out,transform .2s ease;opacity:0;animation:fadeIn .5s ease .6s forwards}.ui-button svg{width:24px;height:24px;color:#fff;transition:color 1s ease-in-out}body.night-mode .ui-button{background:#ffffff1f}#audio-container{position:fixed;top:20px;left:20px;display:flex;align-items:center;gap:0;z-index:1001}#audio-toggle{flex-shrink:0;position:relative;z-index:2}#now-playing{height:36px;background:#1414144d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:0;border-radius:0 18px 18px 0;display:flex;align-items:center;justify-content:center;margin-left:-18px;padding-left:24px;padding-right:16px;max-width:50vw;overflow:hidden;opacity:0;transform:scaleX(0);transform-origin:left center;transition:transform .4s ease,opacity .4s ease,background 1s ease-in-out;will-change:transform,opacity}#now-playing span{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.night-mode #now-playing{background:#ffffff26}#now-playing.visible{transform:scaleX(1);opacity:1}.now-playing-title{font-weight:500;color:#fff;white-space:nowrap}.now-playing-artist{font-weight:400;margin-left:5px;color:#fff9;white-space:nowrap}#night-mode-container{position:fixed;top:20px;right:20px;z-index:1001}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;align-items:center;justify-content:center;z-index:1001;transition:opacity 1s ease}#loading-overlay.fade-out{opacity:0;pointer-events:none}#content-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none}#content-overlay.visible{pointer-events:auto}#content-overlay.hidden{visibility:hidden}#content-overlay.visible #content-paper{transform:scale(1);opacity:1}#content-paper{position:relative;width:min(90vw,480px);padding:0;background:#28282833;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:32px;border:1px solid rgba(255,255,255,.4);transform:scale(.9);opacity:0;transition:transform .4s ease,opacity .4s ease}#content-close{position:absolute;top:10px;right:12px;width:32px;height:32px;background:transparent;border:none;border-radius:50%;font-size:24px;color:#ffffff80;cursor:pointer;transition:color .2s ease;line-height:1}#content-close:hover,.overlay-content{color:#fff}#about-content{padding:40px;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}#about-content a{font-weight:400;color:#fff;text-decoration:dotted underline}#about-content a:hover{font-weight:400;color:#b8f839;text-decoration:none}body.night-mode #about-content a:hover{color:#a8d5ff}#about-content h1{font-size:28px;font-weight:500;margin-bottom:18px}#about-content p{font-size:20px;font-weight:300;line-height:1.4;margin-bottom:18px}#resume-link{display:inline-block;margin-top:12px;padding:12px 24px;background:#fff3;color:#fff;text-decoration:none!important;font-size:16px;font-weight:400;border-radius:32px;border:1px solid rgba(255,255,255,.3);transition:background .2s ease}#resume-link:hover{background:#ffffff4d}#music-content{padding:40px 40px 0}.player-track-info{text-align:center;margin-bottom:20px}.track-title{font-size:24px;font-weight:600;margin-bottom:2px}.track-artist{font-size:14px;opacity:.7}.player-progress{display:flex;align-items:center;gap:12px;padding:0 16px;margin-bottom:16px;font-size:12px}.time-current,.time-duration{min-width:30px;opacity:.7}.progress-bar{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:3px;outline:none;cursor:pointer}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer}.progress-bar::-moz-range-thumb{width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;border:none}.player-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:18px}.control-btn{background:#fff3;border:none;width:42px;height:42px;border:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .25s}.control-btn svg{width:20px;height:20px}.play-pause-btn{width:56px;height:56px}.play-pause-btn svg{width:32px;height:32px}.playlist{border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.playlist-header{font-size:14px;font-weight:500;opacity:.7;margin-bottom:12px}.playlist-items{max-height:190px;padding-bottom:24px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.playlist-items::-webkit-scrollbar{display:none}.playlist-item{padding:10px 12px;border-radius:14px;cursor:pointer;transition:background .2s;margin-bottom:4px;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:12px}.playlist-item.active{background:#ffffff26}.playlist-item-info{flex:1;min-width:0}.playlist-item-title{font-size:16px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item-artist{font-size:12px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item-duration{font-size:14px;opacity:.5;flex-shrink:0;font-variant-numeric:tabular-nums}@media (max-width: 480px){#content-paper{width:92vw}#music-content{padding:24px 20px 0}.player-track-info{margin-bottom:16px}.track-title{font-size:20px;margin-bottom:0}.player-progress{padding:0 6px}.playlist{padding-top:12px}.playlist-header{font-size:13px;margin-bottom:8px}.playlist-items{max-height:125px}.playlist-item-title{font-size:15px;margin-bottom:0}.playlist-item-duration{font-size:13px}#now-playing{max-width:60vw}#about-content{padding:30px}#about-content h1{font-size:26px}#about-content p{font-size:19px}#about-content strong{font-weight:500}#resume-link{display:block;text-align:center;padding:14px 20px}}@media (hover: hover){.ui-button{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.ui-button:hover{transform:scale(1.1) translateZ(0)}.playlist-item:hover{background:#ffffff1a}.control-btn:hover{background:#ffffff4d}}