.Backdrop{position:fixed;inset:0;pointer-events:none;background:var(--ProfileBackground,#0a0a0a);overflow:hidden}
.Backdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--ProfileBackground,#0a0a0a) 0%,color-mix(in srgb,var(--ProfileBackground,#0a0a0a) 86%,transparent) 24%,transparent 80%)}
.BackgroundMedia{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;opacity:var(--VideoOpacity,.1);filter:blur(var(--VideoBlur,0px))}
.EntryGate{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#0a0a0a}
.EnterButton{min-height:48px;padding:16px 26px;border:0;background:none;color:#e9e7e1;font:12px/1.5 'Necto Mono',monospace;letter-spacing:.01em;text-shadow:0 0 12px #ffffff35}
.EnterButton:hover{color:#fff;text-shadow:0 0 12px #ffffff70}.EnterButton:focus{outline:0}.EnterButton:focus-visible{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
.ProfilePage{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:80px clamp(24px,10vw,180px) 36px;color:var(--ProfileInk,#e9e7e1);font-family:var(--ProfileFont,'Ronzino',sans-serif);--ProfileMuted:color-mix(in srgb,var(--ProfileInk,#e9e7e1) 74%,var(--ProfileBackground,#0a0a0a));--ProfileLine:color-mix(in srgb,var(--ProfileInk,#e9e7e1) 26%,transparent)}
.ProfileContent{width:min(100%,520px);min-width:0}
.ProfileHeader{display:flex;align-items:flex-start;gap:22px}.Identity{min-width:0;flex:1}
.Avatar{display:block;width:64px;height:64px;flex-shrink:0;object-fit:cover;border-radius:var(--AvatarRadius,50%);margin-top:7px}
.ProfileName{max-width:100%;overflow-wrap:anywhere;font-size:clamp(42px,4vw,62px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:0 0 0 -2px;color:var(--ProfileInk)}
.ProfilePage[data-long-name=true] .ProfileName{font-size:clamp(32px,3.7vw,54px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.ProfileName:focus{outline:none}.NameRow{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;min-width:0}
.ProfileStats{display:flex;align-items:center;gap:8px;margin-top:20px;color:var(--ProfileMuted);font:11px/1.5 'Necto Mono',monospace;font-variant-numeric:tabular-nums}.ProfileStats svg{width:17px;height:17px;fill:currentColor;stroke:none}
.Aliases{display:flex;flex-wrap:wrap;gap:3px 12px;align-items:baseline;font:11px/1.65 'Necto Mono',monospace;color:var(--ProfileMuted);margin:13px 0 0}.Aliases span{max-width:100%;overflow-wrap:anywhere}.Aliases span+span::before{content:'/';display:inline-block;margin-right:12px;color:var(--ProfileMuted)}
.Bio{max-width:46ch;font-size:15px;line-height:1.7;color:var(--ProfileInk);margin:27px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.SocialLinks{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:15px}.SocialLink{display:inline-flex;align-items:center;max-width:100%;min-height:44px;font-size:13px;color:var(--ProfileMuted);text-decoration:underline;text-decoration-color:var(--ProfileLine);text-underline-offset:6px;overflow-wrap:anywhere}.SocialLink:hover,.SocialLink:focus-visible{color:var(--ProfileInk);text-decoration-color:currentColor}
.ProfileFooter{display:flex;align-items:center;gap:16px;width:100%;margin-top:52px;color:var(--ProfileMuted);font:10px/1.5 'Necto Mono',monospace}.ProfileFooter a{display:inline-flex;align-items:center;gap:10px;min-height:44px}.ProfileFooter a:hover{color:var(--ProfileInk)}.ProfileFooter img{width:14px;height:18px}.ProfileFooter>span{border-left:1px solid var(--ProfileLine);padding-left:16px}
.ProfileError{position:relative;margin:25svh 24px 40px;max-width:420px}.ProfileError h1{font-size:32px;letter-spacing:-.04em;font-weight:500}.ProfileError .Button{margin-top:15px}
.ProfilePage[data-layout=panel] .ProfileContent{padding:30px;background:color-mix(in srgb,var(--ProfileBackground) 94%,var(--ProfileInk));border:1px solid var(--ProfileLine);border-radius:min(var(--Roundness,2px),8px)}
.MusicPlayer{width:100%;max-width:400px;margin:32px 0 0;padding:20px 22px 16px;background:color-mix(in srgb,var(--ProfileBackground) 94%,var(--ProfileInk));border:1px solid color-mix(in srgb,var(--ProfileInk) 11%,transparent);border-radius:12px;color:inherit;font-family:'Ronzino',sans-serif}
.TrackRow{display:flex;align-items:center;gap:12px}.TrackInfo{min-width:0;flex:1;order:0}.TrackTitle{font-size:16px;font-weight:500;line-height:1.35;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TrackArtist{font-size:12px;line-height:1.4;color:var(--ProfileMuted);margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.Playback{order:2;width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--ProfileInk);color:var(--ProfileBackground)}.Playback:hover{filter:brightness(1.1)}.Playback .Icon{width:22px;height:22px;fill:currentColor;stroke:none}
.PlayerOptions{order:1;position:relative;flex-shrink:0}.PlayerOptions>summary,.VolumeControls>summary{width:36px;height:40px;display:grid;place-items:center;list-style:none;cursor:pointer;color:var(--ProfileMuted)}.PlayerOptions>summary::-webkit-details-marker,.VolumeControls>summary::-webkit-details-marker{display:none}.PlayerOptions>summary:hover,.VolumeControls>summary:hover{color:var(--ProfileInk)}.PlayerOptions>summary:focus-visible,.VolumeControls>summary:focus-visible{outline:1px solid currentColor;outline-offset:2px;border-radius:4px}.PlayerOptions>summary .Icon{width:19px;height:19px;fill:currentColor;stroke:none}
.PlayerTools{position:absolute;z-index:5;bottom:48px;right:0;width:168px;padding:4px;background:#191919;border:1px solid #3e3e3e;border-radius:7px;color:#e9e7e1}.PlayerOption{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:4px;background:none;color:#c4c2bc;text-align:left;font-size:12px}.PlayerOption .Icon{width:18px;height:18px;fill:currentColor;stroke:none}.PlayerOption:hover{background:#30302e;color:white}.RepeatState{margin-left:auto;font-size:10px;color:#b5b3ad}.PlayerOption[aria-pressed=true] .RepeatState{color:#e9e7e1}
.AudioMeter{display:flex;align-items:center;gap:3px;height:28px;margin:16px 0 2px;overflow:hidden}.AudioMeter i{flex:1;height:100%;border-radius:2px;background:var(--ProfileMuted);transform:scaleY(var(--Level,.04));transform-origin:center}
.MusicPlayer .Seek{display:block;height:34px;margin-top:8px}.MusicPlayer .Range:disabled{cursor:default;opacity:.4}.MusicPlayer .Range::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,var(--ProfileInk) var(--Fill),var(--ProfileLine) var(--Fill))}.MusicPlayer .Range::-moz-range-track{height:3px;background:var(--ProfileLine)}.MusicPlayer .Range::-moz-range-progress{height:3px;background:var(--ProfileInk)}.MusicPlayer .Range::-webkit-slider-thumb{width:8px;height:8px;border-radius:50%;margin-top:-2.5px;background:var(--ProfileInk)}.MusicPlayer .Range::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:var(--ProfileInk)}
.PlayerBottom{display:flex;align-items:center;gap:12px;margin-top:-10px}.Timeline{display:flex;align-items:center;gap:6px;flex:1;color:var(--ProfileMuted);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.LyricsToggle{border:0;background:none;color:var(--ProfileMuted);font-size:11px;min-height:40px;padding:0 6px}.LyricsToggle[aria-pressed=true]{color:var(--ProfileInk);text-decoration:underline;text-underline-offset:4px}
.VolumeControls{position:relative;margin-right:-10px}.VolumeControls>summary .Icon{width:18px;height:18px;fill:currentColor;stroke:none}.Volume{position:absolute;z-index:6;right:0;bottom:43px;display:flex;align-items:center;gap:8px;width:184px;padding:4px 14px 4px 4px;border:1px solid #444440;border-radius:7px;background:#161615}.Volume .IconButton{width:40px;height:40px;flex-shrink:0;color:#e9e7e1}.Volume .IconButton .Icon{width:19px;height:19px;fill:currentColor;stroke:none}.Volume .Range{width:100%;height:44px}.MusicPlayer .Range:focus-visible{outline:1px solid var(--ProfileMuted);outline-offset:2px}
.LyricsPanel{margin-top:17px;padding-top:18px;border-top:1px solid var(--ProfileLine)}.LyricsLines{position:relative;min-height:96px;isolation:isolate}.LyricsOutgoing{position:absolute;inset:0 0 auto;pointer-events:none}.LyricsCurrent{font-size:23px;line-height:1.3;letter-spacing:-.025em;font-weight:500;margin:0;min-height:1.3em;overflow-wrap:anywhere}.LyricsNext{font-size:16px;line-height:1.4;color:var(--ProfileMuted);margin:12px 0 0;min-height:1.4em;overflow-wrap:anywhere}.LyricsSource{display:inline-flex;align-items:center;min-height:30px;margin-top:14px;color:var(--ProfileMuted);font-size:10px}.LyricsSource:hover{text-decoration:underline}.PlayerStatus{color:var(--ProfileMuted);font-size:12px;line-height:1.5;margin:10px 0 0}
@media(max-width:720px){.ProfilePage{padding:96px 26px 18px}.ProfileName{font-size:46px}.ProfilePage[data-long-name=true] .ProfileName{font-size:34px}.ProfileHeader{gap:17px}.Avatar{width:54px;height:54px;margin-top:3px}.ProfileHeader:has(.Avatar:not([hidden])) .ProfileName{font-size:42px}.ProfilePage[data-long-name=true] .ProfileHeader:has(.Avatar:not([hidden])) .ProfileName{font-size:30px}.MusicPlayer{max-width:100%;margin-top:27px;padding:18px 18px 12px}.ProfileFooter{margin-top:36px}.ProfilePage[data-layout=panel] .ProfileContent{padding:22px}}
@media(max-height:520px){.ProfilePage{padding-top:50px}.ProfileFooter{margin-top:28px}}
@media(pointer:coarse){.MusicPlayer .Seek{height:44px;margin-top:1px}.PlayerBottom{margin-top:-13px}}
