@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";.nickname-fx-wrap{position:relative;display:inline-block;transition:all .3s ease}.fx-text-base{display:inline-block;transition:all .3s ease;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@keyframes sparkRise{0%{transform:translateY(0) scale(1);opacity:0;filter:brightness(2)}20%{opacity:.9}80%{opacity:.4;filter:brightness(1)}to{transform:translateY(-160px) scale(.2);opacity:0}}@keyframes sparkleTwinkle{0%,to{opacity:0;transform:var(--t) scale(0) rotate(0)}50%{opacity:1;transform:var(--t) scale(var(--s)) rotate(90deg);filter:brightness(2)}}@keyframes lightningFlash{0%,48%,52%,to{opacity:0}49%{opacity:1;filter:brightness(3) drop-shadow(0 0 8px currentColor)}50%{opacity:.4;filter:brightness(1.5)}51%{opacity:1;filter:brightness(2.5)}}@keyframes lightningPulse{0%,48%,52%,to{opacity:0;transform:scale(.5)}49%,51%{opacity:1;transform:scale(1.2)}50%{opacity:.6;transform:scale(1)}}.lightning-path,.lightning-contact{stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.butterfly{position:absolute;width:10px;height:10px;pointer-events:none;transition:opacity .3s ease}.butterfly-body{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:8px;background:var(--b-color);border-radius:1px;opacity:.8}.butterfly-wing-left,.butterfly-wing-right{position:absolute;top:0;width:7px;height:9px;background:var(--b-color);opacity:.75}.butterfly-wing-left{right:50%;border-radius:50% 0 50% 50%;transform-origin:right center;animation:wingFlapLeft var(--flap-speed, .4s) infinite alternate ease-in-out}.butterfly-wing-right{left:50%;border-radius:0 50% 50%;transform-origin:left center;animation:wingFlapRight var(--flap-speed, .4s) infinite alternate ease-in-out}@keyframes wingFlapLeft{0%{transform:rotateY(0) scaleY(1)}to{transform:rotateY(70deg) scaleY(.9)}}@keyframes wingFlapRight{0%{transform:rotateY(0) scaleY(1)}to{transform:rotateY(-70deg) scaleY(.9)}}@keyframes flyTrajectory{0%{left:-20%;transform:translateY(0) scale(var(--fly-scale))}25%{transform:translateY(calc(-1 * var(--y-amp))) scale(var(--fly-scale))}50%{transform:translateY(0) scale(var(--fly-scale))}75%{transform:translateY(var(--y-amp)) scale(var(--fly-scale))}to{left:120%;transform:translateY(0) scale(var(--fly-scale))}}@keyframes flyBehind{0%,20%{opacity:0}28%,72%{opacity:1}80%,to{opacity:0}}@keyframes flyFront{0%,20%{opacity:1}28%,72%{opacity:0}80%,to{opacity:1}}.dynamic-butterfly{animation:flyTrajectory var(--fly-duration) infinite linear;animation-delay:var(--fly-delay)}.dynamic-butterfly.behind{animation:flyTrajectory var(--fly-duration) infinite linear,flyBehind var(--fly-duration) infinite linear;animation-delay:var(--fly-delay),var(--fly-delay)}.dynamic-butterfly.front{animation:flyTrajectory var(--fly-duration) infinite linear,flyFront var(--fly-duration) infinite linear;animation-delay:var(--fly-delay),var(--fly-delay)}@media (prefers-reduced-motion: reduce){.butterfly-wing-left,.butterfly-wing-right{animation:none!important}.dynamic-butterfly{display:none!important}.lightning-path{animation:none!important;opacity:.3!important}.spark{display:none!important}}.butterfly.reduced-motion{--flap-speed: 0s !important}@keyframes rainbowScroll{0%{background-position:0% 50%}to{background-position:400% 50%}}.custom-profile-page{min-height:100vh;width:100%;position:relative;overflow-x:hidden;overflow-y:auto;font-family:var(--font, "Inter", sans-serif);color:var(--cp-text, #fff);isolation:isolate}.custom-profile-page *{box-sizing:border-box}.cp-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.cp-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100vh;background-size:cover;background-position:center center;background-repeat:no-repeat;filter:blur(var(--bg-blur, 0px)) brightness(var(--bg-brightness, .4));transition:filter .5s;image-rendering:auto;will-change:background-position;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cp-bg-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;filter:blur(var(--bg-blur, 0px)) brightness(var(--bg-brightness, .4));transition:filter .5s;will-change:transform}.cp-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none}.cp-bg-gradient{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,var(--cp-bg, #0a0514),transparent)}.cp-intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(0,0,0,.85);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);transition:all .5s cubic-bezier(.4,0,.2,1)}.cp-intro-overlay.style-retro{background:#000;backdrop-filter:none;-webkit-backdrop-filter:none}.cp-intro-overlay.style-retro .cp-intro-avatar{border-radius:12px;border:4px solid #fff}.cp-intro-overlay.style-ghost{background:rgba(10,5,20,.6);-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px)}.cp-intro-overlay.style-minimal{background:rgba(0,0,0,.95);-webkit-backdrop-filter:none;backdrop-filter:none}.cp-intro-overlay.style-cyber{background:#050208;overflow:hidden}.cp-intro-overlay.style-cyber .cyber-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(124,58,237,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.1) 1px,transparent 1px);background-size:40px 40px;background-position:center;perspective:500px;transform:rotateX(60deg) translateY(-20%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000);mask-image:linear-gradient(to bottom,transparent,#000)}.cp-intro-username.style-cyber{text-transform:uppercase;letter-spacing:4px;animation:cyberGlitch 4s infinite}@keyframes cyberGlitch{0%{text-shadow:2px 0 red,-2px 0 blue}2%{text-shadow:-2px 0 red,2px 0 blue}4%{text-shadow:none}}@keyframes cpRainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes cpLiquid{0%,to{clip-path:polygon(0% 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)}50%{clip-path:polygon(0% 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0% 100%)}}@keyframes cpGlowPulse{0%,to{text-shadow:0 0 10px var(--cp-primary),0 0 20px var(--cp-primary)}50%{text-shadow:0 0 20px var(--cp-primary),0 0 40px var(--cp-primary)}}.cp-intro-overlay.style-luxury{background:radial-gradient(circle at center,#1a1505 0%,#000 100%)}.cp-intro-ring.style-luxury{border-style:double;border-width:4px;box-shadow:0 0 30px #fbbf24}.cp-intro-username.style-luxury{background:linear-gradient(90deg,#d4af37,#f7ef8a,#d4af37)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.cp-username span{display:inline-block;vertical-align:middle}@media (max-width: 600px){.profile-customizer{top:0!important;left:0!important;right:0!important;bottom:64px!important;width:100%!important;height:auto!important;border-radius:0!important;animation:none!important}.mobile-bottom-nav.glass{background:rgba(0,0,0,.9)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1px solid rgba(255,255,255,.1)!important;height:70px!important;padding-bottom:Env(safe-area-inset-bottom)}.mobile-bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;opacity:.6}.mobile-bottom-nav .nav-item.active{opacity:1;color:var(--cp-primary)}}.cp-intro-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.15);box-shadow:0 0 60px #00000080,0 0 100px #7c3aed33;position:relative;z-index:2;margin:0 auto 20px}.cp-avatar-frame{position:relative;padding:var(--frame-offset, 6px);border-radius:var(--cp-radius, 50%);transition:all .4s cubic-bezier(.4,0,.2,1)}.cp-avatar-frame.frame-fire{box-shadow:0 0 20px var(--frame-color, #ff4d00),inset 0 0 15px var(--frame-color, #ff4d00);background:linear-gradient(0deg,var(--frame-color, #ff4d00) 0%,transparent 100%);animation:frameFire 2s ease-in-out infinite alternate}@keyframes frameFire{0%{box-shadow:0 0 20px var(--frame-color);filter:saturate(1)}to{box-shadow:0 0 40px var(--frame-color);filter:saturate(2)}}.cp-avatar-frame.frame-neon{border:var(--frame-thickness, 2px) solid var(--frame-color, #00f3ff);box-shadow:0 0 15px var(--frame-color, #00f3ff),inset 0 0 10px var(--frame-color, #00f3ff)}.cp-avatar-frame.frame-glitch:before,.cp-avatar-frame.frame-glitch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:var(--frame-thickness, 2px) solid var(--frame-color, #ff00ff);opacity:.6}.cp-avatar-frame.frame-glitch:before{animation:frameGlitch1 .3s infinite}.cp-avatar-frame.frame-glitch:after{animation:frameGlitch2 .3s infinite}@keyframes frameGlitch1{0%{transform:translate(2px,2px)}50%{transform:translate(-2px,-2px)}to{transform:translate(2px,2px)}}@keyframes frameGlitch2{0%{transform:translate(-2px,2px)}50%{transform:translate(2px,-2px)}to{transform:translate(-2px,2px)}}.cp-avatar-frame.frame-rotating:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:conic-gradient(from 0deg,transparent,var(--frame-color, #fff),transparent);animation:frameRotate 3s linear infinite;mask:radial-gradient(circle,transparent 65%,black 66%);-webkit-mask:radial-gradient(circle,transparent 65%,black 66%)}@keyframes frameRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cp-intro-avatar img{width:100%;height:100%;object-fit:cover}.cp-intro-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:900;color:#fff}.cp-intro-username{font-size:32px;font-weight:900;color:#fff;text-align:center;margin:0;text-shadow:0 4px 30px rgba(0,0,0,.5);letter-spacing:-.5px}.cp-intro-hint{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:2px;animation:introHintPulse 2s ease-in-out infinite}.cp-intro-hint-icon{font-size:16px;animation:introHintBounce 1.5s ease-in-out infinite}@keyframes introHintPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes introHintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes cpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes cpPulse{0%{transform:scale(1);opacity:1;box-shadow:0 0 #22c55e66}70%{transform:scale(1.1);opacity:.8;box-shadow:0 0 0 10px #22c55e00}to{transform:scale(1);opacity:1;box-shadow:0 0 #22c55e00}}.cp-intro-ring{position:absolute;top:50%;left:50%;width:160px;height:160px;margin-left:-80px;margin-top:-110px;border:2px solid rgba(124,58,237,.3);border-radius:50%;pointer-events:none}.cp-content{position:relative;z-index:2;max-width:720px;margin:0 auto;padding:60px 24px 100px;display:flex;flex-direction:column;align-items:center}.cp-header-banner{width:100%;height:220px;background-size:cover;background-position:center;box-shadow:0 10px 40px #0009;border:1px solid rgba(255,255,255,.06);z-index:1;position:relative;overflow:hidden;transition:all .5s ease}.cp-header-banner.style-floating{max-width:720px;margin:20px auto -30px;border-radius:20px}.cp-header-banner.style-full{width:100%;max-width:100%;position:absolute;top:0;left:0;right:0;border-radius:0;margin-bottom:0;border:none;border-bottom:1px solid rgba(255,255,255,.1)}.cp-header-banner.glow-on{box-shadow:0 0 40px var(--cp-glow),0 0 80px #00000080;border-color:var(--cp-primary);animation:bannerGlowPulse 4s ease-in-out infinite alternate}@keyframes bannerGlowPulse{0%{box-shadow:0 0 30px var(--cp-glow),0 0 60px #00000080}to{box-shadow:0 0 60px var(--cp-glow),0 0 90px #0000004d}}.cp-header-banner-fade{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--cp-bg, #0a0514),transparent);pointer-events:none}.cp-banner-separator{width:100%;max-width:720px;height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);box-shadow:0 0 20px #7c3aed4d;position:relative;z-index:5}.cp-avatar-wrap{position:relative;margin-bottom:20px;z-index:2}.cp-avatar{width:140px;height:140px;border-radius:var(--cp-radius, 50%);object-fit:cover;border:4px solid var(--cp-primary, #7c3aed);transition:transform .4s,box-shadow .4s;animation:cpFloat 6s ease-in-out infinite}.cp-avatar:hover{transform:scale(1.05)}.cp-avatar-placeholder{width:140px;height:140px;border-radius:var(--avatar-radius, 50%);background:var(--cp-primary, #7c3aed);display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:900;color:#fff;border:4px solid rgba(255,255,255,.1)}.cp-status-dot{position:absolute;bottom:8px;right:8px;width:20px;height:20px;border-radius:50%;background:#22c55e;border:3px solid var(--cp-bg, #0a0514);box-shadow:0 0 15px #22c55e99;animation:cpPulse 2s infinite}.cp-status-dot.offline{background:#6b7280;box-shadow:none;animation:none}.cp-username.fx-rainbow span{animation:cpRainbow 4s linear infinite}.cp-username.fx-glow-pulse span{animation:cpGlowPulse 2s ease-in-out infinite}.cp-username.fx-liquid{position:relative;display:inline-block}.cp-username.fx-liquid:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;color:var(--cp-primary);animation:cpLiquid 3s ease-in-out infinite}.cp-username{font-size:36px;font-weight:900;text-align:center;margin-bottom:4px;text-shadow:0 2px 20px rgba(0,0,0,.5);background:var(--cp-title-gradient, linear-gradient(90deg, #fff, rgba(255,255,255,.8)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cp-bio{font-size:15px;color:#fff9;text-align:center;max-width:500px;line-height:1.7;margin-bottom:28px}.cp-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:24px}.cp-badge{padding:4px 14px;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cp-socials{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:36px}.cp-social-btn{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit}.cp-social-btn:hover{transform:translateY(-4px) scale(1.1);background:rgba(255,255,255,.12);box-shadow:0 8px 25px #0006}.cp-socials.style-circles .cp-social-btn{border-radius:50%}.cp-socials.style-ghost .cp-social-btn{background:transparent;border-color:#ffffff1a}.cp-socials.style-ghost .cp-social-btn:hover{background:rgba(255,255,255,.05)}.cp-socials.style-borderless .cp-social-btn{background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.cp-socials.style-borderless .cp-social-btn:hover{background:transparent;transform:scale(1.2)}.cp-socials.style-colored .cp-social-btn:hover{background:currentColor;color:#fff!important}.cp-music-player{width:auto;min-width:280px;max-width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:100px;padding:8px 12px;margin:0 auto 32px;display:flex;align-items:center;gap:12px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0003;cursor:pointer}.cp-music-player:hover{background:rgba(255,255,255,.06);border-color:var(--cp-primary);box-shadow:0 0 25px rgba(var(--cp-primary-rgb, 124, 58, 237),.2);transform:translateY(-2px)}.cp-music-art{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,255,255,.1);box-shadow:0 0 10px #0000004d}.cp-music-info{flex:1;overflow:hidden;white-space:nowrap}.cp-music-title{font-weight:800;color:#fff;display:inline-block}.cp-music-title.marquee{animation:marquee 8s linear infinite;padding-left:100%}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.cp-music-artist{font-size:12px;color:#ffffff80}.cp-music-wave{display:flex;align-items:flex-end;gap:3px;height:24px}.cp-music-wave .bar{width:3px;background:var(--cp-primary, #7c3aed);border-radius:2px;height:4px}.cp-music-player:not(.playing) .cp-music-controls div:last-child{animation:playPulse 2s infinite}@keyframes playPulse{0%{box-shadow:0 0 0 0 rgba(var(--cp-primary-rgb, 124, 58, 237),.4)}70%{box-shadow:0 0 0 10px rgba(var(--cp-primary-rgb, 124, 58, 237),0)}to{box-shadow:0 0 0 0 rgba(var(--cp-primary-rgb, 124, 58, 237),0)}}.playing .cp-music-wave .bar{animation:wave 1s ease-in-out infinite alternate}.cp-music-player.playing .cp-music-wave .bar:nth-child(2){animation-delay:.2s}.cp-music-player.playing .cp-music-wave .bar:nth-child(3){animation-delay:.4s}.cp-music-player.playing .cp-music-wave .bar:nth-child(4){animation-delay:.6s}@keyframes cpWave{0%{height:4px}to{height:20px}}.cp-section{width:100%;background:var(--cp-card, rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24px;padding:28px;margin-bottom:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.cp-section:hover{background:rgba(255,255,255,.07);border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 10px 40px #0006}.cp-section-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--cp-primary, #7c3aed);margin-bottom:20px;display:flex;align-items:center;gap:10px}.cp-section-title:before{content:"";width:4px;height:16px;border-radius:2px;background:var(--cp-primary, #7c3aed)}.cp-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.cp-file-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px;cursor:pointer;transition:all .3s;text-decoration:none;color:inherit;display:block}.cp-file-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.08);box-shadow:0 8px 20px #0000004d}.cp-file-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:10px}.cp-file-size{font-size:11px;color:#fff6;margin-top:2px}.cp-projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cp-project-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s}.cp-project-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.08);border-color:var(--cp-primary, #7c3aed)}.cp-project-name{font-size:16px;font-weight:800;margin-bottom:6px}.cp-project-desc{font-size:13px;color:#ffffff80;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cp-stats{display:flex;gap:32px;justify-content:center;margin-bottom:36px}.cp-stat{text-align:center}.cp-username{font-size:32px;font-weight:950;letter-spacing:-1px;background:var(--cp-title-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;position:relative;z-index:5}.cp-stat-value{font-size:28px;font-weight:900;background:var(--cp-title-gradient, linear-gradient(90deg, var(--cp-primary, #7c3aed), #a78bfa));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cp-stat-label{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:1px;font-weight:700}.customizer-section-v2{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;margin-bottom:20px}.v2-header{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--cp-primary);display:flex;align-items:center;gap:8px;margin-bottom:16px;opacity:.8}.customizer-field-v2{margin-bottom:16px}.customizer-field-v2 label{display:block;font-size:12px;font-weight:600;color:#ffffff80;margin-bottom:8px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.toggle-row span{font-size:13px;font-weight:600}.sub-field{padding:12px;background:rgba(0,0,0,.2);border-radius:12px;margin-top:8px;border-left:2px solid var(--cp-primary)}.range-field{margin-top:12px}.range-field input[type=range]{width:100%;accent-color:var(--cp-primary)}.glass-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 12px;border-radius:10px;font-size:14px;cursor:pointer;transition:all .2s}.glass-btn.active{background:var(--cp-primary);border-color:var(--cp-primary)}.social-links-v2{display:flex;flex-direction:column;gap:10px}.social-pill-v2{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px}.social-pill-v2 input{flex:1;background:none;border:none;color:#fff;font-size:13px}.social-pill-v2 button{background:none;border:none;color:#ef4444;cursor:pointer}.social-selector-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:8px;margin-top:12px}.social-selector-v2 button{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;display:flex;justify-content:center;transition:all .2s}.social-selector-v2 button:hover{transform:scale(1.1);background:rgba(255,255,255,.1)}.cp-header-banner-image,.cp-header-banner-video,.cp-bg-image,.cp-bg-video{width:100%;height:100%;object-fit:cover!important;image-rendering:auto}.cp-bg-video,.cp-header-banner-video{will-change:transform}.cp-views{text-align:center;font-size:12px;color:#ffffff4d;margin-top:60px;display:flex;align-items:center;justify-content:center;gap:6px}.cp-cursor-glow .cp-content{cursor:none}.cp-cursor-blob{position:fixed;width:20px;height:20px;border-radius:50%;background:var(--cp-primary, #7c3aed);mix-blend-mode:screen;pointer-events:none;z-index:9999;transition:transform .15s;filter:blur(8px);opacity:.6}.cp-footer{text-align:center;padding:24px;font-size:11px;color:#fff3;letter-spacing:1px}.cp-footer a{color:var(--cp-primary, #7c3aed);text-decoration:none}@media (max-width: 600px){.cp-content{padding:40px 16px 80px}.cp-avatar,.cp-avatar-placeholder{width:100px;height:100px;font-size:40px}.cp-username{font-size:28px}.cp-projects-grid{grid-template-columns:1fr}.cp-stats{gap:20px}.cp-stat-value{font-size:22px}.cp-music-player{max-width:100%}}.customizer-layout{display:grid;grid-template-columns:320px 1fr;height:100%;overflow:hidden}.customizer-sidebar{background:rgba(0,0,0,.3);border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;padding:24px}.customizer-preview{background:rgba(0,0,0,.1);overflow-y:auto;position:relative}.customizer-section{margin-bottom:28px}.customizer-section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--primary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.customizer-field{margin-bottom:16px}.customizer-field label{display:block;font-size:12px;font-weight:700;color:#fff9;margin-bottom:6px}.customizer-field input[type=text],.customizer-field input[type=url],.customizer-field textarea{width:100%;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;color:#fff;font-size:13px;outline:none;transition:border-color .2s}.customizer-field input:focus,.customizer-field textarea:focus{border-color:var(--primary)}.customizer-field input[type=color]{width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;background:transparent}.customizer-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:20px;background:rgba(0,0,0,.2);border-radius:12px;padding:4px}.customizer-tab{flex:1;padding:8px;text-align:center;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;border-radius:10px;cursor:pointer;color:#ffffff80;transition:all .2s;border:none;background:none}.customizer-tab.active{background:var(--primary);color:#fff}.customizer-social-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}.customizer-social-row .icon-preview{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;flex-shrink:0}.customizer-social-row input{flex:1;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px;color:#fff;font-size:12px;outline:none}.cp-toggle{width:44px;height:24px;background:rgba(255,255,255,.1);border-radius:12px;padding:3px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.cp-toggle.active{background:var(--primary, #7c3aed)}.cp-toggle-knob{width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000004d}.cp-toggle.active .cp-toggle-knob{transform:translate(20px)}.cp-avatar-wrap.glow-on .cp-avatar,.cp-avatar-wrap.glow-on .cp-avatar-placeholder{box-shadow:0 0 20px var(--cp-glow, var(--cp-primary, #7c3aed)),0 0 40px color-mix(in srgb,var(--cp-glow, var(--cp-primary, #7c3aed)) 50%,transparent),0 0 80px color-mix(in srgb,var(--cp-glow, var(--cp-primary, #7c3aed)) 25%,transparent);animation:avatarPulse 3s ease-in-out infinite}@keyframes avatarPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.customizer-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.customizer-btn{flex:1;padding:12px;border-radius:12px;border:none;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s}.customizer-btn.primary{background:var(--primary);color:#fff}.customizer-btn.primary:hover{filter:brightness(1.2);transform:translateY(-1px)}.customizer-btn.secondary{background:rgba(255,255,255,.06);color:#ffffffb3}.customizer-btn.secondary:hover{background:rgba(255,255,255,.1)}@media (max-width: 768px){.customizer-layout{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.cp-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100vh}.cp-bg-matrix{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#000;background-image:radial-gradient(#0f0 1px,transparent 1px);background-size:20px 20px;opacity:.2}.cp-bg-aurora{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#0f172a,#312e81,#064e3b,#0f172a);background-size:400% 400%;animation:auroraAnim 15s ease infinite;will-change:background-position}@keyframes auroraAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cp-bg-stars{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#000;background-image:radial-gradient(white 1px,transparent 1px);background-size:50px 50px;background-position:0 0;animation:starsAnim 20s linear infinite;will-change:background-position}.cp-username{position:relative;transition:all .3s ease}.cp-username.anim-lightningWrap{text-shadow:0 0 10px var(--cp-primary),0 0 20px var(--cp-primary)}.cp-username.anim-lightningWrap:before,.cp-username.anim-lightningWrap:after{content:"";position:absolute;top:-10px;right:-20px;bottom:-10px;left:-20px;border:2px solid var(--cp-primary);border-radius:8px;opacity:0;pointer-events:none;filter:blur(2px)}.cp-username.anim-lightningWrap:before{animation:lightningWrap 2s linear infinite;clip-path:inset(0 0 95% 0)}.cp-username.anim-lightningWrap:after{animation:lightningWrap 2s linear infinite -1s;clip-path:inset(95% 0 0 0)}@keyframes lightningWrap{0%{clip-path:inset(0 0 95% 0);opacity:.8;filter:hue-rotate(0deg)}25%{clip-path:inset(0 95% 0 0);opacity:1}50%{clip-path:inset(95% 0 0 0);opacity:.8;filter:hue-rotate(90deg)}75%{clip-path:inset(0 0 0 95%);opacity:1}to{clip-path:inset(0 0 95% 0);opacity:.8;filter:hue-rotate(0deg)}}@keyframes glitchMain{0%,to{transform:none;filter:none}92%{transform:skew(1deg);filter:contrast(1.2)}94%{transform:skew(-2deg) scale(1.01);filter:hue-rotate(90deg)}96%{transform:skew(3deg);filter:invert(.1)}}@keyframes glitchAnim{0%{clip:rect(10px,9999px,20px,0)}to{clip:rect(80px,9999px,100px,0)}}@keyframes glitchAnim2{0%{clip:rect(30px,9999px,40px,0)}to{clip:rect(60px,9999px,80px,0)}}.cp-username.anim-neonGlow{animation:neonPulse 1.5s ease-in-out infinite alternate}@keyframes neonPulse{0%{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px var(--cp-primary),0 0 20px var(--cp-primary),0 0 35px var(--cp-primary)}to{text-shadow:0 0 2px #fff,0 0 5px #fff,0 0 10px var(--cp-primary),0 0 15px var(--cp-primary),0 0 20px var(--cp-primary)}}.cp-username.anim-matrix{color:#0f0!important;text-shadow:0 0 8px #0f0;font-family:VT323,monospace!important;letter-spacing:2px;position:relative}.cp-username.anim-matrix:after{content:"010110101";position:absolute;top:100%;left:0;width:100%;font-size:10px;opacity:.5;animation:matrixDrop 2s linear infinite;white-space:nowrap;overflow:hidden}@keyframes matrixDrop{0%{transform:translateY(-20px);opacity:0}50%{opacity:.5}to{transform:translateY(20px);opacity:0}}.cp-username.anim-particleTrail{text-shadow:4px 4px 0px rgba(255,255,255,.1),-4px -4px 0px rgba(255,255,255,.1);animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(1deg)}}.cp-username.anim-particleTrail:before{content:"✦";position:absolute;font-size:10px;color:var(--cp-primary);animation:sparkle 2s infinite;left:-20px;top:0}.cp-username.anim-particleTrail:after{content:"✦";position:absolute;font-size:10px;color:var(--cp-primary);animation:sparkle 2s infinite 1s;right:-20px;bottom:0}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.cp-username.fx-lightning{position:relative;z-index:1}.cp-username.fx-lightning:before,.cp-username.fx-lightning:after{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;pointer-events:none;background:linear-gradient(45deg,transparent 45%,#fff 50%,transparent 55%),linear-gradient(-45deg,transparent 45%,var(--cp-primary) 50%,transparent 55%);background-size:200% 200%;animation:arcFlash .5s steps(2) infinite;filter:blur(1px) drop-shadow(0 0 15px var(--cp-primary));opacity:0}.cp-username.fx-lightning:after{animation-delay:.2s;animation-duration:.7s;filter:blur(2px) drop-shadow(0 0 20px #fff)}@keyframes arcFlash{0%{opacity:0;transform:scale(1) rotate(0);background-position:0 0}10%{opacity:1;transform:scale(1.1) rotate(5deg);background-position:100% 100%}20%{opacity:0}to{opacity:0}}.cp-username.fx-water span{background:linear-gradient(to bottom,#fff 30%,#4facfe 40%,#00f2fe 50%,#4facfe 60%,#fff 70%)!important;background-size:100% 300%!important;-webkit-background-clip:text!important;background-clip:text!important;animation:liquidFlow 4s linear infinite}@keyframes liquidFlow{0%{background-position:0 0%}to{background-position:0 300%}}.cp-username.fx-water:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid rgba(79,172,254,.4);animation:waterRipple 4s ease-out infinite;z-index:-1}@keyframes waterRipple{0%{transform:scale(.8,.4);opacity:0}50%{opacity:1}to{transform:scale(1.3,.7);opacity:0}}.cp-username.fx-orbit:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 15px 4px var(--cp-primary);animation:orbitPath 3s linear infinite;z-index:2;margin-left:-4px;margin-top:-4px}@keyframes orbitPath{0%{transform:rotate(0) translate(80px) rotate(0) scale(1.2);opacity:1;z-index:2}50%{transform:rotate(180deg) translate(80px) rotate(-180deg) scale(.6);opacity:.5;z-index:-1}to{transform:rotate(360deg) translate(80px) rotate(-360deg) scale(1.2);opacity:1;z-index:2}}.cp-username.fx-ghosts:after{content:"👻";position:absolute;font-size:12px;animation:ghostRise 5s linear infinite;opacity:0}@keyframes ghostRise{0%{transform:translate(0) scale(.5);opacity:0}20%{opacity:.6}80%{opacity:.6}to{transform:translate(20px,-50px) scale(1.2);opacity:0}}.cp-username.fx-hearts:before{content:"💖";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;animation:heartBloom 2s ease-out infinite;z-index:-1;opacity:0}@keyframes heartBloom{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{opacity:.3}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.cp-username.fx-butterflies:before,.cp-username.fx-butterflies:after{content:"🦋";position:absolute;font-size:14px;animation:flyAround 4s ease-in-out infinite;filter:drop-shadow(0 0 5px var(--cp-primary))}.cp-username.fx-butterflies:before{left:-30px;top:-10px;animation-delay:0s}.cp-username.fx-butterflies:after{right:-30px;bottom:-10px;animation-delay:2s}@keyframes flyAround{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(5px,-10px) rotate(15deg)}50%{transform:translate(-5px,5px) rotate(-10deg)}75%{transform:translate(10px,-5px) rotate(5deg)}}.cp-username.fx-fire{color:#ff4d00!important;text-shadow:0 0 10px #ff4d00,0 -5px 15px #ffae00,0 -10px 20px #ff0000;animation:flicker .1s infinite}@keyframes flicker{0%,to{opacity:1;transform:skew(0)}50%{opacity:.95;transform:skew(.5deg)}}.cp-username.fx-hearts:before,.cp-username.fx-hearts:after{content:"❤️";position:absolute;font-size:12px;animation:heartFloat 3s ease-in-out infinite}.cp-username.fx-hearts:before{left:-25px;bottom:0;animation-delay:.5s}.cp-username.fx-hearts:after{right:-25px;top:0;animation-delay:1.5s}@keyframes heartFloat{0%{transform:translateY(0) scale(1);opacity:0}50%{opacity:1}to{transform:translateY(-30px) scale(1.5);opacity:0}}@keyframes starsAnim{0%{background-position:0 0}to{background-position:-500px 500px}}.cp-fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.cp-fx-snow{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(white 2px,transparent 2px),radial-gradient(white 1px,transparent 1px);background-size:100px 100px,50px 50px;animation:snowAnim 10s linear infinite;opacity:.5}@keyframes snowAnim{0%{background-position:0 0,0 0}to{background-position:100px 100px,50px 200px}}.cp-fx-rain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to bottom,transparent,rgba(255,255,255,.5));background-size:2px 100px;animation:rainAnim .5s linear infinite}@keyframes rainAnim{0%{background-position:0 0}to{background-position:20px 200px}}.cp-cursor-glow .cp-content,.cp-cursor-trail .cp-content{cursor:none}.cp-cursor-blob.trail{width:12px;height:12px;filter:blur(4px);transition:left .1s linear,top .1s linear}.border-glow .cp-avatar{border:2px solid transparent;box-shadow:0 0 20px var(--cp-primary),inset 0 0 20px var(--cp-primary)}.border-rotating{position:relative}.border-rotating .cp-avatar{border:4px solid transparent}.border-rotating .avatar-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:conic-gradient(from 0deg,transparent,var(--ring-color, #fff),transparent);animation:spin 3s linear infinite;z-index:-1}.border-rotating .avatar-ring:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:var(--cp-bg);border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes btn-spin{to{transform:rotate(360deg)}}.upload-badge{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;background:var(--cp-primary, #7c3aed);border:2px solid #0a0514;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #00000080;z-index:5}.upload-badge:hover{transform:scale(1.15) rotate(15deg);background:#db2777}.docs-v2{display:flex;flex-direction:column;gap:12px;padding:16px;background:rgba(255,255,255,.02);border-radius:16px;border:1px solid rgba(255,255,255,.05)}.doc-item h6{font-size:11px;color:var(--cp-primary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.doc-item code{display:inline-block;background:rgba(0,0,0,.3);padding:4px 8px;border-radius:6px;font-size:11px;color:#a78bfa;margin-right:4px;margin-bottom:4px;border:1px solid rgba(255,255,255,.04)}.doc-item p{font-size:12px;line-height:1.5;color:#ffffff80}.cp-status-badge{background:rgba(255,255,255,.08);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.1)}.cp-pronouns{background:rgba(255,255,255,.04);padding:4px 8px;border-radius:8px;font-size:11px;color:#fff9;text-transform:lowercase}.anim-fade{animation:fadeIn 1s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-slideUp{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anim-typewriter{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;animation:typing 2.5s steps(25,end) forwards;width:fit-content;margin:0 auto}.anim-typewriter:after{content:"";position:absolute;right:0;top:5%;height:90%;width:2px;background:var(--cp-primary);animation:blink .7s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.anim-glitch{position:relative;display:inline-block;animation:glitchMain 3s infinite}.anim-glitch:before,.anim-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none}.anim-glitch:before{left:2px;text-shadow:-1px 0 #ff00c1;animation:glitch-anim-1 2s infinite linear alternate-reverse}.anim-glitch:after{left:-2px;text-shadow:-1px 0 #00fff9;animation:glitch-anim-2 3s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0)}20%{clip-path:inset(60% 0 10% 0)}40%{clip-path:inset(40% 0 50% 0)}60%{clip-path:inset(80% 0 5% 0)}80%{clip-path:inset(10% 0 70% 0)}to{clip-path:inset(30% 0 20% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60% 0)}20%{clip-path:inset(30% 0 20% 0)}40%{clip-path:inset(70% 0 10% 0)}60%{clip-path:inset(20% 0 50% 0)}80%{clip-path:inset(50% 0 30% 0)}to{clip-path:inset(5% 0 80% 0)}}.anim-neonGlow{animation:neonPulse 1.5s ease-in-out infinite alternate}@keyframes neonPulse{0%{text-shadow:0 0 5px var(--cp-primary),0 0 10px var(--cp-primary),0 0 20px var(--cp-primary)}to{text-shadow:0 0 10px var(--cp-primary),0 0 20px var(--cp-primary),0 0 40px var(--cp-primary)}}.anim-matrix{color:#0f0!important;text-shadow:0 0 8px #0f0;font-family:Fira Code,monospace!important;animation:matrixReveal 2s steps(30,end) forwards}@keyframes matrixReveal{0%{opacity:0;filter:blur(4px);letter-spacing:-10px}to{opacity:1;filter:blur(0);letter-spacing:normal}}.anim-lightningWrap{position:relative;display:inline-block}.anim-lightningWrap:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:8px;box-shadow:0 0 10px var(--cp-primary);opacity:0;animation:lightningStrike 3s infinite}@keyframes lightningStrike{0%,90%,to{opacity:0;transform:scale(1)}92%{opacity:1;transform:scale(1.05)}94%{opacity:0}96%{opacity:1;transform:scale(1.1)}}.anim-particleTrail{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px);text-shadow:0 10px 20px rgba(0,0,0,.5)}}@media (max-width: 800px){.customizer-layout .customizer-panel{width:100%!important;border-right:none!important}.customizer-layout .preview-panel,.customizer-layout.show-preview-mobile .customizer-panel{display:none!important}.customizer-layout.show-preview-mobile .preview-panel{display:block!important;width:100%!important}.customizer-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.customizer-tabs::-webkit-scrollbar{display:none}}:root{--primary: #8b5cf6;--primary-hover: #a78bfa;--primary-glow: rgba(139, 92, 246, .6);--primary-gradient: linear-gradient(135deg, #8b5cf6, #d946ef, #8b5cf6);--glow-intense: 0 0 20px rgba(139, 92, 246, .4), 0 0 40px rgba(139, 92, 246, .2);--bg: #030014;--bg-card: rgba(10, 5, 20, .7);--bg-surface: rgba(255, 255, 255, .03);--bg-input: rgba(255, 255, 255, .02);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--border-accent: rgba(139, 92, 246, .3);--text: #ffffff;--text-dim: #94a3b8;--text-muted: #64748b;--glass-blur: blur(20px);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 32px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif;letter-spacing:-.015em}body{font-family:Outfit,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-md)}.glass-interactive{transition:var(--transition-fast)}.glass-interactive:hover{background:rgba(255,255,255,.05);border-color:var(--border-hover);box-shadow:0 8px 32px #0006}.accent-glow{box-shadow:0 0 20px var(--primary-glow)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,rgba(255,255,255,.06) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:4px}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;background:rgba(255,255,255,.2);border-radius:50%;transform:scale(0);opacity:0;pointer-events:none}.ripple-effect:active:after{animation:ripple .6s ease-out}.submit-btn{width:100%;padding:16px;border-radius:16px;background:var(--primary-gradient);color:#fff;border:none;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:.3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px var(--primary-glow);display:flex;align-items:center;justify-content:center;gap:10px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow);background-position:right center;filter:brightness(1.1)}.submit-btn:active{transform:scale(.98)}.app-root{position:relative;min-height:100vh;min-height:100dvh;z-index:1}.app-layout{display:grid;grid-template-rows:auto 1fr;height:100vh;height:100dvh}.app-header{padding:12px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);z-index:100;gap:12px}.header-left{display:flex;align-items:center;gap:24px;min-width:0}.header-nav{display:flex;gap:8px}.header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-icon-btn{padding:8px;border-radius:10px;cursor:pointer;position:relative}.notification-badge-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 8px var(--primary-glow)}.notifications-header{padding:4px 8px 12px;border-bottom:1px solid var(--border);margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.clear-all-btn{font-size:10px;color:var(--primary);cursor:pointer;font-weight:700}.header-user-btn{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;border-radius:24px;cursor:pointer}.header-user-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;overflow:hidden;flex-shrink:0}.header-user-info{display:flex;flex-direction:column;align-items:flex-start}.header-user-name{font-size:13px;font-weight:600}.app-main{overflow-y:auto;padding:24px}.logo{font-size:28px;font-weight:900;letter-spacing:-1.5px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;text-transform:uppercase;flex-shrink:0}.mobile-only{display:none}.desktop-only{display:flex}.mobile-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;padding:8px;z-index:200}.hamburger{width:22px;height:16px;position:relative}.hamburger span{display:block;position:absolute;height:2px;width:100%;background:#fff;border-radius:2px;transition:.3s cubic-bezier(.4,0,.2,1)}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:7px}.hamburger span:nth-child(3){top:14px}.hamburger.open span:nth-child(1){top:7px;transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){top:7px;transform:rotate(-45deg)}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);z-index:500}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;z-index:600;display:flex;flex-direction:column;padding:0;border-radius:20px 0 0 20px;background:rgba(10,5,20,.95)!important;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-right:none}.mobile-drawer-header{display:flex;align-items:center;gap:12px;padding:24px 20px;border-bottom:1px solid var(--border)}.mobile-close-btn{margin-left:auto;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px}.mobile-drawer-nav{flex:1;display:flex;flex-direction:column;gap:4px;padding:16px 12px;overflow-y:auto}.mobile-drawer-footer{padding:16px 12px;border-top:1px solid var(--border)}.dashboard-container{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:24px;height:100%;overflow:hidden}.sidebar{display:flex;flex-direction:column;gap:32px;padding:32px 20px}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-dim);text-decoration:none;font-weight:500;transition:var(--transition-fast);background:transparent;border:none;cursor:pointer;font-size:15px}.nav-item:hover{color:var(--text);background:var(--bg-surface);transform:translate(4px)}.nav-item.active{color:#fff;background:var(--primary);box-shadow:0 4px 12px var(--primary-glow)}.content-area{overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.file-card{padding:24px;display:flex;flex-direction:column;gap:16px;position:relative;animation:cardIn .4s ease-out}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.file-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--border-accent);box-shadow:0 20px 40px #0006,0 0 20px var(--primary-glow)}.ide-layout{display:grid;grid-template-rows:auto 1fr auto;height:100vh;background:#020108}.ide-topbar{padding:12px 20px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--border)}.ide-tabs{display:flex;gap:4px;overflow-x:auto}.ide-tab{padding:8px 16px;border-radius:8px 8px 0 0;background:var(--bg-surface);border:1px solid var(--border);border-bottom:none;font-size:13px;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition-fast)}.ide-tab.active{background:rgba(139,92,246,.1);color:#fff;border-color:var(--border-accent)}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.breadcrumb-item{display:flex;align-items:center;gap:8px}.breadcrumb-item:after{content:"/";opacity:.3}.breadcrumb-item:last-child:after{content:none}.breadcrumb-item.active{color:var(--text);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{width:90%;max-width:500px;padding:32px;animation:modalIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.context-menu{position:fixed;z-index:10000;background:rgba(15,12,25,.7);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px;min-width:200px;box-shadow:0 20px 50px #0009,inset 0 0 0 1px #ffffff0d;animation:contextMenuScale .2s cubic-bezier(.16,1,.3,1);transform-origin:top left}@keyframes contextMenuScale{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:13px;font-weight:600;color:#ffffffe6;border-radius:10px;cursor:pointer;transition:all .2s ease}.context-menu-item:hover{background:var(--primary-gradient);color:#fff;transform:translate(4px)}.context-menu-divider{height:1px;background:rgba(255,255,255,.08);margin:6px 8px}.window-dragging *{-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important}.window-header{-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none}.window-header:active{cursor:grabbing}.desktop-env{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at top right,rgba(139,92,246,.1),transparent),radial-gradient(circle at bottom left,rgba(6,182,212,.1),transparent)}.desktop-icons{position:absolute;top:40px;left:40px;display:flex;flex-direction:column;gap:32px;z-index:1}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;width:80px;transition:transform .2s}.desktop-icon:hover{transform:translateY(-5px)}.desktop-icon .icon-wrapper{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--primary);background:rgba(255,255,255,.05)}.desktop-icon .icon-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.window{display:flex;flex-direction:column;-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.1);background:rgba(10,10,10,.6)}.window.active{background:rgba(15,15,15,.8)}.window-header{height:48px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.03);cursor:move;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.window-title{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:2px;opacity:.6}.window-controls{display:flex;gap:10px}.win-btn{width:14px;height:14px;border-radius:50%;border:none;cursor:pointer}.win-btn.close{background:#ef4444}.win-btn.min{background:#fbbf24}.win-btn.close:hover{background:#ff6b6b}.window-body{flex:1;overflow:auto}.taskbar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);height:64px;padding:0 12px;display:flex;align-items:center;gap:12px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);z-index:9999}.start-btn{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-mini{width:100%;height:100%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-weight:900}.taskbar-items{display:flex;gap:8px}.task-item{height:44px;padding:0 16px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;color:var(--text-dim)}.task-item.active{background:rgba(255,255,255,.1);color:#fff;border:1px solid var(--primary)}.task-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2)}.task-item.active .task-dot{background:var(--primary);box-shadow:0 0 10px var(--primary)}.taskbar-time{padding:0 20px;font-size:13px;font-weight:700;opacity:.6}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:10;background:radial-gradient(circle at center,rgba(139,92,246,.12) 0%,rgba(5,3,10,0) 70%)}.glass-card{width:420px;background:rgba(10,5,25,.75);border:1px solid rgba(255,255,255,.1);border-radius:32px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);padding:40px;box-shadow:0 25px 50px -12px #00000080,var(--glow-intense);position:relative;overflow:visible}.glass-card:before{content:"";position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;background:radial-gradient(circle at center,rgba(139,92,246,.18) 0%,transparent 65%);z-index:-1;pointer-events:none}.input-group{position:relative;margin-bottom:16px;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-dim);pointer-events:none;z-index:2}.input-group input{width:100%;height:48px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:12px;padding:0 16px 0 44px;color:var(--text);font-size:14px;font-weight:500;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-group input:focus{border-color:var(--primary);background:rgba(255,255,255,.05);box-shadow:0 0 15px var(--primary-glow)}.auth-tabs{margin-bottom:24px;display:flex;justify-content:center}.auth-tabs-inner{display:flex;background:rgba(255,255,255,.03);padding:4px;border-radius:12px;border:1px solid var(--border)}.auth-tab{padding:8px 20px;border-radius:8px;border:none;background:transparent;color:var(--text-dim);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.auth-tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.auth-title{font-size:24px;font-weight:800;margin-bottom:24px;text-align:center;letter-spacing:-.5px}.remember-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;cursor:pointer}.remember-checkbox{width:18px;height:18px;border:2px solid var(--border);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s}.remember-checkbox.checked{background:var(--primary);border-color:var(--primary)}.remember-label{font-size:13px;color:var(--text-dim);font-weight:600}.eye-toggle{position:absolute;right:12px;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:2}.eye-toggle:hover{color:var(--text)}.toast{position:fixed;top:28px;left:50%;transform:translate(-50%);z-index:9999;padding:12px 24px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-accent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 40px #0009}.tooltip{position:absolute;padding:6px 12px;background:#000;border-radius:6px;font-size:12px;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);opacity:0;pointer-events:none;transition:.2s}[data-tooltip]:hover .tooltip{opacity:1;transform:translate(-50%) translateY(-12px)}.notifications-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:320px;max-height:400px;z-index:1000;padding:12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;background:rgba(10,10,15,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.notification-item{padding:12px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid transparent;transition:all .2s;cursor:pointer}.notification-item:hover{background:rgba(255,255,255,.06);border-color:var(--border)}.notification-item.unread{border-left:3px solid var(--primary)}.chat-message{padding:10px 14px;border-radius:14px;max-width:80%;font-size:14px;line-height:1.5;margin-bottom:8px;position:relative}.chat-message.self{align-self:flex-end;background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.chat-message.other{align-self:flex-start;background:rgba(255,255,255,.05);border:1px solid var(--border);color:#fff}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.badge-owner{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.3);box-shadow:0 0 10px #fbbf2433}.badge-custom{background:rgba(255,255,255,.05);border:1px solid var(--border)}.glass::-webkit-scrollbar{width:6px}.glass::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}@media (max-width: 1200px){.dashboard-container{grid-template-columns:220px 1fr;gap:16px;padding:16px}}@media (max-width: 900px){.mobile-only{display:flex}.desktop-only{display:none!important}.app-header{padding:10px 16px}.logo{font-size:22px}.app-main{padding:16px}.dashboard-container{grid-template-columns:1fr;gap:12px;padding:0}.dashboard-container>.sidebar{display:none}.content-area{padding:0}.file-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.file-card{padding:16px}.notifications-dropdown{position:fixed!important;top:60px!important;right:12px!important;left:12px!important;width:auto!important;max-width:none!important}.dashboard-container .sidebar{display:none}.glass-card{width:100%;max-width:100%;padding:24px;border-radius:20px}.profile-grid{grid-template-columns:1fr!important}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{min-width:600px}.modal-card{width:95%;padding:24px}}@media (max-width: 600px){.app-header{padding:8px 12px}.logo{font-size:20px}.app-main{padding:12px}.file-grid{grid-template-columns:1fr}.file-card{padding:14px}.file-card:hover{transform:none}.ide-layout{grid-template-rows:auto 1fr auto}.ide-topbar{padding:8px 12px;gap:12px;flex-wrap:wrap}.ide-tabs{max-width:100%}.toast{left:12px;right:12px;transform:none;text-align:center}.auth-page{padding:12px}.glass-card{padding:20px;border-radius:16px}.glass-card:before{top:-50px;right:-50px;bottom:-50px;left:-50px}.auth-title{font-size:20px}.submit-btn{padding:14px;font-size:13px}.chat-message{max-width:90%;font-size:13px}}@supports (padding: env(safe-area-inset-bottom)){.app-root{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-header{padding-top:max(10px,env(safe-area-inset-top))}.mobile-drawer{padding-bottom:env(safe-area-inset-bottom)}}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media (max-width: 600px){.stats-grid{grid-template-columns:1fr}}.os-notifications{position:fixed;top:40px;right:40px;z-index:99999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.os-toast{pointer-events:auto;width:320px;padding:16px;border-radius:20px;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.1);background:rgba(15,15,15,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0006}.toast-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900}.os-toast.success .toast-icon{color:#10b981;background:rgba(16,185,129,.15)}.os-toast.error .toast-icon{color:#ef4444;background:rgba(239,68,68,.15)}.toast-content{flex:1}.toast-title{font-size:13px;font-weight:800;margin-bottom:2px}.toast-msg{font-size:12px;color:var(--text-dim);line-height:1.4}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px}.taskbar-player{margin-left:auto;margin-right:20px;height:48px;padding:0 12px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.03)!important;border-radius:14px;border:1px solid rgba(255,255,255,.05)}.player-art{width:32px;height:32px;border-radius:8px;box-shadow:0 4px 10px #0000004d}.player-info{width:120px}.player-title{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.player-controls{display:flex;gap:8px}.player-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;opacity:.6;transition:.2s}.player-btn:hover{opacity:1;transform:scale(1.1)}.player-btn.play{color:var(--primary);opacity:1}.player-progress-area{width:80px}.player-progress-bar{height:4px;background:rgba(255,255,255,.05);border-radius:2px;overflow:hidden}.player-progress-fill{height:100%;background:var(--primary-gradient);box-shadow:0 0 10px var(--primary)}.snap-hint-group{display:flex;gap:4px;margin-right:12px}.win-btn.snap{background:rgba(255,255,255,.05);color:var(--text-dim);font-size:8px;font-weight:900;display:flex;align-items:center;justify-content:center}.win-btn.snap:hover{background:var(--primary);color:#fff}.win-btn.max{background:#10b981}.window.snapped{border-radius:0;border:none;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.dynamic-island-wrapper{position:absolute;top:0;left:50%;z-index:10000;pointer-events:none}.dynamic-island{height:44px;background:rgba(0,0,0,.8)!important;border-radius:22px;padding:6px 16px 6px 6px;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 10px 30px #00000080;transition:all .4s cubic-bezier(.4,0,.2,1);min-width:180px;pointer-events:auto}.dynamic-island:hover{transform:scale(1.05);background:rgba(10,10,10,.95)!important}.island-art{width:32px;height:32px;border-radius:50%}.island-info{display:flex;align-items:center;gap:12px}.island-title{font-size:12px;font-weight:700;color:#fff}.island-visualizer{display:flex;align-items:flex-end;gap:2px;height:12px}.v-bar{width:2px;height:4px;background:var(--primary);border-radius:1px}.v-bar.anim{animation:v-pulse .8s ease-in-out infinite alternate}@keyframes v-pulse{0%{height:4px}to{height:12px}}.source-icon,.island-source-dot{width:12px;height:12px;border-radius:50%;background:#666}.source-icon.spotify,.island-source-dot.spotify{background:#1db954;box-shadow:0 0 10px #1db954}.source-icon.soundcloud,.island-source-dot.soundcloud{background:#ff5500;box-shadow:0 0 10px #f50}.source-icon.telegram,.island-source-dot.telegram{background:#0088cc;box-shadow:0 0 10px #08c}.source-icon.system,.island-source-dot.system{background:var(--primary);box-shadow:0 0 10px var(--primary)}.source-indicator{padding-right:4px}.alt-tab-switcher{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:24px;display:flex;gap:16px;z-index:100000;border-radius:32px;background:rgba(10,10,10,.9)!important;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1)}.switcher-item{width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;border-radius:20px;transition:.2s}.switcher-item.active{background:var(--primary-gradient)!important;box-shadow:0 0 30px var(--primary-glow);transform:scale(1.1)}.switcher-icon{font-size:32px;font-weight:900}.switcher-title{font-size:11px;font-weight:800;text-transform:uppercase;opacity:.8}.resizer{position:absolute;z-index:100}.resizer.r{top:0;right:0;width:10px;height:100%;cursor:ew-resize;pointer-events:auto}.resizer.b{bottom:0;left:0;width:100%;height:10px;cursor:ns-resize;pointer-events:auto}.resizer.rb{bottom:0;right:0;width:24px;height:24px;cursor:nwse-resize;pointer-events:auto;background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.1) 50%);border-radius:0 0 24px}.taskbar-left{display:flex;gap:8px;align-items:center}.task-view-btn{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);transition:.3s}.task-view-btn:hover{color:var(--primary);background:rgba(255,255,255,.05)!important}.alt-tab-switcher{border:1px solid rgba(255,255,255,.1);box-shadow:0 50px 100px #000c,0 0 0 1px rgba(var(--primary-rgb),.2)}.terminal-input,.chat-input,.glass input,.glass textarea{transition:all .2s cubic-bezier(.4,0,.2,1);caret-color:var(--primary)}.terminal-input:focus,.chat-input:focus,.glass input:focus{filter:drop-shadow(0 0 8px var(--primary-low));border-color:var(--primary)!important}@keyframes message-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message{animation:message-appear .3s cubic-bezier(.4,0,.2,1) forwards}.monaco-editor .cursor{transition:all .1s!important}@keyframes letter-fade{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.chat-message-text{display:block;animation:letter-fade .5s cubic-bezier(.4,0,.2,1) forwards}.chat-message.self .chat-message-text,.chat-message.other .chat-message-text{animation-delay:.1s}.mobile-nav-bar{position:fixed;bottom:0;left:0;right:0;height:64px;background:rgba(0,0,0,.95)!important;display:flex;align-items:center;justify-content:space-around;z-index:100000;border-radius:0;border-top:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-nav-btn{background:none;border:none;width:64px;height:64px;display:flex;align-items:center;justify-content:center;cursor:pointer}.nav-back-icon{width:14px;height:14px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg);opacity:.7}.nav-home-icon{width:16px;height:16px;border:3px solid #fff;border-radius:4px;opacity:.7}.nav-recent-icon{width:16px;height:16px;border:3px solid #fff;border-radius:50%;opacity:.7}@media (max-width: 600px){.desktop-icons{top:60px;left:20px;display:grid!important;grid-template-columns:repeat(3,1fr);width:calc(100vw - 40px);gap:20px}.desktop-icon{width:auto}.window-header{height:60px;padding:0 16px}.window-body{padding-bottom:80px}.os-notifications{top:20px;right:20px;left:20px}.os-toast{width:100%}.dashboard-container .sidebar{display:none!important}.dashboard-container .content-area{padding-left:0!important;width:100%!important}.taskbar{display:none!important}.desktop-icons{z-index:1}.window.snapped{top:0!important;left:0!important;width:100vw!important;height:calc(100vh - 64px)!important;z-index:10000!important}.window-controls{display:none!important}}@media (min-width: 601px) and (max-width: 1024px){.window{max-width:90vw;max-height:85vh}.taskbar{bottom:10px;height:56px;width:auto;min-width:300px}}.mobile-bottom-nav{position:fixed;bottom:64px;left:0;right:0;height:60px;background:rgba(15,23,42,.8)!important;display:flex;align-items:center;justify-content:space-around;z-index:9999;border-top:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text-dim);font-size:10px;text-transform:uppercase;font-weight:800;transition:all .3s}.mobile-bottom-nav .nav-item.active{color:var(--primary);transform:translateY(-2px)}.mobile-bottom-nav .nav-item svg{width:20px;height:20px}.fab-btn{position:fixed;right:20px;bottom:140px;width:64px;height:64px;border-radius:50%;background:var(--primary-gradient);border:none;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #8b5cf666;z-index:10000;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.fab-btn:active{transform:scale(.9) rotate(90deg)}.mobile-dashboard .content-area{padding-bottom:140px!important}.mobile-dashboard .file-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.island-controls-mini{display:flex;align-items:center;gap:12px;margin-top:4px}.island-controls-mini button{background:rgba(255,255,255,.1);border:none;color:#fff;font-size:14px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.island-controls-mini button:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.island-controls-mini button.play{background:var(--primary);width:32px;height:32px}.island-art-container{position:relative;width:44px;height:44px}.island-wave{position:absolute;bottom:4px;right:4px;display:flex;align-items:flex-end;gap:2px;height:16px;background:rgba(0,0,0,.4);padding:4px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wave-bar{width:3px;background:var(--primary);border-radius:2px}.task-item:hover{box-shadow:0 0 20px var(--primary-glow),0 0 40px #00000080;border-color:var(--primary)}