:root{--bg:#090a0f;--surface:#ffffff0b;--surface-strong:#ffffff17;--border:#ffffff14;--border-hover:#ffffff26;--text:#f3f4f6;--text-soft:#c3cad6;--text-faint:#838b99;--accent:#4f8cff;--accent-muted:#336bc3;--radius-lg:30px;--radius-md:20px;--shadow-card:0 28px 80px #00000075;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{background:radial-gradient(1100px 560px at 85% -10%, #4f8cff12, transparent 60%), radial-gradient(900px 560px at 5% 115%, #4a63910d, transparent 60%), var(--bg);min-height:100vh}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}a{color:inherit;text-decoration:none}.profile-shell{isolation:isolate;place-items:center;min-height:100vh;padding:40px 24px;display:grid;position:relative;overflow:hidden}.profile-shell__orb,.profile-shell__stars{z-index:-1;pointer-events:none;position:fixed}.profile-shell__orb{filter:blur(110px);opacity:.22;border-radius:50%}.profile-shell__orb--primary{background:#4f8cff;width:560px;height:560px;top:-200px;right:-120px}.profile-shell__orb--violet{opacity:.14;background:#5b6b88;width:640px;height:640px;bottom:-260px;left:-160px}.profile-shell__orb--sky{opacity:.1;background:#7dd3fc;width:300px;height:300px;top:50%;left:58%}.profile-shell__stars{opacity:.22;background-image:radial-gradient(1px 1px at 12% 28%,#ffffffa6,#0000 50%),radial-gradient(1.5px 1.5px at 28% 72%,#ffffff73,#0000 50%),radial-gradient(1px 1px at 41% 16%,#ffffff8c,#0000 50%),radial-gradient(1.5px 1.5px at 54% 84%,#ffffff73,#0000 50%),radial-gradient(1px 1px at 68% 58%,#ffffff80,#0000 50%),radial-gradient(1.5px 1.5px at 79% 13%,#fff6,#0000 50%);inset:0}.profile-card{border:1px solid var(--border);border-radius:var(--radius-lg);width:min(100%,1080px);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(26px);background:#0c0d14b8;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:34px;padding:44px 40px 34px;display:grid}.identity{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;display:flex;position:sticky;top:26px}.identity__avatar{object-fit:cover;background:linear-gradient(135deg,#1b2230,#0e1219);border:1px solid #ffffff1f;border-radius:50%;width:130px;height:130px;display:block;box-shadow:0 12px 28px #00000052}.identity__status{color:#8ee6ad;background:#22c55e14;border:1px solid #22c55e33;border-radius:999px;align-items:center;gap:8px;margin-top:20px;padding:7px 13px;font-size:13px;font-weight:650;display:inline-flex}.identity__status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #22c55e8c}.identity__name{letter-spacing:-.04em;margin-top:18px;font-family:Space Grotesk,Manrope,ui-sans-serif,system-ui,sans-serif;font-size:44px;font-weight:700;line-height:1}.identity__bio{max-width:380px;color:var(--text-soft);margin-top:14px;font-size:18px;line-height:1.65}.identity__tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.identity__tag{letter-spacing:.02em;color:#dbe7ff;background:#4f8cff1f;border:1px solid #4f8cff2e;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600}.profile-card__body{align-content:start;gap:20px;min-width:0;display:grid}.player{background:#121212;border:1px solid #ffffff12;border-radius:12px;padding:14px}.player__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.player__label{letter-spacing:.12em;text-transform:uppercase;color:#1db954;align-items:center;gap:6px;font-size:10px;font-weight:800;display:inline-flex}.player__meta{color:#b3b3b3;font-size:10px;font-weight:600}.player__body{align-items:center;gap:12px;display:flex}.player__cover{object-fit:cover;border-radius:50%;flex-shrink:0;width:46px;height:46px;display:block}.player__info{flex-direction:column;flex:1;min-width:0;display:flex}.player__title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.player__artist{color:#b3b3b3;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}.player__button{color:#050505;cursor:pointer;background:#1db954;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;transition:background .16s,transform .16s;display:grid}.player__button:hover{background:#1ed760;transform:scale(1.04)}.player__button:disabled{opacity:.5;cursor:not-allowed;transform:none}.player__seek{align-items:center;gap:10px;margin-top:12px;display:flex}.seek-bar{appearance:none;cursor:pointer;background:#ffffff26;border-radius:999px;outline:none;flex:1;height:4px}.seek-bar::-webkit-slider-thumb{-webkit-appearance:none;background:#1db954;border:0;border-radius:50%;width:12px;height:12px}.seek-bar::-moz-range-thumb{background:#1db954;border:0;border-radius:50%;width:12px;height:12px}.seek-bar__time{font-variant-numeric:tabular-nums;color:#b3b3b3;font-size:10px}.player__error{color:#f87171;margin-top:12px;font-size:13px}.social-list{gap:12px;display:grid}.social-link{background:var(--surface);border:1px solid var(--border);border-radius:15px;align-items:center;gap:14px;padding:17px 18px;transition:transform .2s,border-color .2s,background .2s;display:flex;position:relative}.social-link:hover{background:var(--surface-strong);border-color:var(--border-hover);transform:translateY(-2px)}.social-link__icon{color:#bdd3ff;background:#ffffff12;border-radius:13px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.social-link__copy{flex-direction:column;flex:1;min-width:0;display:flex}.social-link__label{font-size:17px;font-weight:650}.social-link__caption{color:var(--text-faint);margin-top:4px;font-size:14px}.social-link>svg{color:var(--text-faint);transition:color .2s,transform .2s}.social-link:hover>svg{color:#fff;transform:translate(2px,-2px)}.profile-card__footer{border-top:1px solid var(--border);color:var(--text-faint);text-align:right;grid-column:1/-1;margin-top:8px;padding-top:18px;font-size:13px}.profile-card__footer a{color:var(--text-soft);transition:color .16s}.profile-card__footer a:hover{color:var(--accent)}audio{display:none}@media (width<=920px){.profile-card{grid-template-columns:1fr;gap:26px;padding:28px 20px 22px}.identity{text-align:center;align-items:center;position:static}.identity__avatar{width:96px;height:96px;font-size:30px}.identity__name{font-size:32px}.identity__bio{max-width:100%;font-size:15px}.identity__tags{justify-content:center}.profile-card__footer{text-align:left;grid-column:auto}}