:root{--bg-primary:#0a0a0c;--bg-secondary:#121216;--accent-primary:#6366f1;--accent-secondary:#a855f7;--accent-glow:#6366f180;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:#121216b3;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #000c;--status-online:#22c55e;--status-idle:#eab308;--status-dnd:#ef4444;--status-offline:#64748b;--font-main:"Outfit", "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}#app{z-index:1;width:100%;max-width:500px;padding:2rem 1rem}#bg-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;width:100%;padding:2rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.content-section{opacity:0;margin-top:2rem;transition:all .5s;transform:translateY(10px)}.content-section.visible{opacity:1;transform:translateY(0)}.modal{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;max-width:400px}.modal-content h3{margin-bottom:.5rem;font-size:1.5rem}.modal-content p{color:var(--text-secondary);margin-bottom:1.5rem}#turnstile-container{justify-content:center;margin-bottom:1.5rem;display:flex}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;padding:.6rem 1.2rem;font-family:inherit;transition:all .2s}.btn-secondary:hover{color:var(--text-primary);background:#ffffff0d}.profile-main{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.avatar-wrapper{width:120px;height:120px;position:relative}.avatar{object-fit:cover;border:3px solid var(--glass-border);border-radius:50%;width:100%;height:100%}.status-badge{border:4px solid var(--bg-secondary);border-radius:50%;width:24px;height:24px;position:absolute;bottom:5px;right:5px}.status-online{background-color:var(--status-online);box-shadow:0 0 12px var(--status-online)}.status-idle{background-color:var(--status-idle)}.status-dnd{background-color:var(--status-dnd)}.status-offline{background-color:var(--status-offline)}.user-info{text-align:center}.user-info h1{letter-spacing:-.02em;font-size:2rem;font-weight:800}.user-info .tag{color:var(--text-secondary);font-size:1.1rem}.bio-card{border:1px solid var(--glass-border);background:#ffffff08;border-radius:16px;padding:1.2rem;line-height:1.6}.spotify-card{background:#1ed7601a;border:1px solid #1ed76033;border-radius:16px;padding:1.2rem}.spotify-header{color:#1db954;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:flex}.spotify-body{align-items:center;gap:1rem;display:flex}.album-art{border-radius:12px;width:64px;height:64px;box-shadow:0 4px 12px #0000004d}.song-title{font-size:1.1rem;font-weight:600}.song-artist{color:var(--text-secondary);font-size:.9rem}.progress-container{background:#ffffff1a;border-radius:3px;height:6px;margin-top:1rem;overflow:hidden}.progress-bar{background:#1db954;width:0;height:100%;transition:width .1s linear}.activity-card{background:#ffffff08;border-radius:16px;align-items:center;gap:1rem;margin-bottom:.8rem;padding:1rem;display:flex}.activity-icon{color:var(--accent-primary);font-size:1.5rem}.activity-name{font-weight:600}.activity-state{color:var(--text-secondary);font-size:.85rem}.links-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;display:grid}.link-item{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:.8rem;padding:1rem;font-family:inherit;font-weight:600;transition:all .2s;display:flex}.link-item:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-2px)}.link-item i{font-size:1.2rem}@media (width<=400px){.links-grid{grid-template-columns:1fr}}#stats-footer{margin-top:2.5rem}.stats-card{border:1px solid var(--glass-border);background:#0006;border-radius:12px;padding:1rem;font-family:Consolas,Monaco,monospace;font-size:.85rem}.stats-header{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:.8rem;font-weight:600;display:flex}.stat-item{justify-content:space-between;margin-bottom:.4rem;display:flex}.stat-item .label{color:var(--text-secondary)}.stat-item .value{color:var(--text-primary);font-weight:600}.avatar-wrapper{cursor:pointer;transition:transform .2s}.avatar-wrapper:active{transform:scale(.95)}