*{box-sizing:border-box}html,body{margin:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#000;color:#fff;min-height:100vh;display:grid;place-items:start center;padding:12px}
.bg-glow{display:none}
.shell{width:min(100%,430px);background:transparent;border:0;border-radius:0;padding:0 0 18px}
.avatar{width:min(100%,300px);aspect-ratio:1/1;display:block;margin:0 auto;border-radius:12px;object-fit:cover}
.logo{width:190px;display:block;margin:-26px auto 10px;position:relative;z-index:2;filter:brightness(1.08)}
.socials{display:flex;justify-content:center;gap:16px}.socials.top{margin:0 0 12px}.socials.bottom{margin:18px 0 0}.socials a{display:inline-grid;place-items:center;width:20px;height:20px;opacity:.9}.socials a img{width:18px;height:18px;display:block}.socials a:hover{opacity:1}
.tabs{display:flex;justify-content:center;gap:8px;margin:6px 0 10px}.tab{text-decoration:none;background:transparent;color:#d5d8dc;padding:4px 10px;border-radius:9px;cursor:pointer;font-size:18px}.tab.active{background:#3a3f47;color:#fff}
.pane{display:block}h2{font-size:21px;line-height:1.15;margin:6px 0 8px;font-weight:700;letter-spacing:-0.01em}
.bio-card{background:#111418;border:1px solid #272c33;border-radius:8px;padding:12px}.bio-card p{margin:0 0 10px;color:#d3d8df;line-height:1.45;font-size:13px}.bio-card p:last-child{margin-bottom:0}
.video-list{display:grid;gap:10px}.vcard{text-decoration:none;color:#fff;background:#111418;border:1px solid #272c33;border-radius:8px;overflow:hidden;display:block}.vcard img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.vcard p{margin:8px;font-size:13px}
#videos{margin-top:16px;padding-top:12px;border-top:1px solid #222831}
#music{margin-top:16px;padding-top:12px;border-top:1px solid #222831}
.tracks{display:grid;gap:8px}.track{color:#fff;background:#22272e;border:1px solid #2b3139;border-radius:8px;padding:8px;display:grid;grid-template-columns:70px 1fr;gap:10px}.track img{width:70px;height:70px;border-radius:4px;object-fit:cover}.track h3{margin:2px 0 3px;font-size:16px;line-height:1.15}.track p{margin:0;color:#b8bec7;font-size:13px}.links{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.links a{font-size:12px;color:#fff;text-decoration:none;border:1px solid #8d96a1;border-radius:999px;padding:2px 8px}.spotify{width:100%;height:82px;border:0;border-radius:8px}
@media (max-width:460px){.shell{padding:0 0 14px}.avatar{width:100%;height:auto;aspect-ratio:1/1}.logo{width:170px;margin:-22px auto 8px}h2{font-size:19px}}