:root{--aura-primary: #9333ea;--aura-secondary: #ffffff;--aura-accent: #d8b4fe;--aura-color: #9333ea;--aura-color-rgb: 147, 51, 234;--aura-glow: rgba(147, 51, 234, .45);--aura-bg-card: rgba(14, 14, 18, .78);--card-radius: 28px}.profile-page-wrap{max-width:980px;margin:2rem auto 5rem;padding:0 1.25rem;position:relative;z-index:1}.aura-profile-card{background:var(--aura-bg-card);border:1px solid rgba(168,85,247,.25);border-radius:var(--card-radius);padding:2.4rem 2.4rem 2rem;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 30px 70px #000c,0 0 35px #a855f740,inset 0 1px #ffffff14;position:relative;overflow:visible;transition:box-shadow .3s ease,border-color .3s ease;animation:auraCardGlow 4s ease-in-out infinite alternate}@keyframes auraCardGlow{0%{border-color:#a855f740;box-shadow:0 30px 70px #000c,0 0 25px #a855f733}to{border-color:#a855f780;box-shadow:0 30px 70px #000c,0 0 45px #a855f766}}.aura-profile-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--aura-color),transparent);filter:drop-shadow(0 0 8px var(--aura-color))}.profile-banner-strip{width:100%;height:clamp(170px,24vw,240px);border-radius:22px;margin-bottom:2.2rem;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.12);background:#00000073;box-shadow:0 18px 44px #0000008c}.profile-banner-strip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#0a0c12b3);pointer-events:none}.profile-banner-strip img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .5s ease}.banner-edit-btn{position:absolute;top:14px;right:14px;background:#0e111acc;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.45rem .85rem;border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-mono);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;z-index:5;transition:all .2s ease}.banner-edit-btn:hover{background:#0e111af2;border-color:var(--aura-color);box-shadow:0 0 12px var(--aura-glow);transform:translateY(-1px)}.split-container{display:flex;width:100%;gap:2.5rem;align-items:stretch}.split-left{width:44%;display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid rgba(255,255,255,.07);padding-right:2rem;justify-content:flex-start}.split-right{width:56%;display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem}.avatar-wrap{position:relative;width:108px;height:108px;margin:0 auto 1.4rem;display:flex;align-items:center;justify-content:center}.avatar-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--aura-color);border-left-color:transparent;border-right-color:transparent;box-shadow:0 0 25px rgba(var(--aura-color-rgb),.5);animation:spin-ring 8s linear infinite;pointer-events:none}.avatar-ring-2{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:1px dashed rgba(var(--aura-color-rgb),.4);animation:spin-ring 16s linear infinite reverse;pointer-events:none}@keyframes spin-ring{to{transform:rotate(360deg)}}.avatar-deco-overlay{position:absolute;top:-12px;left:-12px;width:calc(100% + 24px);height:calc(100% + 24px);pointer-events:none;z-index:5}.avatar-deco-overlay img{width:100%;height:100%;object-fit:contain;display:block}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;position:relative;z-index:2;border:3px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0009;transition:transform .4s ease}.avatar-online{position:absolute;bottom:4px;right:4px;z-index:6;width:18px;height:18px;border-radius:50%;border:2.5px solid #0e111a;background:#23a55a;box-shadow:0 0 10px #23a55a;transition:all .3s ease}.avatar-online.idle{background:#f0b232;box-shadow:0 0 10px #f0b232}.avatar-online.dnd{background:#f23f43;box-shadow:0 0 10px #f23f43}.avatar-online.offline{background:#80848e;box-shadow:none}.profile-name{font-size:1.85rem;font-weight:800;color:#fff;letter-spacing:-.01em;margin-bottom:.15rem;text-shadow:0 0 20px rgba(var(--aura-color-rgb),.6)}.profile-username{font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);margin-bottom:.85rem}.profile-badges-pill{display:flex;align-items:center;gap:.75rem;justify-content:center;margin-bottom:1.15rem;flex-wrap:wrap}.profile-badge-item{width:28px;height:28px;background:transparent;border:none;display:grid;place-items:center;position:relative;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .2s ease}.profile-badge-item:hover{transform:translateY(-2px) scale(1.18);background:transparent;border:none;box-shadow:none;filter:drop-shadow(0 0 8px var(--badge-color, rgba(255, 255, 255, .85)))}.profile-badge-item img,.profile-badge-item svg{width:25px;height:25px;object-fit:contain;display:block;filter:drop-shadow(0 2px 5px rgba(0,0,0,.6));transition:filter .2s ease}.profile-bio{font-size:.92rem;color:#ffffffd9;line-height:1.6;margin-bottom:1.25rem;padding:.85rem 1.1rem;background:#00000040;border:1px solid rgba(255,255,255,.05);border-left:3px solid var(--aura-color);border-radius:var(--radius-sm);width:100%;text-align:left;box-shadow:0 4px 15px #0000001a}.profile-discord-presence{width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem 1rem;display:flex;align-items:center;gap:.85rem;text-align:left;transition:all .25s ease}.profile-discord-presence:hover{border-color:rgba(var(--aura-color-rgb),.3);background:var(--bg-elevated)}.presence-icon-col{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);display:grid;place-items:center;color:var(--aura-color);flex-shrink:0}.presence-text-col{flex:1;min-width:0}.presence-status-title{font-size:.85rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-status-desc{font-size:.74rem;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.links-list{display:flex;flex-direction:column;gap:.75rem}.link-btn{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.25rem;border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#fff;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffff0a}.link-btn:hover{background:#ffffff0f;border-color:var(--aura-color);transform:translateY(-2px);box-shadow:0 8px 20px #0006,0 0 16px var(--aura-glow)}.link-btn .link-icon{font-size:1.15rem;color:var(--aura-color);display:grid;place-items:center}.link-btn .link-arrow{margin-left:auto;color:var(--aura-color);opacity:.4;transition:transform .25s ease,opacity .25s ease}.link-btn:hover .link-arrow{opacity:1;transform:translate(3px)}.social-links-grid{display:flex;gap:.75rem;flex-wrap:wrap}.social-icon-btn{width:48px;height:48px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;cursor:pointer;transition:all .25s ease;box-shadow:inset 0 1px #ffffff08}.social-icon-btn svg{width:20px;height:20px;fill:currentColor;transition:transform .2s ease}.social-icon-btn:hover{background:#ffffff14;border-color:var(--aura-color);box-shadow:0 0 18px var(--aura-glow);transform:translateY(-3px)}.social-icon-btn:hover svg{transform:scale(1.1)}.social-icon-btn.social-tiktok:hover{border-color:#fe2c55;box-shadow:0 0 16px #fe2c5573}.social-icon-btn.social-osu:hover{border-color:#f6a;box-shadow:0 0 16px #ff66aa80}.social-icon-btn.social-spotify:hover{border-color:#1ed760;box-shadow:0 0 16px #1ed76073}.social-icon-btn.social-discord:hover{border-color:#5865f2;box-shadow:0 0 16px #5865f273}.spotify-embed-widget{width:100%;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0006;border:1px solid rgba(255,255,255,.08)}.spotify-embed-widget iframe{width:100%;height:152px;border:0;display:block;background:transparent}.profile-stats{display:flex;align-items:center;justify-content:space-around;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);width:100%}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-num{font-size:1.15rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:.35rem}.stat-num svg{width:14px;height:14px;color:var(--aura-color)}.stat-label{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin-top:.15rem}.inline-music-player{margin-top:2rem;padding:.9rem 1.35rem;border-radius:16px;background:#ffffff05;border:1px solid rgba(168,85,247,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;gap:1.1rem;width:100%;box-shadow:0 12px 32px #00000080,inset 0 1px #ffffff0d;transition:all .3s ease}.inline-music-player:hover{border-color:#a855f780;box-shadow:0 12px 32px #00000080,0 0 20px #a855f726}.music-cd-wrap{width:48px;height:48px;border-radius:50%;flex-shrink:0;position:relative;padding:2px;box-shadow:0 4px 12px #0009}.music-cd-disk{width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;position:relative;animation:spin-cd 4s linear infinite;animation-play-state:paused;box-shadow:inset 0 0 8px #000000e6}.music-cd-disk:before{content:"";position:absolute;top:36%;left:36%;width:28%;height:28%;background:var(--aura-color);border-radius:50%;box-shadow:0 0 8px var(--aura-glow)}.music-cd-disk:after{content:"";position:absolute;top:44%;left:44%;width:12%;height:12%;background:#000;border-radius:50%}@keyframes spin-cd{to{transform:rotate(360deg)}}.inline-music-player.playing .music-cd-disk{animation-play-state:running}.player-btn{width:38px;height:38px;border-radius:50%;background:#fff;color:#090a0f;display:grid;place-items:center;cursor:pointer;border:none;flex-shrink:0;box-shadow:0 0 14px #ffffff59;transition:all .2s ease}.player-btn:hover{transform:scale(1.08);box-shadow:0 0 20px #fff9}.track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.track-title{font-size:.92rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.track-progress-wrap{width:100%;height:5px;background:#ffffff14;border-radius:var(--radius-full);position:relative;cursor:pointer;overflow:hidden}.track-progress-bar{position:absolute;top:0;left:0;bottom:0;background:var(--aura-color);box-shadow:0 0 8px var(--aura-glow);border-radius:var(--radius-full);width:0%;transition:width .1s linear}.player-time{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);flex-shrink:0}.eq-container{display:flex;align-items:flex-end;gap:3px;height:16px;width:18px;flex-shrink:0}.eq-bar{width:3px;height:4px;background:var(--text-muted);border-radius:2px;transition:height .15s ease,background .2s ease}.inline-music-player.playing .eq-bar{background:var(--aura-color);animation:bounce-eq 1.1s ease-in-out infinite alternate}.inline-music-player.playing .eq-bar:nth-child(1){height:40%;animation-delay:.1s}.inline-music-player.playing .eq-bar:nth-child(2){height:95%;animation-delay:.3s}.inline-music-player.playing .eq-bar:nth-child(3){height:60%;animation-delay:.18s}.inline-music-player.playing .eq-bar:nth-child(4){height:100%;animation-delay:.45s}.player-vol-container{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.vol-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:grid;place-items:center;padding:0;transition:color .2s ease}.vol-btn:hover{color:#fff}.inline-volume-slider{width:55px;height:4px;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;outline:none;cursor:pointer}.inline-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 4px #00000080;transition:background .2s ease}.inline-volume-slider::-webkit-slider-thumb:hover{background:var(--aura-color)}#toastContainer{position:fixed;bottom:28px;right:28px;z-index:99999;pointer-events:none}.toast-msg{background:#0e111af2;border:1px solid var(--aura-color);box-shadow:0 10px 30px #0009,0 0 16px var(--aura-glow);color:#fff;padding:.75rem 1.25rem;border-radius:12px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.6rem;animation:toastSlideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.edit-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:1.5rem}.edit-modal.active{display:flex}.edit-modal-card{background:#0e111a;border:1px solid var(--border-card);border-radius:var(--radius-lg);width:100%;max-width:520px;padding:2rem;box-shadow:0 24px 60px #000c;position:relative}.edit-modal-title{font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.edit-field{margin-bottom:1.2rem}.edit-field label{display:block;font-size:.78rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;margin-bottom:.4rem}.edit-field input,.edit-field textarea{width:100%;background:#0006;border:1px solid var(--border-card);padding:.65rem .9rem;border-radius:var(--radius-sm);color:#fff;font-family:inherit;font-size:.88rem;outline:none;transition:border-color .2s}.edit-field input:focus,.edit-field textarea:focus{border-color:var(--aura-color)}.edit-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:1.5rem}.btn-secondary{padding:.6rem 1.1rem;background:#ffffff14;color:#fff;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer}.btn-primary{padding:.6rem 1.25rem;background:var(--aura-color);color:#fff;font-weight:700;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;box-shadow:0 0 12px var(--aura-glow)}@media (max-width: 820px){.split-container{flex-direction:column;gap:2rem}.split-left{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.07);padding-right:0;padding-bottom:2rem}.split-right{width:100%}.aura-profile-card{padding:1.5rem}.inline-music-player{flex-wrap:wrap;gap:.75rem}}
