*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:#1c1c1c;color:#fff;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container{padding:2rem;position:relative;text-align:center;z-index:2}.profile-picture{border:2px solid hsla(0,0%,100%,.5);border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.5);height:100px;margin-bottom:1.5rem;object-fit:cover;width:100px}.transparent-window{align-items:center;backdrop-filter:blur(20px);background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.37);display:flex;flex-direction:column;height:426px;justify-content:center;padding:2.5rem;position:relative;width:625px}.view-counter{align-items:center;background:rgba(0,0,0,.2);border-radius:12px;color:#a0a0a0;display:flex;font-size:1rem;gap:.5rem;padding:8px 12px;position:absolute;right:2rem;top:1.5rem}.name{animation:none;background-color:transparent;border:none;color:#fff;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:500;margin-bottom:2rem;padding:0;text-shadow:none}@media (max-width:768px){.transparent-window{height:auto;padding:2rem;width:95%}}#background-video{bottom:0;height:auto;min-height:100%;min-width:100%;object-fit:cover;position:fixed;right:0;width:auto;z-index:-1}#enter-overlay{align-items:center;background:rgba(0,0,0,.7);cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .5s ease;width:100%;z-index:100}#enter-text{animation:pulse 2s ease-in-out infinite;color:#fff;font-size:3rem;font-weight:500}.container.blurred{filter:blur(10px) brightness(.7);pointer-events:none;transform:scale(1.05);transition:filter .5s ease,transform .5s ease}.video-controls-top{align-items:center;backdrop-filter:blur(5px);background:rgba(0,0,0,.5);border-radius:50px;display:flex;gap:.75rem;left:20px;padding:.5rem 1rem;position:fixed;top:20px;z-index:10}.video-controls-top i{color:#fff;font-size:1rem}#volume-slider{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.2);border-radius:5px;height:5px;outline:none;transition:opacity .2s;width:150px}#volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:15px;width:15px}#volume-slider::-moz-range-thumb{background:#fff;border-radius:50%;cursor:pointer;height:15px;width:15px}.video-controls{align-items:center;backdrop-filter:blur(5px);background:rgba(0,0,0,.5);border-radius:50px;bottom:20px;display:flex;filter:none;flex-direction:row-reverse;gap:1rem;left:20px;padding:.5rem 1rem;pointer-events:all;position:fixed;transition:none;z-index:10}#song-title{color:#fff;font-size:.9rem;font-weight:500}.video-controls .buttons{display:flex;gap:.5rem}#skip-back-button,#skip-button,#sound-toggle{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:background .3s ease,transform .3s ease;width:40px}#skip-back-button:hover,#skip-button:hover,#sound-toggle:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}@keyframes pulse{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(1)}}#enter-overlay:not(.hidden)+.container+.video-controls{filter:blur(10px) brightness(.7);pointer-events:none}.container:not(.blurred)+.video-controls{filter:none;pointer-events:all;transition:none}.social-links{align-items:center;display:flex;gap:1.25rem;justify-content:center;margin-top:1.5rem}.status{word-wrap:break-word;color:#a0a0a0;font-size:.9rem;margin-bottom:1.5rem;margin-top:-1.5rem;max-width:80%;padding:5px 10px}.status[contenteditable=false]:hover{background-color:hsla(0,0%,100%,.02);cursor:pointer}.status:focus{background-color:hsla(0,0%,100%,.05);box-shadow:0 0 15px hsla(0,0%,100%,.05);outline:none}.social-link{align-items:center;display:flex;height:48px;justify-content:center;position:relative;text-decoration:none;width:48px;z-index:10}.social-link img{border-radius:8px;height:100%;opacity:.7;transition:transform .2s ease-in-out,opacity .2s ease-in-out;width:100%}.social-link:hover img{opacity:1;transform:scale(1.1)}.social-link[data-tooltip]:before{background:rgba(0,0,0,.85);border-radius:5px;bottom:110%;color:#fff;content:attr(data-tooltip);font-family:Inter,sans-serif;font-size:14px;left:50%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;white-space:nowrap;z-index:11}.social-link[data-tooltip]:hover:before{opacity:1;visibility:visible}.modal-overlay{align-items:center;backdrop-filter:blur(10px);background:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1000}.modal-overlay.visible{opacity:1;visibility:visible}.modal{background:rgba(30,30,30,.7);border:1px solid rgba(138,43,226,.3);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.37);max-width:400px;padding:2.5rem;position:relative;text-align:center;transform:scale(.95);transition:transform .3s ease;width:90%}.modal-overlay.visible .modal{transform:scale(1)}.modal h2{color:#fff;font-size:1.8rem;margin-bottom:.5rem}.modal p{color:#a0a0a0;margin-bottom:2rem}#password-form input{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:1rem;margin-bottom:1.5rem;padding:12px;text-align:center;width:100%}#password-form input:focus{border-color:rgba(138,43,226,.8);box-shadow:0 0 10px rgba(138,43,226,.5);outline:none}#password-form button{background:#8a2be2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px;transition:background-color .2s ease;width:100%}#password-form button:hover{background:#7124b9}.modal-close-btn{background:none;border:none;color:#a0a0a0;cursor:pointer;font-size:2rem;position:absolute;right:20px;top:15px;transition:color .2s ease}.modal-close-btn:hover{color:#fff}.modal-error{color:#ff6b6b;font-size:.9rem;height:1.2rem;margin-top:1rem}.modal.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}