:root{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-bounce:cubic-bezier(.34,1.56,.64,1)}
body{position:relative;isolation:isolate}
.container{position:relative;z-index:1}
.social-link[aria-label=youtube]{--social-color:#ff0033}
.social-link[aria-label=tiktok]{--social-color:#111827}
.social-link[aria-label=discord]{--social-color:#5865f2}
.social-link[aria-label=facebook]{--social-color:#1877f2}
.profile-card,.link-card,.footer{transition:opacity .65s ease,translate .7s var(--motion-ease),background-color .35s ease,border-color .3s ease,box-shadow .35s ease,transform .35s var(--motion-ease)}
.reveal-pending{opacity:0;translate:0 22px;transition-delay:var(--reveal-delay,0ms)}
.profile-card:before{background-size:100% 100%}
.status-dot{position:relative}
.status-dot:after{content:'';position:absolute;inset:-2px;background:#10b981;border-radius:50%;animation:online-pulse 2s cubic-bezier(.45,0,.55,1) infinite;pointer-events:none}
.avatar-img{transition:transform .55s var(--motion-ease),box-shadow .55s ease}
.social-link{position:relative}
.social-link,.nav-btn{overflow:hidden;isolation:isolate}
.social-link,.nav-btn,.link-icon,.copy-btn,.chevron{transition:transform .4s var(--motion-bounce),color .25s ease,background-color .35s ease,border-color .3s ease,box-shadow .35s ease}
.nav-btn .icon-svg{animation:icon-in .35s var(--motion-ease)}
.link-card{isolation:isolate;overflow:hidden}
.copy-btn{border-radius:12px}
.copy-btn:active{transform:scale(.88)}
.social-link:active,.nav-btn:active{transform:scale(.94)}
.link-card:active{transform:scale(.995)}
.toast-container{max-width:calc(100vw - 32px);transition:opacity .25s ease,transform .4s var(--motion-ease);box-shadow:0 12px 35px #10182b26}
@media(hover:hover) and (pointer:fine){
  .link-card:hover{transform:translateY(-4px) scale(1.01);border-color:#ffffffd9}
  [data-theme=dark] .link-card:hover{border-color:#34394c}
  .link-card:hover .link-icon{transform:scale(1.1) rotate(-5deg);background:linear-gradient(135deg,#a855f7,#6366f1,#3b82f6);color:white;border-color:transparent}
  .link-card:hover .chevron{transform:translateX(5px);color:#8b5cf6}
  .social-link:hover{transform:translateY(-4px) scale(1.1);color:white;background:var(--social-color);border-color:var(--social-color)}
  .nav-btn:hover{transform:scale(1.06);color:#a855f7;border-color:#a855f7}
  .avatar-img:hover{transform:scale(1.035) rotate(2deg)}
  .copy-btn:hover{background:#a855f710}
}
@keyframes online-pulse{0%{transform:scale(.9);opacity:.8}100%{transform:scale(2.2);opacity:0}}
@keyframes icon-in{from{opacity:0;transform:rotate(-40deg) scale(.65)}to{opacity:1;transform:rotate(0) scale(1)}}
.link-card.press-feedback{transform:translateY(1px) scale(.996);transition-duration:.12s}
.social-link.press-feedback,.nav-btn.press-feedback,.copy-btn.press-feedback{transform:scale(.96);transition-duration:.12s}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal-pending{opacity:1;translate:none}
  .link-card:hover,.link-card:active,.link-card:hover .link-icon,.link-card:hover .chevron,.social-link:hover,.social-link:active,.nav-btn:hover,.nav-btn:active,.avatar-img:hover,.copy-btn:active{transform:none}
  .press-feedback{transform:none!important}
}