:root{--background:0 0% 7%;--foreground:0 0% 98%;--card:0 0% 10%;--card-foreground:0 0% 98%;--primary:141 76% 42%;--primary-foreground:0 0% 7%;--secondary:0 0% 15%;--secondary-foreground:0 0% 98%;--muted:0 0% 15%;--muted-foreground:0 0% 65%;--accent:141 70% 55%;--accent-foreground:0 0% 7%;--border:0 0% 20%;--gradient-primary:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));--gradient-glow:radial-gradient(ellipse at center,hsl(var(--primary)/0.2),transparent 70%);--gradient-music:linear-gradient(180deg,rgba(26,188,83,.1),transparent);--glass-bg:rgba(26,26,26,.7);--glass-border:rgba(64,64,64,.3);--shadow-glow:0 0 40px hsl(var(--primary)/0.4);--shadow-card:0 8px 32px rgba(0,0,0,.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:hsl(var(--background));color:hsl(var(--foreground));line-height:1.6;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.container{width:100%;max-width:600px;margin:0 auto;padding:0 1.5rem}.linktree-page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;overflow:hidden}.linktree-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.gradient-glow{position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:150%;height:150%;background:var(--gradient-glow);opacity:.6;animation:pulse-glow 8s ease-in-out infinite}.grid-pattern{position:absolute;inset:0;background-image:linear-gradient(hsl(var(--border)/.2) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--border)/.2) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,#000,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,#000,transparent 80%)}.floating-element{position:absolute;border-radius:50%;background:var(--gradient-primary);opacity:.1;filter:blur(60px);animation:float 20s ease-in-out infinite}.floating-1{width:400px;height:400px;top:10%;left:-10%}.floating-2{width:300px;height:300px;top:60%;right:-10%;animation-delay:-5s}.floating-3{width:200px;height:200px;top:40%;left:50%;animation-delay:-10s}@keyframes pulse-glow{0%,to{opacity:.4;transform:translateX(-50%) scale(1)}50%{opacity:.8;transform:translateX(-50%) scale(1.1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-30px) rotate(5deg)}66%{transform:translateY(30px) rotate(-5deg)}}.linktree-content{position:relative;z-index:10;width:100%;gap:2rem}.linktree-content,.profile-section{display:flex;flex-direction:column;align-items:center}.profile-section{gap:1rem;margin-bottom:1rem}.profile-image{width:120px;height:120px;border-radius:50%;border:3px solid hsl(var(--primary));object-fit:cover;box-shadow:var(--shadow-glow);will-change:transform,box-shadow;transform:translateZ(0);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.profile-image:hover{transform:scale(1.05) translateZ(0);box-shadow:0 0 40px hsl(var(--primary)/.5)}.artist-name{font-family:Caveat,Dancing Script,cursive;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;text-align:center;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:.05em;transform:rotate(-1deg);filter:drop-shadow(0 0 10px hsl(var(--primary)/.5));animation:handwriting-glow 3s ease-in-out infinite;line-height:1.2;text-shadow:0 0 20px hsl(var(--primary)/.3)}@keyframes handwriting-glow{0%,to{filter:drop-shadow(0 0 10px hsl(var(--primary)/.5))}50%{filter:drop-shadow(0 0 20px hsl(var(--primary)/.8))}}.profile-name{font-size:1.25rem;font-weight:600;margin-top:.5rem}.profile-bio,.profile-name{text-align:center;color:hsl(var(--muted-foreground))}.profile-bio{font-size:1rem;max-width:400px}.spotify-embed{width:100%;max-width:100%;border-radius:1rem;overflow:hidden;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);will-change:transform,box-shadow;transform:translateZ(0);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.spotify-embed:hover{transform:translateY(-3px) translateZ(0);box-shadow:0 8px 32px hsl(var(--primary)/.3)}.spotify-embed iframe{width:100%;border:none;border-radius:1rem}.links-section{width:100%;display:flex;flex-direction:column;gap:1rem;contain:layout style paint}.link-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:1rem;color:hsl(var(--foreground));font-size:1rem;font-weight:600;cursor:pointer;text-align:center;position:relative;overflow:hidden;will-change:transform,box-shadow,border-color;transform:translateZ(0);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.link-button:before{content:"";position:absolute;top:50%;left:50%;width:calc(100% - .5rem);height:calc(100% - .25rem);background:var(--gradient-primary);opacity:0;transform:translate(-50%,-50%) scale(.92);transform-origin:center;border-radius:.875rem;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);z-index:-1;will-change:transform,opacity}.link-button:hover{transform:translateY(-3px) translateZ(0);border-color:hsl(var(--primary)/.6);box-shadow:0 8px 24px hsl(var(--primary)/.3),0 0 0 1px hsl(var(--primary)/.1);color:hsl(var(--primary-foreground))}.link-button:hover:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.link-button-icon{width:24px;height:24px;flex-shrink:0}.link-button-text{flex:1 1}.social-section{gap:1rem;margin-top:1rem;contain:layout style paint}.social-icon,.social-section{display:flex;align-items:center;justify-content:center}.social-icon{width:48px;height:48px;border-radius:50%;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);color:hsl(var(--foreground));cursor:pointer;overflow:hidden;position:relative;will-change:transform,box-shadow,background-color,border-color;transform:translateZ(0);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.social-icon:hover{background:hsl(var(--primary)/.25);border-color:hsl(var(--primary)/.6);transform:translateY(-3px) scale(1.08) translateZ(0);box-shadow:0 6px 20px hsl(var(--primary)/.3);color:hsl(var(--primary))}.social-icon svg{width:24px;height:24px}.youtube-embed{width:100%;max-width:100%;border-radius:1rem;overflow:hidden;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);transition:transform .3s ease,box-shadow .3s ease}.youtube-embed:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow)}.youtube-embed iframe{width:100%;aspect-ratio:16/9;border:none;border-radius:1rem}@media (max-width:640px){.container{padding:0 1rem}.profile-name{font-size:1.5rem}.link-button{padding:.875rem 1.25rem;font-size:.9375rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .6s ease-out}.animate-fade-in-delay-1{animation:fadeInUp .6s ease-out .1s both}.animate-fade-in-delay-2{animation:fadeInUp .6s ease-out .2s both}.animate-fade-in-delay-3{animation:fadeInUp .6s ease-out .3s both}.youtube-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out;padding:1rem}.youtube-modal-content{position:relative;width:100%;max-width:900px;max-height:90vh;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:1.5rem;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px hsl(var(--primary)/.1);overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.youtube-modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:hsl(var(--background)/.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50%;color:hsl(var(--foreground));cursor:pointer;z-index:10;transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform,background-color}.youtube-modal-close:hover{background:hsl(var(--primary)/.2);border-color:hsl(var(--primary)/.5);transform:rotate(90deg) scale(1.1);color:hsl(var(--primary))}.youtube-modal-channel{display:flex;flex-direction:column;width:100%}.youtube-channel-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--glass-border);background:hsl(var(--card)/.3)}.youtube-channel-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid hsl(var(--primary)/.3);flex-shrink:0}.youtube-channel-avatar img{width:100%;height:100%;object-fit:cover}.youtube-channel-info{flex:1 1}.youtube-channel-name{font-size:1.25rem;font-weight:700;margin-bottom:.25rem;color:hsl(var(--foreground))}.youtube-channel-handle{font-size:.875rem;color:hsl(var(--muted-foreground))}.youtube-channel-embed{width:100%;aspect-ratio:16/9;background:hsl(var(--background));position:relative;min-height:400px}.youtube-channel-embed iframe{width:100%;height:100%;border:none}.youtube-modal-footer{padding:1.5rem;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--glass-border);background:hsl(var(--card)/.5)}.youtube-subscribe-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px hsl(var(--primary)/.3);will-change:transform,box-shadow}.youtube-subscribe-button:hover{background:hsl(var(--primary)/.9);transform:translateY(-2px);box-shadow:0 6px 20px hsl(var(--primary)/.4)}.youtube-subscribe-button svg{flex-shrink:0}