:root{--bg-start: #1a0a2e;--bg-end: #2d1b1b;--card-bg: rgba(20, 10, 30, .78);--card-border: rgba(255, 255, 255, .08);--text-main: #ffffff;--text-muted: #9ca3af;--text-hover: #d1d5db;--discord-color: #5865F2;--status-online: #22c55e;--status-idle: #f59e0b;--status-dnd: #ef4444;--status-offline: #6b7280;--btn-join: #22c55e;--btn-join-hover: #16a34a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;background:linear-gradient(135deg,var(--bg-start),var(--bg-end));color:var(--text-main);min-height:100vh;display:grid;place-items:center;overflow:hidden;position:relative}.blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.blob-1{top:-100px;right:-100px;width:400px;height:400px;background-color:#c8651b;opacity:.18}.blob-2{bottom:-150px;left:-150px;width:500px;height:500px;background-color:#4a1d96;opacity:.22}#app{position:relative;z-index:1;width:90%;max-width:760px}.main-card{background:var(--card-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--card-border);border-radius:22px;padding:28px;box-shadow:0 8px 40px #0000008c,inset 0 1px #ffffff0f;display:flex;flex-direction:column;gap:24px}.profile-header{display:flex;align-items:center;gap:18px}.avatar{width:90px;height:90px;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 0 4px #8b5cf640;object-fit:cover;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:4px}.username-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.username{font-size:26px;font-weight:700;letter-spacing:-.02em}.badges-container{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:6px 12px;box-shadow:0 0 15px #ffffff0d;transition:all .3s ease}.badges-container:hover{background:#ffffff14;box-shadow:0 0 20px #ffffff1a}.badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;position:relative;cursor:help;transition:transform .2s ease}.badge:hover{transform:translateY(-2px) scale(1.1)}.badge svg{width:100%;height:100%;filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(255,255,255,.6));transition:filter .2s ease}.badge:hover svg{filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,1))}.badge:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#000000d9;color:#fff;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.badge:hover:after{opacity:1;transform:translate(-50%) translateY(-4px)}.discord-link{color:var(--text-muted);font-size:13px;text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center}.discord-link:after{content:"|";margin-left:2px;opacity:1;animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.discord-link:hover{color:var(--text-hover);opacity:1}.two-card-row{display:flex;gap:14px}.sub-card{flex:1;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 16px;transition:all .3s ease;display:flex;align-items:center;gap:12px;position:relative}.sub-card:hover{background:#ffffff12;transform:translateY(-4px);box-shadow:0 8px 24px #0003}.lanyard-avatar-container{position:relative;width:52px;height:52px;background:var(--discord-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lanyard-avatar-container svg{width:28px;height:28px;color:#fff}.status-dot{position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:50%;border:2px solid rgba(20,10,30,.9);background:var(--status-offline);animation:pulse 2s infinite;transition:background-color .3s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.lanyard-info{display:flex;flex-direction:column;gap:2px}.lanyard-name{font-size:14px;font-weight:600}.lanyard-activity{font-size:12px;color:var(--text-muted);transition:opacity .3s ease}.server-invite-badge{position:absolute;top:14px;right:16px;display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:11px}.server-invite-badge svg{width:12px;height:12px}.server-icon{width:56px;height:56px;border-radius:12px;background:#ffffff14;display:flex;align-items:center;justify-content:center;flex-shrink:0}.server-icon svg{width:28px;height:28px;color:#ffffff4d}.server-info{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.server-name{font-size:15px;font-weight:600}.btn-join{background:var(--btn-join);color:#fff;border:none;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-join:hover{background:var(--btn-join-hover)}.social-row{display:flex;justify-content:center;gap:10px}.social-btn{width:44px;height:44px;border-radius:50%;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;text-decoration:none}.social-btn svg{width:20px;height:20px}.social-btn:hover{background:#ffffff21;box-shadow:0 0 12px #8b5cf64d;transform:translateY(-2px)}.player-card{background:#ffffff0b;border-radius:16px;padding:14px 18px;display:flex;flex-direction:column;gap:10px;transition:all .3s ease}.player-card:hover{background:#ffffff0f;transform:translateY(-4px);box-shadow:0 8px 24px #0003}.player-top{display:flex;align-items:center;gap:12px}.album-art{width:52px;height:52px;border-radius:10px;background:#ffffff14;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.album-art img{width:100%;height:100%;object-fit:cover}.album-art svg{width:24px;height:24px;color:#fff;opacity:.4}.song-info{display:flex;flex-direction:column;gap:2px}.song-title{font-size:14px;font-weight:600}.song-artist{font-size:12px;color:var(--text-muted)}.player-controls{margin-left:auto;display:flex;align-items:center;gap:16px}.control-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .2s ease;opacity:.8}.control-btn:hover{opacity:1;transform:scale(1.05)}.control-btn.skip svg{width:16px;height:16px}.control-btn.loop svg{width:16px;height:16px}.control-btn.play-pause svg{width:22px;height:22px}.player-bottom{display:flex;align-items:center;gap:10px}.timestamp{font-size:11px;color:#6b7280;font-variant-numeric:tabular-nums}.progress-bar-container{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#a78bfa,#fff);border-radius:2px}@media (max-width: 520px){.main-card{padding:20px;gap:20px}.two-card-row{flex-direction:column}.username{font-size:22px}.server-invite-badge{top:12px;right:12px}}