.profile-page{--profile-accent:var(--teal);--profile-on-accent:color-mix(in srgb,var(--bg-base) 88%,black);--profile-accent-soft:color-mix(in srgb,var(--profile-accent) 12%,transparent);--profile-accent-glow:color-mix(in srgb,var(--profile-accent) 30%,transparent)}.hero-card{position:relative;height:420px;border-radius:20px;overflow:hidden;background:var(--bg-card);box-shadow:var(--glass-edge);isolation:isolate}.hero-banner{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--profile-accent) 35%,transparent) 0,#281c40 40%,var(--bg-card) 100%)}.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;transform:translateY(var(--hero-parallax,0)) scale(1.02);transition:transform .6s var(--ease-out-soft);will-change:transform}.hero-card:hover .hero-bg-img{transform:translateY(var(--hero-parallax,0)) scale(1.05)}.hero-bg-tint{position:absolute;inset:0;background:radial-gradient(ellipse 80% 120% at 22% 100%,var(--profile-accent) 42%,transparent 62%);opacity:.85;mix-blend-mode:soft-light;transition:background .6s}.hero-bg-gradient{position:absolute;inset:0;background:linear-gradient(to top,var(--bg-card) 0,color-mix(in srgb,var(--bg-card) 85%,transparent) 25%,color-mix(in srgb,var(--bg-card) 40%,transparent) 50%,transparent 100%)}.hero-bg-noise{position:absolute;inset:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");mix-blend-mode:overlay;pointer-events:none}.hero-share{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:999px;display:grid;place-items:center;color:rgba(255,255,255,.85);background:rgba(10,12,14,.45);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:background-color .2s,transform .2s}.hero-share:hover{background:rgba(10,12,14,.65)}.hero-content{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;gap:28px;padding:32px 28px}.hero-avatar-col{flex:0 0 auto;position:relative}.hero-info{flex:1 1 auto;min-width:0;min-height:var(--hero-avatar,160px);display:flex;flex-direction:column;justify-content:flex-end}.hero-avatar{position:relative;width:var(--hero-avatar,160px);height:var(--hero-avatar,160px);border-radius:999px;box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 0 4px color-mix(in srgb,var(--bg-card) 55%,transparent),0 0 0 6px color-mix(in srgb,var(--profile-accent) 45%,transparent);transition:transform .25s var(--ease-out-soft),box-shadow .4s}.hero-avatar>.hero-avatar-ph,.hero-avatar>img{width:100%;height:100%;border-radius:999px;object-fit:cover;display:grid;place-items:center}.hero-avatar-ph{background:linear-gradient(135deg,color-mix(in srgb,var(--profile-accent) 25%,transparent),color-mix(in srgb,var(--profile-accent) 8%,transparent));color:var(--profile-accent);font-weight:700;font-size:calc(var(--hero-avatar, 160px) * .34);letter-spacing:-.02em}.hero-avatar--seen:before,.hero-avatar--story:before{content:"";position:absolute;inset:-7px;border-radius:999px;border:2.5px solid var(--profile-accent);box-shadow:0 0 18px color-mix(in srgb,var(--profile-accent) 35%,transparent);pointer-events:none}.hero-avatar--seen:before{border-color:rgba(255,255,255,.22);box-shadow:none}.hero-avatar-plus{position:absolute;right:6px;bottom:6px;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:var(--profile-accent);color:var(--profile-on-accent);border:2px solid var(--bg-card);opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s var(--ease-out-soft)}.hero-avatar-col:focus-within .hero-avatar-plus,.hero-avatar-col:hover .hero-avatar-plus{opacity:1;transform:scale(1)}@media (hover:none){.hero-avatar-plus{opacity:1;transform:none}}.hero-type{font-size:13px;font-weight:500;color:color-mix(in srgb,var(--text-primary) 60%,transparent);margin-bottom:4px}.hero-name{font-size:clamp(1.75rem,4vw,3rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin:auto 0 8px;gap:10px;color:var(--text-primary)}.hero-meta,.hero-name{display:flex;align-items:center;flex-wrap:wrap}.hero-meta{gap:8px;margin-bottom:16px;font-size:14px;color:var(--text-muted)}.hero-meta-item{color:inherit;transition:color .2s}.hero-meta-item:is(button):hover{color:var(--text-primary)}.hero-meta-item--key{font-weight:500;color:color-mix(in srgb,var(--text-primary) 90%,transparent)}.hero-dot{width:4px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 50%,transparent)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.hero-btn-follow{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:999px;font-size:15px;font-weight:700;line-height:1;background:var(--profile-accent);color:var(--profile-on-accent);transition:transform .2s var(--ease-out-soft),filter .2s,background-color .2s,color .2s,border-color .2s}.hero-btn-follow:hover{filter:brightness(1.08)}.hero-btn-edit{display:inline-flex;align-items:center;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:600;line-height:1;color:var(--text-primary);border:1px solid rgba(255,255,255,.15);transition:background-color .2s,border-color .2s}.hero-btn-edit:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.04)}.hero-btn-follow:active{transform:scale(.98)}.hero-btn-follow:disabled{opacity:.6;transform:none}.hero-btn-follow--on,.hero-btn-follow--outline{background:transparent;color:var(--profile-accent);border:1px solid var(--profile-accent);box-shadow:none}.hero-btn-follow--on:hover,.hero-btn-follow--outline:hover{background:var(--profile-accent-soft);box-shadow:none}.hero-btn-icon{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;color:var(--text-primary);background:rgba(255,255,255,.08);backdrop-filter:blur(12px);box-shadow:var(--glass-edge);transition:background-color .2s,color .2s}.hero-btn-icon:hover{background:rgba(255,255,255,.14)}.hero-btn-icon:disabled{opacity:.5}.hero-socials{display:flex;flex-wrap:wrap;gap:6px}.social-btn{display:grid;grid-template-columns:44px 0fr;align-items:center;height:44px;border-radius:999px;color:#fff;background:rgba(255,255,255,.07);backdrop-filter:blur(16px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;transition:grid-template-columns .32s var(--ease-out-soft),background-color .2s,box-shadow .2s}.social-btn>.social-icon{display:grid;place-items:center;width:44px;height:44px}.social-btn>.social-label{min-width:0;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:600;opacity:0;padding-right:0;transition:opacity .2s,padding .3s}.social-btn:focus-visible,.social-btn:hover{grid-template-columns:44px 1fr;background:rgba(255,255,255,.13);box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08)}.social-btn:focus-visible>.social-label,.social-btn:hover>.social-label{opacity:1;padding-right:16px}.profile-tabs{display:flex;padding-top:24px;margin-bottom:32px;max-width:100%;overflow-x:auto;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tabs-track{gap:2px;padding:4px;background:rgba(255,255,255,.04);box-shadow:var(--glass-edge)}.profile-tab,.profile-tabs-track{position:relative;display:inline-flex;border-radius:999px}.profile-tab{z-index:1;align-items:center;gap:8px;padding:8px 13px 8px 15px;font-family:var(--font-sans),system-ui,sans-serif;font-size:14px;font-weight:550;letter-spacing:-.01em;white-space:nowrap;color:var(--text-muted);transition:color .2s}.profile-tab:hover{color:color-mix(in srgb,var(--text-primary) 80%,transparent)}.profile-tab[aria-selected=true]{color:var(--profile-accent)}.profile-tab-indicator{position:absolute;top:4px;bottom:4px;left:0;border-radius:999px;background:var(--profile-accent-soft);transition:transform .2s var(--ease-out-soft),width .2s var(--ease-out-soft);pointer-events:none}.profile-section{margin-bottom:40px}.section-header{justify-content:space-between;gap:16px;margin-bottom:20px}.section-header,.section-title{display:flex;align-items:center}.section-title{font-size:22px;font-weight:700;letter-spacing:-.01em;gap:10px;color:var(--text-primary)}.section-link{display:inline-flex;align-items:center;gap:2px;font-size:13px;color:var(--text-muted);transition:color .2s}.section-link:hover{color:var(--profile-accent)}.pin-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity;scrollbar-width:none}.pin-row::-webkit-scrollbar{display:none}.pin-card{scroll-snap-align:start;display:grid;grid-template-columns:66px 1fr auto;align-items:center;gap:14px;padding:10px 14px 10px 10px;border-radius:14px;text-align:left;background:rgba(255,255,255,.035);box-shadow:var(--glass-edge);transition:background-color .2s,box-shadow .2s,transform .2s}.pin-card:hover{background:rgba(255,255,255,.06)}.pin-card--playing{background:var(--profile-accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--profile-accent) 35%,transparent)}.pin-cover{position:relative;width:66px;height:66px;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.05)}.pin-cover img{width:100%;height:100%;object-fit:cover}.pin-play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.35);color:#fff;opacity:0;transition:opacity .2s}.pin-card--playing .pin-play,.pin-card:hover .pin-play{opacity:1}.audio-wave{display:inline-flex;align-items:flex-end;gap:2px;height:14px;width:14px}.audio-wave i{display:block;width:2px;height:30%;border-radius:1px;background:var(--profile-accent,var(--teal));opacity:.55;transition:height .3s}.audio-wave--on i{opacity:1;animation:profile-wave .9s ease-in-out infinite}.audio-wave--on i:nth-child(2){animation-delay:-.3s}.audio-wave--on i:nth-child(3){animation-delay:-.6s}.audio-wave--on i:nth-child(4){animation-delay:-.15s}@keyframes profile-wave{0%,to{height:30%}50%{height:100%}}.releases-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.releases-grid--full{grid-template-columns:repeat(5,minmax(0,1fr))}.release-card{position:relative;display:block;min-width:0;text-align:left}.release-cover{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.05);box-shadow:0 0 0 0 transparent;transition:box-shadow .3s;isolation:isolate;transform:translateZ(0)}.release-cover,.release-cover img{-webkit-backface-visibility:hidden;backface-visibility:hidden}.release-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease-out-soft)}.release-cover-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-muted);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}.release-badge{position:absolute;top:8px;left:8px;padding:3px 7px;border-radius:6px;font-size:11.5px;font-weight:600;color:rgba(255,255,255,.9);background:rgba(10,12,14,.55);backdrop-filter:blur(8px)}.release-play-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.35);opacity:0;transition:opacity .2s}.release-card--playing .release-play-overlay,.release-card:hover .release-play-overlay{opacity:1}.release-play-btn{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:var(--profile-accent);color:var(--profile-on-accent);box-shadow:0 6px 20px rgba(0,0,0,.35);transition:transform .2s var(--ease-out-soft)}.release-play-btn:hover{transform:scale(1.08)}.release-title{margin-top:10px;font-size:13px;font-weight:600;line-height:1.3;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.release-card:hover .release-title{color:var(--profile-accent)}.release-artist{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-chips{display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:rgba(255,255,255,.04);box-shadow:var(--glass-edge)}.type-chip{padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:500;color:var(--text-muted);transition:color .2s,background-color .2s}.type-chip:hover{color:var(--text-primary)}.type-chip[aria-pressed=true]{color:var(--profile-accent);background:var(--profile-accent-soft)}.post-list{display:flex;flex-direction:column;gap:16px;max-width:960px;margin:0 auto}.glass-card{position:relative;border-radius:16px;padding:20px;background:linear-gradient(135deg,rgba(146,146,146,.06),rgba(44,44,44,.06));box-shadow:var(--glass-edge);backdrop-filter:blur(20px);overflow:hidden;isolation:isolate;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.glass-card>*{position:relative;z-index:1}.post-text{white-space:pre-wrap;line-height:1.6;color:color-mix(in srgb,var(--text-primary) 90%,transparent);font-size:15px}.post-text--clamped{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.attached-release{position:relative;display:block;height:360px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.04)}.attached-release img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out-soft)}.attached-release-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:20px;background:linear-gradient(0deg,rgba(0,0,0,.78) 0,rgba(0,0,0,.3) 45%,transparent);color:#fff}.attached-release--compact{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:14px;height:auto;padding:10px;border-radius:14px;box-shadow:var(--glass-edge)}.attached-release--compact img{width:96px;height:96px;border-radius:10px}.about-col{max-width:840px}.about-block{border-top:1px solid color-mix(in srgb,var(--border-default) 30%,transparent);padding-top:24px;margin-top:24px}.about-block:first-child{border-top:0;padding-top:0;margin-top:0}.about-heading{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.about-bio{font-size:15px;line-height:1.65;white-space:pre-line;color:var(--text-secondary)}.about-bio:first-letter{float:left;font-size:3.2em;line-height:.85;padding:.1em .12em 0 0;font-weight:800;color:var(--profile-accent)}.about-hint{font-size:14px;color:var(--text-muted)}.figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.figure{padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.035);box-shadow:var(--glass-edge)}.figure-value{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--text-primary);font-variant-numeric:tabular-nums}.figure-label{margin-top:4px}.about-footnote,.figure-label{font-size:13px;color:var(--text-muted)}.about-footnote{display:inline-flex;align-items:center;gap:6px;margin-top:14px}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.link-chip{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;height:68px;padding:11px 12px 11px 11px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border-default) 30%,transparent);background:transparent;transition:background-color .2s,border-color .2s}.link-chip:hover{background:rgba(255,255,255,.04)}.link-chip-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.05);color:var(--text-primary);transition:background-color .2s}.link-chip:hover .link-chip-icon{background:rgba(255,255,255,.09)}.link-chip-title{font-size:13px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.link-chip-host{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-chip-arrow{color:var(--text-primary);opacity:.4;transition:opacity .2s,transform .2s}.link-chip:hover .link-chip-arrow{opacity:1;transform:translate(1px,-1px)}.link-chip--smart{border-color:color-mix(in srgb,var(--profile-accent) 55%,transparent)}.link-chip-tag{padding:1px 6px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:lowercase;color:var(--profile-on-accent);background:var(--profile-accent)}.profile-fade{animation:profile-fade-in .4s var(--ease-out-soft) both;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes profile-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.audio-wave--on i,.profile-fade{animation:none}.hero-bg-img{transform:none!important}}html[data-reduce-motion=true] .audio-wave--on i,html[data-reduce-motion=true] .profile-fade{animation:none}html[data-lite=true] .glass-card,html[data-lite=true] .hero-share,html[data-lite=true] .social-btn{backdrop-filter:none!important}@media (max-width:1280px){.releases-grid--full{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1024px){.releases-grid--full{grid-template-columns:repeat(3,minmax(0,1fr))}.releases-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:768px){.hero-card{height:340px;border-radius:14px}.hero-content{flex-direction:column;align-items:flex-start;gap:16px;padding:20px;--hero-avatar:100px}.hero-info{min-height:0;width:100%}.hero-name{font-size:1.6rem;margin-top:0}.hero-btn-follow{flex:1 1 auto;justify-content:center;padding:11px 20px;font-size:14px}.hero-socials{flex-basis:100%}.profile-tabs{margin-bottom:24px}.releases-grid,.releases-grid--full{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.figures{grid-template-columns:repeat(2,minmax(0,1fr))}.pin-row{grid-auto-columns:minmax(250px,80%)}.attached-release{height:260px}}@media (max-width:480px){.hero-card{height:300px}.hero-content{padding:16px;--hero-avatar:80px}.hero-name{font-size:1.35rem}.hero-meta{font-size:13px}.social-btn{height:38px;grid-template-columns:38px 0fr}.social-btn>.social-icon{width:38px;height:38px}.social-btn:focus-visible,.social-btn:hover{grid-template-columns:38px 1fr}.releases-grid,.releases-grid--full{grid-template-columns:repeat(2,minmax(0,1fr))}.link-grid{grid-template-columns:1fr}.figures{grid-template-columns:1fr 1fr}.glass-card{padding:16px}.section-title{font-size:19px}.attached-release--compact{grid-template-columns:72px 1fr auto}.attached-release--compact img{width:72px;height:72px}}