@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@200;400;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;overflow-x:hidden;overflow-y:scroll;background:linear-gradient(159deg,#d64401 0% 10%,#000 30% 70%,#c28708 90% 100%);background-size:180% 180%;animation:gradient-animation 30s ease infinite;background-attachment:fixed;overflow:hidden;font-family:Oxanium,sans-serif}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes mainEnter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(-20px)}}@keyframes exitUp{0%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(-45px)}}@keyframes reenterFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(-20px)}}.app-container{padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;transform:translateY(-20px);opacity:0}.app-container--visible{animation:mainEnter .7s cubic-bezier(.4,0,.2,1) forwards}.app-container--idle{opacity:1;transform:translateY(-20px)}.app-container--exit-up{animation:exitUp .6s ease-out both}.app-container--reenter{animation:reenterFromTop .8s ease-out both}.cards-container{display:flex;flex-direction:column;width:fit-content;gap:1rem;margin-top:2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;align-items:center;justify-content:center;max-width:1200px}.main-content{display:flex;gap:1rem;align-items:center;justify-content:center}.card{flex:1}.side-buttons{width:250px;flex-shrink:0}.second-card{width:100%}h1{font-size:3rem;color:#fff;margin-bottom:1rem}p{font-size:1.25rem;color:#fff}@media(max-width:1024px){.app-container{padding:2rem 1rem}.main-content{flex-direction:column;gap:1.5rem;width:100%}.side-buttons,.card{width:100%}.second-card{flex-direction:column;gap:1rem}h1{font-size:2.5rem}p{font-size:1rem}}@media(max-width:1023px)and (min-width:769px){.cards-container,.main-content,.card,.side-buttons,.second-card{width:100%;max-width:820px;margin-left:auto;margin-right:auto}}@media(max-width:768px){.app-container{padding:1rem;transform:translateY(0);min-height:100vh;justify-content:center}.cards-container{gap:1rem;margin:0;padding:0;width:100%}.main-content,.card,.side-buttons,.second-card{width:100%}h1{font-size:2rem;margin-bottom:.75rem}p{font-size:.95rem}}@media(max-width:480px){body{overflow-y:auto}.app-container{padding:.75rem;min-height:100vh;justify-content:center}.cards-container{width:100%;gap:.75rem;margin:0;padding:0}.main-content{gap:.75rem;width:100%}.card,.side-buttons,.second-card{width:100%}h1{font-size:1.5rem;margin-bottom:.5rem}p{font-size:.85rem}}.card{width:500px;min-width:500px;height:400px;background:#1a1a1acc;border:1px solid #979797;border-radius:12px;padding:0;margin:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;overflow:visible;position:relative;display:flex;flex-direction:column}.card:hover{box-shadow:0 8px 32px #cfcfcf4d;border-color:#d6d6d6}.banner{width:100%;height:150px;object-fit:cover;display:block;border-radius:12px 12px 0 0;mask-image:linear-gradient(to bottom,black 0%,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 70%,transparent 100%)}.avatar-card{width:100px;height:100px;border-radius:50%;border:4px solid rgba(43,43,43,.8);object-fit:cover;position:absolute;top:110px;left:calc(50% - 50px);z-index:10}.card-content{padding:1.6rem 2rem .8rem;margin-top:24px;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;text-align:center}.card-title{font-size:1.5rem;color:#f3e8ff;margin-bottom:.45rem;font-weight:600;margin-top:.7rem}.card-description{font-size:1rem;color:#e9d5ff;line-height:1.5;margin:0}.card-extra-description{font-size:.92rem;color:#e9d5ff;line-height:1.45;margin:.14rem 0 0}.card-buttons{display:flex;justify-content:center;gap:1rem;padding:.9rem 2rem 1rem;border-top:1px solid rgba(207,207,207,.2)}@keyframes labelSlideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.card-btn{width:40px;height:40px;border:2px solid #979797;border-radius:8px;background:#2b2b2b80;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;padding:0;text-decoration:none;color:inherit}.card-btn-icon{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}.card-btn:hover{background:#cfcfcf33;border-color:#d6d6d6;transform:translateY(-5px)}.card-btn:hover:after{content:attr(data-label);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:max-content;background:#0d0d0df5;color:#f3e8ff;padding:.35rem .5rem;border:1px solid rgba(151,151,151,.6);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000059;font-size:.76rem;line-height:1.2;white-space:nowrap;pointer-events:none;font-weight:600;z-index:30;animation:labelSlideUp .2s ease-out}@media(max-width:1024px){.card{width:100%;min-width:unset;height:auto}.card-content{padding:1.5rem;margin-top:30px}.card-title{font-size:1.25rem}.card-description{font-size:.9rem}.card-extra-description{font-size:.82rem}.card-buttons{padding:1rem 1.5rem;gap:.75rem}.card-btn{width:36px;height:36px}}@media(max-width:768px){.card{width:100%}.banner{height:120px}.avatar-card{width:80px;height:80px;border:3px solid rgba(43,43,43,.8);top:85px;left:calc(50% - 40px)}.card-content{padding:1rem;margin-top:25px}.card-title{font-size:1.1rem}.card-description{font-size:.85rem}.card-extra-description{font-size:.78rem}}@media(max-width:480px){.card{width:100%;border-radius:8px}.banner{height:100px}.avatar-card{width:70px;height:70px;border:2px solid rgba(43,43,43,.8);top:75px;left:calc(50% - 35px)}.card-content{padding:.75rem;margin-top:45px}.card-title{font-size:1rem}.card-description{font-size:.75rem;line-height:1.4}.card-extra-description{font-size:.72rem;line-height:1.35}.card-buttons{padding:.75rem 1rem;gap:.5rem}.card-btn{width:32px;height:32px}}.stars-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 8px #fffc;animation:twinkle infinite}@keyframes twinkle{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media(max-width:768px){.star{width:1.5px;height:1.5px;box-shadow:0 0 6px #fff9}}@media(max-width:480px){.star{width:1px;height:1px;box-shadow:0 0 4px #ffffff80}}.side-buttons{display:flex;flex-direction:column;gap:.75rem}.side-button{--btn-pad-x: 1.5rem;--icon-size: 36px;--icon-gap: 1rem;--arrow-size: 32px;--arrow-gap: .75rem;width:100%;height:90px;background:#1a1a1acc;border:1px solid #979797;border-radius:12px;padding:1.5rem;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;align-items:center;position:relative;text-decoration:none;color:inherit}.side-button:hover{box-shadow:0 8px 32px #cfcfcf4d;border-color:#d6d6d6}.side-button:nth-child(1):hover{border-color:red;box-shadow:0 8px 32px #ff00004d}.side-button:nth-child(2):hover{border-color:#00d4d4;box-shadow:0 8px 32px #00d4d44d}.side-button:nth-child(3):hover{border-color:#ff1493;box-shadow:0 8px 32px #ff14934d}.side-button:nth-child(4):hover{border-color:#b4a0ff;box-shadow:0 8px 32px #b4a0ff4d}.side-button-icon{width:var(--icon-size);height:var(--icon-size);object-fit:contain;flex-shrink:0;margin-right:var(--icon-gap);filter:brightness(0) invert(1);transition:all .3s ease}.side-button:hover .side-button-icon{transform:translate(-100px)}.side-button h1{position:absolute;left:calc(var(--btn-pad-x) + var(--icon-size) + var(--icon-gap));right:var(--btn-pad-x);top:50%;transform:translateY(-50%);font-size:1rem;color:#e9d5ff;margin:0;font-weight:500;text-align:center;transition:left .3s ease,right .3s ease,transform .3s ease;pointer-events:none}.side-button:hover h1{left:var(--btn-pad-x);right:calc(var(--btn-pad-x) + var(--arrow-size) + var(--arrow-gap));transform:translateY(-50%)}.side-button-arrow{position:absolute;right:var(--btn-pad-x);top:50%;width:var(--arrow-size);height:var(--arrow-size);object-fit:contain;filter:brightness(0) invert(1);transition:all .3s ease;opacity:0;transform:translate(100px,-50%)}.side-button:hover .side-button-arrow{opacity:1;transform:translateY(-50%)}@media(max-width:1024px){.side-buttons{flex-direction:row;flex-wrap:wrap;gap:.5rem;width:100%}.side-button{--btn-pad-x: 1rem;--icon-size: 28px;--arrow-size: 24px;flex:1;min-width:calc(50% - .25rem);height:70px;padding:1rem}.side-button-icon{width:var(--icon-size);height:var(--icon-size)}.side-button h1{font-size:.9rem}.side-button-arrow{width:var(--arrow-size);height:var(--arrow-size)}}@media(max-width:768px){.side-buttons{flex-direction:row;gap:.5rem;width:100%}.side-button{--btn-pad-x: .75rem;--icon-size: 24px;--arrow-size: 20px;flex:1;height:60px;padding:.75rem;border-radius:8px}.side-button-icon{width:var(--icon-size);height:var(--icon-size)}.side-button h1{font-size:.8rem}.side-button:hover .side-button-icon{transform:translate(-100px)}.side-button-arrow{width:var(--arrow-size);height:var(--arrow-size)}}@media(max-width:480px){.side-buttons{flex-direction:row;gap:.5rem;width:100%}.side-button{--btn-pad-x: .5rem;--icon-size: 20px;--arrow-size: 20px;flex:1;height:50px;padding:.5rem;border-radius:6px}.side-button-icon{width:var(--icon-size);height:var(--icon-size)}.side-button h1{font-size:.8rem}.side-button-arrow{width:var(--arrow-size);height:var(--arrow-size)}}.second-card{width:100%;height:fit-content;background:#1a1a1acc;border:1px solid #979797;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;align-items:center;gap:2rem}.second-card:hover{box-shadow:0 8px 32px #cfcfcf4d;border-color:#d6d6d6}.second-card-title{font-size:1.25rem;color:#f3e8ff;margin:0;font-weight:600;min-width:150px}.second-card-description{font-size:.95rem;color:#e9d5ff;line-height:1.6;margin:0}@media(max-width:1024px){.second-card{flex-direction:column;gap:1.5rem;padding:1.5rem}.second-card-title{font-size:1.1rem;min-width:unset}.second-card-description{font-size:.9rem}}@media(max-width:768px){.second-card{flex-direction:column;gap:1rem;padding:1.25rem;border-radius:8px}.second-card-title{font-size:1rem}.second-card-description{font-size:.85rem}}@media(max-width:480px){.second-card{padding:1rem;gap:.75rem;border-radius:6px}.second-card-title{font-size:.95rem}.second-card-description{font-size:.8rem;line-height:1.5}}.discord-loading{color:#e9d5ff;font-size:.9rem;text-align:center;padding:2rem}.discord-wrapper{display:flex;flex-direction:column;gap:0;width:100%;color:#f3e8ff;text-align:left}.discord-header-section{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.2rem;border-bottom:1px solid rgba(139,92,246,.15);text-align:left}.discord-header-section--no-activity{border-bottom:none}.discord-profile-left{flex-shrink:0}.discord-avatar-wrapper{position:relative;width:64px;height:64px}.discord-avatar-large{width:64px;height:64px;border-radius:50%;border:3px solid rgba(139,92,246,.2);display:block}.discord-status-indicator-large{position:absolute;bottom:0;right:0;width:16px;height:16px;border-radius:50%;border:3px solid #2b2b2b}.discord-profile-center{flex:1;min-width:0;text-align:left}.discord-name-section{margin-bottom:4px;text-align:left}.discord-display-name{margin:0;font-size:1rem;font-weight:700;color:#f3e8ff;text-align:left}.discord-username-tag{margin:1px 0 0;font-size:.8rem;color:#d8b4fe;text-align:left}.discord-status-display{margin:0;font-size:.75rem;color:#c4b5fd;font-style:italic;text-align:left}.discord-profile-right{flex-shrink:0}.discord-visit-button{display:inline-block;padding:.6rem 1.4rem;background:#2b2b2b80;border:2px solid #979797;border-radius:8px;color:#f3e8ff;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s ease;cursor:none}.discord-visit-button:hover{background:#cfcfcf33;border-color:#d6d6d6;color:#f3e8ff;transform:translateY(-5px)}.discord-content-section{display:flex;flex-direction:column;gap:.8rem;padding:1rem 1.2rem;text-align:left;overflow:hidden;will-change:opacity,max-height,padding}@keyframes slideInActivities{0%{opacity:0;max-height:0;padding:0 1.2rem}to{opacity:1;max-height:500px;padding:1rem 1.2rem}}@keyframes slideOutActivities{0%{opacity:1;max-height:500px;padding:1rem 1.2rem}to{opacity:0;max-height:0;padding:0 1.2rem}}.discord-content-section--visible{animation:slideInActivities .5s cubic-bezier(.4,0,.2,1) forwards}.discord-content-section--hidden{animation:slideOutActivities .5s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.discord-activity-item{display:flex;gap:1rem;align-items:flex-start;border:1px solid rgba(139,92,246,.1);border-radius:8px;padding:.9rem;background:#8b5cf60d;text-align:left;overflow:hidden;animation:slideInItem .5s cubic-bezier(.4,0,.2,1) forwards;will-change:opacity,max-height,padding;position:relative}.discord-activity-item--removing{animation:slideOutItem .5s cubic-bezier(.4,0,.2,1) forwards!important}@keyframes slideInItem{0%{opacity:0;max-height:0;padding:0}to{opacity:1;max-height:200px;padding:.9rem}}@keyframes slideOutItem{0%{opacity:1;max-height:200px;padding:.9rem}to{opacity:0;max-height:0;padding:0}}.discord-activity-item:hover{background:#8b5cf614;border-color:#8b5cf633}.discord-item-icon{flex-shrink:0;width:70px;height:70px;border-radius:8px;overflow:hidden;background:#8b5cf61a;display:flex;align-items:center;justify-content:center;border:1px solid rgba(139,92,246,.15);position:relative}.discord-spotify-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:.35rem;background:none;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s ease;cursor:none;z-index:10;overflow:hidden;text-decoration:none}.discord-spotify-label{font-family:Oxanium,sans-serif;font-size:.8rem;color:#e9d5ff;white-space:nowrap;max-width:0;overflow:hidden;opacity:0;transform:translate(6px);transition:max-width .3s ease,opacity .3s ease,transform .3s ease;text-decoration:none}.discord-spotify-btn:hover .discord-spotify-label{max-width:120px;opacity:1;transform:translate(0)}.discord-spotify-btn:hover .discord-spotify-icon{width:18px;height:18px;display:block;color:#ffffffbf;transition:color .25s ease;flex-shrink:0}.discord-activity-item:hover .discord-spotify-btn,.discord-spotify-activity:hover .discord-spotify-btn{opacity:1;pointer-events:auto}.discord-spotify-icon{width:18px;height:18px;display:block;color:#ffffffbf;transition:color .25s ease;flex-shrink:0}.discord-spotify-btn:hover .discord-spotify-icon{color:#1db954}.discord-item-image{width:100%;height:100%;object-fit:cover}.discord-item-placeholder{font-size:2rem}.discord-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem;text-align:left}.discord-item-label{margin:0;font-size:.65rem;font-weight:700;color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;opacity:.8;text-align:left}.discord-item-title{margin:0;font-size:.9rem;font-weight:600;color:#f3e8ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.discord-item-artist{font-weight:400;color:#d8b4fe;margin-left:.5rem}.discord-item-detail{margin:0;font-size:.75rem;color:#c4b5fd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic;text-align:left}.discord-item-time{margin:0;font-size:.7rem;color:#d8b4fe;font-weight:500;text-align:left}.discord-progress-mini{display:flex;align-items:center;gap:.4rem;margin-top:.4rem;text-align:center}.discord-time-start,.discord-time-end{font-size:.6rem;color:#c4b5fd;white-space:nowrap;min-width:25px;text-align:center}.discord-progress-bar-mini{flex:1;height:2px;background:#8b5cf626;border-radius:1px;overflow:hidden}.discord-progress-fill-mini{height:100%;background:linear-gradient(90deg,#a78bfa,#c4b5fd);border-radius:1.5px;transition:width .1s linear}@media(max-width:1024px){.discord-header-section{gap:1rem;padding:1rem}.discord-avatar-large,.discord-avatar-wrapper{width:56px;height:56px}.discord-display-name{font-size:.95rem}.discord-visit-button{padding:.5rem 1rem;font-size:.8rem}.discord-content-section{padding:1rem;gap:.75rem}.discord-activity-item{gap:1rem;padding:.8rem}.discord-item-icon{width:60px;height:60px}.discord-item-title{font-size:.85rem}.discord-item-label{font-size:.6rem}.discord-item-detail{font-size:.7rem}}@media(max-width:768px){.discord-header-section{gap:1rem;padding:1rem}.discord-avatar-large,.discord-avatar-wrapper{width:50px;height:50px}.discord-display-name{font-size:.9rem}.discord-username-tag{font-size:.75rem}.discord-status-display{font-size:.7rem}.discord-visit-button{padding:.4rem .8rem;font-size:.7rem}.discord-content-section{padding:.8rem;gap:.6rem}.discord-activity-item{gap:.8rem;padding:.7rem;border-radius:6px}.discord-item-icon{width:50px;height:50px}.discord-item-title{font-size:.8rem}.discord-item-label{font-size:.55rem}.discord-item-detail,.discord-item-time{font-size:.65rem}}@media(max-width:480px){.discord-header-section{flex-wrap:wrap;gap:.75rem;padding:.75rem;border-bottom:1px solid rgba(139,92,246,.1)}.discord-header-section--no-activity{border-bottom:none}.discord-profile-left{flex-basis:50px}.discord-profile-center{flex-basis:calc(100% - 50px - .75rem)}.discord-profile-right{flex-basis:100%}.discord-avatar-large,.discord-avatar-wrapper{width:50px;height:50px}.discord-display-name{font-size:.85rem}.discord-username-tag,.discord-status-display{font-size:.65rem}.discord-visit-button{width:100%;text-align:center;padding:.4rem;font-size:.65rem}.discord-content-section{padding:.75rem;gap:.5rem}.discord-activity-item{flex-direction:row;gap:.75rem;padding:.6rem;border-radius:6px}.discord-item-icon{width:45px;height:45px;flex-shrink:0}.discord-item-content{gap:.2rem}.discord-item-title{font-size:.75rem;white-space:normal;overflow:visible}.discord-item-label{font-size:.5rem}.discord-item-detail,.discord-item-time{font-size:.6rem}.discord-progress-mini{gap:.3rem;margin-top:.3rem}.discord-time-start,.discord-time-end{font-size:.55rem}}.third-card{position:fixed;bottom:1.4rem;right:1.4rem;left:auto;top:auto;background:#1a1a1acc;border:1px solid #979797;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.2rem;display:flex;align-items:center;gap:1rem;color:#e9d5ff;font-family:Oxanium,sans-serif;font-size:.8rem;transition:box-shadow .3s ease,border-color .3s ease;z-index:120;cursor:none}.third-card:hover{box-shadow:0 8px 32px #cfcfcf4d;border-color:#d6d6d6}.third-card-divider{width:1px;height:1.2rem;background:#cfcfcf40;flex-shrink:0}.third-card-btn{background:none;border:none;color:#c4b5fd;font-family:Oxanium,sans-serif;font-size:.8rem;white-space:nowrap;padding:0;cursor:none;transition:color .2s ease;display:flex;align-items:center}.third-card-btn:hover,.third-card-btn--active{color:#f3e8ff}.third-card-info-wrap{display:flex;align-items:center;overflow:hidden}.third-card-info-inline-link{max-width:0;margin-left:0;display:flex;align-items:center;min-height:22px;gap:.45rem;overflow:hidden;white-space:nowrap;opacity:0;transform:translate(-10px);pointer-events:none;text-decoration:none;color:inherit;transition:max-width .28s ease,opacity .22s ease,transform .22s ease,margin-left .22s ease}.third-card-info-wrap:hover .third-card-info-inline-link,.third-card-info-wrap:focus-within .third-card-info-inline-link{max-width:205px;margin-left:.5rem;opacity:1;transform:translate(0);pointer-events:auto}.third-card-info-copy{margin:0;display:flex;align-items:center;color:#f3e8ff;font-size:.72rem;font-weight:400;line-height:1}.third-card-info-separator{width:1px;height:.82rem;background:#c4b5fd73;flex-shrink:0}.third-card-info-link-text{display:flex;align-items:center;color:#d8b4fe;font-size:.72rem;font-weight:500;line-height:1;transition:color .2s ease}.third-card-info-inline-link:hover .third-card-info-link-text{color:#e9d5ff}.third-card-icon{width:18px;height:18px;display:block}.third-card-icon--flag{width:22px;height:22px;border-radius:6px;object-fit:cover;overflow:hidden;border:1.5px solid #979797;background:#2b2b2b80;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.third-card-icon--boxed{width:22px;height:22px;transition:transform .2s ease,filter .2s ease,opacity .2s ease}.third-card-btn:hover .third-card-icon--flag{border-color:#d6d6d6;box-shadow:0 4px 10px #cfcfcf33;transform:translateY(-1px)}.third-card-btn:hover .third-card-icon--boxed{transform:translateY(-1px) scale(1.06);filter:drop-shadow(0 4px 10px rgba(207,207,207,.2));opacity:1}.third-card-item{color:#c4b5fd;white-space:nowrap}.third-card-item a{color:inherit;text-decoration:none;transition:color .2s ease;cursor:none}.third-card-item a:hover{color:#f3e8ff}@media(max-width:1024px){.third-card{right:50%;transform:translate(50%);bottom:1rem;font-size:.75rem;padding:.6rem 1rem;gap:.75rem}.third-card-info-wrap:hover .third-card-info-inline-link,.third-card-info-wrap:focus-within .third-card-info-inline-link{max-width:182px}}@media(max-width:480px){.third-card{font-size:.7rem;padding:.55rem .85rem;gap:.6rem;border-radius:8px}.third-card-info-wrap:hover .third-card-info-inline-link,.third-card-info-wrap:focus-within .third-card-info-inline-link{max-width:152px}}.scroll-down-btn{position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%);background:none;border:none;padding:.4rem;cursor:none;opacity:.5;transition:opacity .3s ease,transform .3s ease;z-index:100;display:flex;flex-direction:column;align-items:stretch;gap:.1rem;opacity:0;pointer-events:none;transform:translate(-50%) translateY(8px)}.scroll-down-btn--visible{opacity:.5;pointer-events:auto;transform:translate(-50%) translateY(0)}.scroll-down-btn:hover{opacity:1;transform:translate(-50%) translateY(4px)}.scroll-up-btn{position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%);background:none;border:none;padding:.4rem;cursor:none;opacity:.5;transition:opacity .3s ease,transform .3s ease;z-index:100;display:flex;flex-direction:column;align-items:stretch;gap:.1rem;opacity:0;pointer-events:none;transform:translate(-50%) translateY(8px)}.scroll-up-btn--visible{opacity:.5;pointer-events:auto;transform:translate(-50%) translateY(0)}.scroll-up-btn:hover{opacity:1;transform:translate(-50%) translateY(4px)}.scroll-down-label{font-family:Oxanium,sans-serif;font-size:.75rem;color:#e9d5ff;white-space:nowrap;letter-spacing:.05em;text-align:center}.scroll-down-icon{width:100%;height:10px;display:block;color:#fff}@media(max-width:1024px){.scroll-down-btn,.scroll-up-btn{bottom:4.5rem}}@media(max-width:480px){.scroll-down-btn,.scroll-up-btn{bottom:4rem}}.scene2-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:3rem 1.5rem;opacity:0}.scene2-container--visible{animation:mainEnter .8s ease-out forwards}.scene2-cards{width:calc(750px + 1rem)}@media(max-width:1024px){.scene2-cards{width:100%}}@media(max-width:1023px)and (min-width:769px){.scene2-cards{width:100%;max-width:820px;margin-left:auto;margin-right:auto}.scene2-cards .info-card,.scene2-cards .music-card{max-width:820px;margin-left:auto;margin-right:auto}}@media(max-width:768px){.scene2-container{padding:1rem}}@media(max-width:480px){.scene2-container{padding:.75rem}}@keyframes exitDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(35px)}}.scene2-container--exit-down{animation:exitDown .6s ease-out both}.info-card{width:100%;min-height:300px;height:fit-content;background:#1a1a1acc;border:1px solid #979797;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .3s ease,border-color .3s ease;overflow:hidden;position:relative;display:flex;flex-direction:column}.info-card:hover{box-shadow:0 8px 32px #cfcfcf4d;border-color:#d6d6d6}.info-card .toper{display:flex;align-items:center;gap:1.5rem;justify-content:right;width:fit-content;margin-left:1.5rem;margin-top:1.5rem}.info-card .avatar{position:static;width:80px;height:80px;border:3px solid rgba(139,92,246,.2);flex-shrink:0}.info-card .card-title{font-size:2rem;color:#f3e8ff;font-weight:700;margin:0}@media(max-width:1024px){.info-card{width:100%;min-width:unset}}@media(max-width:480px){.info-card{border-radius:8px}}.avatar{width:80px;height:80px;border-radius:50%;border:4px solid rgba(43,43,43,.8);object-fit:cover;position:absolute;left:1.5rem;right:auto;top:1.5rem;bottom:auto;z-index:10}.info-card .toper{display:flex;gap:1rem;align-items:center;justify-content:center}ul{font-size:.875rem;color:#e9d5ff;line-height:1.6;margin:1.7rem}.music-card{width:100%;min-height:220px;padding:1rem;background:#1a1a1acc;border:1px solid #979797;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .3s ease,border-color .3s ease;overflow:visible}.music-mini-grid{margin-top:.7rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.music-artists-heading{margin:.9rem 0 0;color:#f3e8ff;font-size:.95rem;font-weight:700;line-height:1.3}.music-mini-card{min-height:56px;border:1px solid rgba(151,151,151,.45);border-radius:8px;background:#2d2d2d52;display:flex;align-items:center;gap:.55rem;padding:.45rem .6rem;transition:all .3s ease;overflow:hidden;text-decoration:none;color:inherit}.music-mini-card:hover{background:#cfcfcf33;border-color:#d6d6d6;transform:translateY(-5px)}.music-mini-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#b4b4b447,#4b4b4b80);border:1px solid rgba(151,151,151,.55);color:#f3e8ff;font-size:.65rem;font-weight:700;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.music-mini-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.music-mini-name{color:#e9d5ff;font-size:.86rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-mini-spotify{width:32px;height:32px;margin-left:auto;opacity:0;transform:translate(22px);transition:transform .3s ease,opacity .3s ease;filter:brightness(0) invert(1)}.music-mini-card:hover .music-mini-spotify{opacity:1;transform:translate(0)}.music-card:hover{box-shadow:0 8px 32px #cfcfcf4d;border-color:#d6d6d6}@media(max-width:480px){.music-card{padding:.85rem;border-radius:8px}.music-mini-grid{margin-top:.7rem;gap:.45rem}.music-artists-heading{margin-top:.75rem;font-size:.86rem}.music-mini-card{min-height:50px;border-radius:7px;padding:.4rem .5rem}.music-mini-avatar{width:30px;height:30px;font-size:.6rem}.music-mini-name{font-size:.8rem}.music-mini-spotify{width:28px;height:28px}}.lastfm{width:100%;position:relative;overflow:visible;--lastfm-cover-size: 64px;--lastfm-hover-lift: 10px;--lastfm-mask-width: 112px}.lastfm-title{font-size:1rem;color:#f3e8ff;margin:0 0 .75rem;text-align:left}.lastfm-status{font-size:.9rem;color:#e9d5ff;margin:0;text-align:left}@keyframes lastfmTooltipIn{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.lastfm-tracks-wrap{position:relative;overflow:visible}.lastfm-tracks-wrap:after{content:"";position:absolute;top:0;right:0;width:var(--lastfm-mask-width);height:100%;pointer-events:none;background:transparent;border-left:none;z-index:8}.lastfm-mask-btn{position:absolute;right:.35rem;top:calc(.4rem + var(--lastfm-hover-lift) + (var(--lastfm-cover-size) / 2));transform:translateY(-50%);width:40px;height:40px;border:none;background:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:none;z-index:9;opacity:.65;transition:opacity .2s ease,transform .2s ease}.lastfm-mask-btn:hover{opacity:1;transform:translateY(-50%) translate(2px)}.lastfm-mask-btn img{width:25px;height:25px;object-fit:contain;filter:brightness(0) invert(1);display:block}.lastfm-tracks{display:flex;flex-direction:row;gap:.6rem;align-items:flex-start;overflow-x:auto;overflow-y:hidden;padding:.4rem 4.75rem .35rem .15rem;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--lastfm-mask-width)),rgba(0,0,0,.02) calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--lastfm-mask-width)),rgba(0,0,0,.02) calc(100% - 16px),transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.lastfm-tracks::-webkit-scrollbar{display:none}.track{position:relative;flex:0 0 auto;width:var(--lastfm-cover-size);padding-top:var(--lastfm-hover-lift);overflow:visible}.track-cover-link{display:block;color:inherit;text-decoration:none}.track-cover{position:relative;border:1px solid rgba(151,151,151,.55);border-radius:8px;background:#2d2d2d59;transform:translateY(0);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.track:hover .track-cover{border-color:#d6d6d6d9;box-shadow:0 6px 16px #cfcfcf33;transform:translateY(calc(-1 * var(--lastfm-hover-lift)));z-index:4}.track--masked-disabled:hover .track-cover{border-color:#9797978c;box-shadow:none;transform:translateY(0)}.track--masked-disabled .track-cover-link{pointer-events:none}.track img{width:var(--lastfm-cover-size);height:var(--lastfm-cover-size);border-radius:6px;object-fit:cover;display:block}.lastfm-floating-tooltip{position:absolute;transform:translate(-50%);min-width:220px;max-width:300px;pointer-events:none;z-index:30;padding:.55rem .65rem;border:1px solid rgba(151,151,151,.6);border-radius:8px;background:#0d0d0df5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000059;animation:lastfmTooltipIn .2s ease-out;transform-origin:top center}.track-title{font-size:.76rem;font-weight:600;color:#f3e8ff;line-height:1.2;word-break:break-word}.track-meta{display:flex;align-items:stretch;gap:0;margin-top:.3rem}.track-album,.track-artist,.track-time{font-size:.7rem;color:#e9d5ff;line-height:1.2;word-break:normal;overflow-wrap:normal}.track-album,.track-artist{flex:0 1 auto;max-width:calc(50% - .5rem);min-width:0;display:flex;align-items:center}.track-meta-separator{width:1px;min-width:1px;align-self:stretch;background:#e9d5ff8c;margin-left:.32rem;margin-right:.32rem}.track-time{margin-top:.3rem}@media(max-width:768px){.lastfm{--lastfm-cover-size: 56px;--lastfm-mask-width: 70px}.lastfm-tracks{gap:.5rem;flex-wrap:nowrap;overflow-x:hidden;overflow-y:hidden;touch-action:pan-y;padding-right:.15rem;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--lastfm-mask-width)),rgba(0,0,0,.02) calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--lastfm-mask-width)),rgba(0,0,0,.02) calc(100% - 16px),transparent 100%)}.lastfm-floating-tooltip{min-width:190px;max-width:250px}.lastfm-mask-btn{width:34px;height:34px;right:.2rem}.lastfm-mask-btn img{width:21px;height:21px}}@media(max-width:1024px)and (min-width:769px){.lastfm{--lastfm-mask-width: 83px}.lastfm-tracks{flex-wrap:nowrap;overflow-x:hidden;overflow-y:hidden;touch-action:pan-y;padding-right:.15rem;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--lastfm-mask-width)),rgba(0,0,0,.02) calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--lastfm-mask-width)),rgba(0,0,0,.02) calc(100% - 16px),transparent 100%)}}:root{--color-cursor: 255, 215, 0;--cursor-outline-shade: .3;--cursor-size: 10px;--cursor-outline-size: 12px}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 5px rgba(255,255,255,.6)) drop-shadow(0 0 10px rgba(255,215,0,.3))}50%{filter:drop-shadow(0 0 10px rgba(255,255,255,.9)) drop-shadow(0 0 20px rgba(255,215,0,.5))}}@keyframes glowOuter{0%,to{box-shadow:0 0 8px #ffd70080,0 0 15px #ffd7004d,inset 0 0 8px #ffd70033}50%{box-shadow:0 0 15px #ffd700cc,0 0 25px #ffd70080,inset 0 0 10px #ffd70066}}html,body,html *,body *{cursor:none}#cursor-dot{animation:glowPulse 2s ease-in-out infinite}#cursor-dot-outline{animation:glowOuter 2s ease-in-out infinite}@media(max-width:1024px){html,body,html *,body *{cursor:auto}#cursor-dot,#cursor-dot-outline{display:none}}.intro-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:none;animation:introFadeIn .8s ease forwards}.intro-overlay--leaving{animation:introFadeOut .6s ease forwards;pointer-events:none}@keyframes introFadeIn{0%{opacity:0}to{opacity:1}}@keyframes introFadeOut{0%{opacity:1}to{opacity:0}}.intro-text{font-family:Oxanium,sans-serif;font-size:1.4rem;font-weight:500;color:#f3e8ff99;letter-spacing:.08em;animation:introPulse 2.5s ease-in-out infinite;-webkit-user-select:none;user-select:none;text-align:center;padding:0 2rem}@keyframes introPulse{0%{opacity:.35}50%{opacity:.85}to{opacity:.35}}@media(max-width:480px){.intro-text{font-size:1.05rem}}body.lightsite-mode{background:linear-gradient(165deg,#f9fbff,#eef4ff 45%,#e6eefc);color:#1f2a3d}.lightsite--enabled #cursor-dot{animation:none;filter:drop-shadow(0 0 4px rgba(120,120,120,.45))}.lightsite--enabled #cursor-dot-outline{animation:none}.lightsite--enabled .star{width:3px;height:3px;background:#2b56a499;box-shadow:0 0 6px #2b56a459}@media(max-width:768px){.lightsite--enabled .star{width:2.25px;height:2.25px}}@media(max-width:480px){.lightsite--enabled .star{width:1.5px;height:1.5px}}.lightsite--enabled .card,.lightsite--enabled .info-card,.lightsite--enabled .music-card,.lightsite--enabled .second-card,.lightsite--enabled .side-button,.lightsite--enabled .third-card{background:#ffffffd9;border-color:#8598b88c;box-shadow:0 10px 30px #25447a1f}.lightsite--enabled .card-title,.lightsite--enabled .card-description,.lightsite--enabled .card-extra-description,.lightsite--enabled .music-artists-heading,.lightsite--enabled .music-mini-name,.lightsite--enabled .lastfm-title,.lightsite--enabled .lastfm-status,.lightsite--enabled .scroll-down-label,.lightsite--enabled .discord-wrapper,.lightsite--enabled .discord-display-name,.lightsite--enabled .discord-username-tag,.lightsite--enabled .discord-status-display,.lightsite--enabled .discord-item-label,.lightsite--enabled .discord-item-title,.lightsite--enabled .discord-item-detail,.lightsite--enabled .discord-item-time,.lightsite--enabled .discord-spotify-label,.lightsite--enabled .discord-time-start,.lightsite--enabled .discord-time-end,.lightsite--enabled .third-card,.lightsite--enabled .third-card-item,.lightsite--enabled .side-button h1,.lightsite--enabled .info-card ul{color:#1f2a3d}.lightsite--enabled .card-btn,.lightsite--enabled .discord-visit-button{background:#eef4ffcc;border-color:#8598b8b3;color:#1f2a3d}.lightsite--enabled .card-btn-icon,.lightsite--enabled .side-button-icon,.lightsite--enabled .side-button-arrow,.lightsite--enabled .music-mini-spotify,.lightsite--enabled .lastfm-mask-btn img{filter:none}.lightsite--enabled .third-card-divider,.lightsite--enabled .card-buttons,.lightsite--enabled .discord-header-section{border-color:#8598b859;background:transparent}.lightsite--enabled .third-card-btn,.lightsite--enabled .third-card-item,.lightsite--enabled .third-card-item a{color:#355388}.lightsite--enabled .third-card-info-inline-link{background:transparent;border-color:transparent;box-shadow:none}.lightsite--enabled .third-card-info-copy{color:#1f2a3d}.lightsite--enabled .third-card-info-link-text{color:#7a1428}.lightsite--enabled .third-card-info-separator{background:#35538866}.lightsite--enabled .third-card-btn:hover,.lightsite--enabled .third-card-btn--active,.lightsite--enabled .third-card-item a:hover{color:#223a63}.lightsite--enabled .third-card-info-inline-link:hover .third-card-info-link-text{color:#5a0f1e}.lightsite--enabled .scroll-down-icon{color:#1f2a3d}.lightsite--enabled .discord-spotify-btn,.lightsite--enabled .discord-spotify-icon{color:#355388}.lightsite--enabled .card-btn:hover,.lightsite--enabled .discord-visit-button:hover,.lightsite--enabled .side-button:hover,.lightsite--enabled .music-mini-card:hover{border-color:#547dc4b3;box-shadow:0 10px 24px #446cb133}.lightsite--enabled .card-btn:hover:after,.lightsite--enabled .lastfm-floating-tooltip{background:#fffffff2;border-color:#8598b8a6;color:#1f2a3d;box-shadow:0 8px 24px #324d822e}.lightsite--enabled .track-album,.lightsite--enabled .track-artist,.lightsite--enabled .track-time,.lightsite--enabled .track-title{color:#1f2a3d}.lightsite--enabled .track-meta-separator{background:#42609666}.lightsite--enabled .music-mini-card,.lightsite--enabled .track-cover,.lightsite--enabled .discord-activity-item,.lightsite--enabled .discord-item-icon{background:#eef4ffc7;border-color:#8598b873}.lightsite--enabled .discord-item-artist{color:#7a1428}.lightsite--enabled .discord-activity-item:hover{background:#7a14280f;border-color:#7a142840}.lightsite--enabled .discord-progress-bar-mini{background:#7a14281f}.lightsite--enabled .discord-progress-fill-mini{background:linear-gradient(90deg,#7a1428,#b04060)}
