.island-nav-bar{border:solid 2px rgba(255,255,255,.2);position:fixed;top:32px;left:50%;transform:translate(-50%);z-index:120;background:#14141480;border-radius:999px;backdrop-filter:blur(6px) brightness(.8);-webkit-backdrop-filter:blur(6px) brightness(.8);display:flex;align-items:center;justify-content:center;cursor:default;height:54px;min-width:340px;padding:0 36px;transition:box-shadow .3s;overflow:hidden;pointer-events:auto;box-sizing:border-box}.island-nav-inner{cursor:default;display:flex;align-items:center;width:100%;height:100%;position:relative}.island-nav-logo{cursor:default!important;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:50%;background:none;z-index:2;padding:0}.island-nav-logo-img{scale:.85;cursor:default;opacity:.7;height:32px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));transition:opacity .18s,filter .18s}.island-nav-logo-img:hover{opacity:1}.island-nav-links{cursor:default;display:flex;opacity:.8;align-items:center;gap:18px;padding-left:45px;justify-content:center}.island-nav-link{color:#fff;text-decoration:none;background:none;border:none;outline:none;cursor:default;opacity:.7;font-weight:600;font-size:.6rem;border-radius:20px;transition:opacity .18s,color .18s;display:flex;align-items:center}.nav-icon{display:none}.island-nav-link:hover{opacity:.95}.island-nav-link.active{opacity:1;color:#fff;filter:none}@media (max-width: 700px){.island-nav-bar{min-width:0;width:180px!important;padding:0 8px!important;height:48px}.island-nav-links{gap:0;padding-left:0}.island-nav-link{padding:0!important;min-width:44px;justify-content:center;font-size:0}.island-nav-link .nav-icon{font-size:22px;display:inline-block}.nav-label{display:none}.nav-icon{width:22px;height:22px;display:inline-block}}@font-face{font-family:YSMusic;src:url(/assets/fonts/main.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.header{height:100vh;width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;transition:all var(--transition-speed) ease;content-visibility:auto}.profile-card{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:1rem 3.5rem;background:#cecece;border-radius:30px;box-shadow:0 4px 20px #00000026;position:relative;max-width:400px;min-width:300px;margin:2rem auto;transition:all .5s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity;z-index:10;animation:slideInUp .7s cubic-bezier(.34,1.56,.64,1)}.profile-activities-toggle{position:absolute;left:50%;top:calc(50% - 87px);transform:translate(-50%);font-family:YSMusic,monospace;font-size:1rem;letter-spacing:.04em;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2;background:#ffffff0d;padding:3px 14px;border-radius:12px;color:var(--text-light);cursor:pointer;opacity:.55;transition:all .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.profile-activities-toggle:active{transform:translate(-50%) scale(.98)}.profile-activities-toggle:hover{background:#ffffff12;opacity:.85}.activity-card{width:320px;min-width:320px;max-width:320px;overflow:hidden;background:#ffffff0a;border-radius:8px;padding:12px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #00000014;font-weight:500;font-family:YSMusic,monospace;color:var(--text-light);transition:opacity .4s cubic-bezier(.4,0,.2,1)}.activity-card .activity-img{border-radius:8px;-o-object-fit:cover;object-fit:cover;box-shadow:0 2px 8px #00000014;width:48px;height:48px;margin-right:8px}.activity-card .activity-title{font-size:1.05em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-card .activity-details{font-size:.9em;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-card .activity-timer{font-size:.85em;opacity:.7;margin-top:2px;letter-spacing:.04em}.profile-activities-row{position:absolute;left:50%;top:calc(50% - 190px);transform:translate(-50%);display:flex;gap:24px;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.profile-activities-row.visible{opacity:1;pointer-events:auto;animation:fadeInUp .4s cubic-bezier(.34,1.56,.64,1)}.profile-card:hover{transform:scale(1.02);background:#cececef2;box-shadow:0 8px 40px #00000040}.avatar-container{width:64px;height:64px;margin:0 20px 0 0;border-radius:50%;box-shadow:0 8px 32px #00000059;z-index:2;overflow:hidden;transition:all .4s ease;will-change:auto,transform}.profile-info{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;z-index:2}.name{font-size:1rem;font-family:YSMusic,monospace!important;background:none;color:#292d32;margin:0;transition:all .4s ease;letter-spacing:.05em}.title{font-size:.75rem;font-family:YSMusic,monospace;background:none;color:#292d32;cursor:default;padding:0;margin:0;border-radius:0;opacity:1;letter-spacing:.05rem;transition:all .4s ease;text-transform:uppercase}.gradient-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 33%,var(--tertiary-color) 66%);opacity:.5;z-index:-2;transform-origin:center;transition:transform .6s ease}.header-scrolled .gradient-background{transform:scale(1.1)}.profile-card-scrolled{background-clip:padding-box;will-change:filter,transform;filter:blur(calc(var(--scroll-ratio, 0) * 3px));transition:all .3s ease-in-out}.scroll-indicator{opacity:.65;position:absolute;border-radius:8px;bottom:80px;animation:bounce 2s infinite;transition:opacity .2s ease;transition:background .2s ease;transition:animation-play-state .5s ease;z-index:10}.scroll-indicator:hover{transition:all .2s ease;animation-play-state:paused;opacity:.45;cursor:pointer}.header-scrolled .scroll-indicator{opacity:0}.header-peek{position:absolute;bottom:-40px;width:96%;height:80px;border-radius:var(--border-radius) var(--border-radius) 0 0;transform-origin:bottom;transform:translateY(40px);transition:all .6s ease}.header-scrolled .header-peek{transform:translateY(0);width:100%;height:100vh;border-radius:0}.notification{position:fixed;top:32px;right:20px;background:#0a0a0ae6;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 24px;border-radius:8px;z-index:1000;opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;display:flex;align-items:center;gap:8px;font-family:YSMusic,monospace;font-size:.75rem;letter-spacing:.025em;text-transform:uppercase}.notification.show{opacity:1;transform:translateY(0)}.notification-counter{display:inline-flex;align-items:center;justify-content:center;background:#fff3;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:.8rem;font-weight:500;transition:transform .2s cubic-bezier(.34,1.56,.64,1);animation:counterPop .2s cubic-bezier(.34,1.56,.64,1)}.notification-counter.update{animation:counterUpdate .2s cubic-bezier(.34,1.56,.64,1)}@keyframes counterPop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes counterUpdate{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.achievement-modal{width:90%;max-width:400px;padding:32px;text-align:center;position:relative}.achievement-title{font-size:1.25rem;font-family:YSMusic,monospace;font-weight:600;margin:0 0 24px;text-transform:uppercase;letter-spacing:.025em}.achievement-gif{width:100%;border-radius:var(--border-radius)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@media (max-width: 768px){.profile-card{align-items:center;padding:1rem 2rem;max-width:90%;margin:1rem auto}.avatar-blur{display:none}.scroll-indicator{scale:1.2;top:80%}.activity-card,.profile-activities-toggle,.profile-activities-row{display:none}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.6;transform:translateY(6px)}}.header{position:relative}.floating-icons{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.floating-icons.simple-arc{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:2;width:100%;height:100%}.floating-icon{pointer-events:none;position:absolute;left:50%;top:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform,opacity;opacity:1;transition:transform .5s cubic-bezier(.7,0,.3,1),opacity .4s cubic-bezier(.7,0,.3,1);display:flex;align-items:center;justify-content:center;z-index:2;cursor:default;border-radius:9px;border:1px solid #18181b;scale:.8}.floating-icon-inner{width:38px;height:38px;border-radius:9px;background:none;display:flex;align-items:center;justify-content:center;opacity:1;pointer-events:none;transition:all .3s ease}.floating-icon:hover .floating-icon-inner{box-shadow:none;background:#18181b}.floating-icon svg{width:28px;height:28px;border-radius:0;background:none;color:#fff;opacity:.2;display:block;box-sizing:border-box;padding:0;transition:opacity .3s ease}.floating-icon:hover svg{filter:none;background:none;color:#fff;box-shadow:none;opacity:.6;transition:opacity .3s ease}.floating-icons.inward .floating-icon{--radius: 0px;--y-move: 30px;opacity:0;pointer-events:none}@keyframes float-in{0%{opacity:0;transform:scale(1) translateY(6px)}to{opacity:1;transform:none}}@keyframes float-star{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-6px) scale(1)}to{transform:translateY(0) scale(1)}}@media screen and (max-width: 768px){.floating-icons,.floating-icons.simple-arc,.floating-icon,.floating-icon-inner{display:none}}