@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Itim&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:#000;overflow-x:hidden}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;position:relative}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer;animation:fadeIn .3s ease-in}.overlay.fade-out{animation:fadeOut .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.overlay-text{color:#fff;font-family:Inter,sans-serif;font-size:32px;font-weight:600;letter-spacing:1px;text-transform:lowercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 2px 10px rgba(0,0,0,.3)}.avatars-row{display:flex;gap:30px;align-items:center}.avatar-border{border:3px solid #43A25A;border-radius:50%;padding:2px;cursor:pointer}.avatar-border.blinking{animation:blinkBorder 5s infinite}@keyframes blinkBorder{0%,80%{border-color:#43a25a}80.01%,to{border-color:transparent}}.avatar-circle{width:150px;height:150px;border-radius:50%;overflow:hidden}.avatar-circle img{width:100%;height:100%;object-fit:cover}.music-card{width:431px;background-color:#131416;border:1px solid #28292C;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.music-card-title{color:#aeb0b2;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.soundcloud-logo{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(76%) sepia(4%) saturate(155%) hue-rotate(182deg) brightness(92%) contrast(92%)}.music-content{display:flex;align-items:center;gap:12px}.album-artwork{width:100px;height:100px;border-radius:8px;cursor:pointer}.track-info{display:flex;flex-direction:column;gap:2px}.track-title{color:#e3e4e5;font-family:Inter,sans-serif;font-size:16px;font-weight:500;letter-spacing:.2px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.track-subtitle{color:#c9c9ca;font-family:Inter,sans-serif;font-size:12px;font-weight:400;letter-spacing:.2px;line-height:1.5;opacity:.9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.progress-container{display:flex;align-items:center;gap:8px;margin-top:4px}.time-label{color:#c9c9ca;font-family:Inter,sans-serif;font-size:11px;font-weight:510;letter-spacing:.5px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.progress-bar{width:208px;height:2px;background-color:#6d6e76;border-radius:1px;position:relative;overflow:hidden}.progress-fill{height:100%;background-color:#fff;border-radius:1px;transition:width .1s linear}.tooltip{position:fixed;transform:translate(-50%);background-color:#242429;border:1px solid #323237;border-radius:8px;padding:8px 12px;white-space:nowrap;z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease-in}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}.tooltip-text{color:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:500;letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tooltip-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #323237}.tooltip-arrow:before{content:"";position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #242429}.credits-card{width:431px;background-color:#131416;border:1px solid #28292C;border-radius:10px;padding:12px;display:flex;flex-direction:column}.credits-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.header-icons{display:flex;align-items:center;gap:12px}.copy-icon{color:#c9c9ca;font-size:12px;transition:all .3s ease;cursor:pointer}.copy-icon:hover{color:#e3e4e5;transform:scale(1.1)}.lyrics-header-left{display:flex;align-items:center;gap:12px}.language-flags{display:flex;gap:6px;align-items:center}.flag-icon{width:20px;height:15px;cursor:pointer;opacity:.4;transition:all .3s ease;border-radius:2px;object-fit:cover}.flag-icon:hover{opacity:.7;transform:scale(1.1)}.flag-icon.active{opacity:1;transform:scale(1)}.credits-title{color:#e3e4e5;font-family:Inter,sans-serif;font-size:14px;font-weight:500;letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.credits-arrow{color:#c9c9ca;font-size:12px;transition:transform .5s cubic-bezier(.4,0,.2,1)}.credits-arrow.expanded{transform:rotate(180deg)}.credits-content{margin-top:12px;padding-top:12px;border-top:1px solid #323237;animation:slideDown .5s cubic-bezier(.4,0,.2,1)}.credits-content.closing{animation:slideUp .5s cubic-bezier(.4,0,.2,1)}.credits-line{color:#c9c9ca;font-family:Inter,sans-serif;font-size:13px;font-weight:400;line-height:1.8;letter-spacing:.2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:4px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.credits-line:last-child{margin-bottom:0}.lyrics-line{color:#c9c9ca;font-family:Inter,sans-serif;font-size:13px;font-weight:400;line-height:1.6;letter-spacing:.2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:6px;transition:all .3s ease;opacity:.5;filter:blur(2px);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default}.lyrics-line:hover{filter:blur(0);opacity:.8}.lyrics-line.active{color:#e3e4e5;opacity:1;font-weight:500;font-size:15px;transform:translate(4px);filter:blur(0)}.lyrics-line:last-child{margin-bottom:0}.santos-name{font-family:Itim,cursive;font-weight:400;font-size:15px}.rats-text{font-family:Inter,sans-serif;font-weight:700;font-style:italic}.exclamation{font-family:Inter,sans-serif;font-weight:700;font-style:normal}.vercel-logo{width:80px;height:auto;margin-top:12px;opacity:.8;transition:opacity .3s ease;filter:brightness(0) invert(1)}.vercel-logo:hover{opacity:1}@keyframes slideDown{0%{opacity:0;max-height:0;margin-top:0;padding-top:0}to{opacity:1;max-height:500px;margin-top:12px;padding-top:12px}}@keyframes slideUp{0%{opacity:1;max-height:500px;margin-top:12px;padding-top:12px}to{opacity:0;max-height:0;margin-top:0;padding-top:0}}@media (max-width: 768px){.container{padding:10px;gap:15px}.avatars-row{gap:20px}.avatar-circle{width:100px;height:100px}.avatar-border{border-width:2px}.music-card{width:100%;max-width:400px;padding:10px}.music-card-title{font-size:12px}.soundcloud-logo{width:16px;height:16px}.album-artwork{width:80px;height:80px}.track-title{font-size:14px}.track-subtitle{font-size:11px}.time-label{font-size:10px}.progress-bar{width:150px}.credits-card{width:100%;max-width:400px}.credits-title{font-size:12px}.credits-arrow,.copy-icon{font-size:10px}.flag-icon{width:16px;height:12px}.credits-line,.lyrics-line{font-size:12px}.lyrics-line.active{font-size:14px}.santos-name{font-size:13px}.vercel-logo{width:60px}.overlay-text{font-size:24px}.tooltip{font-size:11px;padding:6px 10px}}@media (max-width: 480px){.avatars-row{flex-direction:column;gap:15px}.avatar-circle{width:80px;height:80px}.music-card{max-width:100%}.music-content{flex-direction:column;align-items:center;text-align:center}.album-artwork{width:120px;height:120px;margin-bottom:10px}.track-info{align-items:center;width:100%}.progress-bar{width:180px}.credits-card{max-width:100%}.overlay-text{font-size:20px}}