/* ===== SimpleStack visual profile (image-first) ===== */
.xp{--r:22px;position:relative;background:#06080f;border-radius:26px;overflow:hidden;border:1px solid #1d2742;box-shadow:0 30px 80px #0009;color:#eef3f8;isolation:isolate}
.xp img,.xp video{display:block}
.xp-cover{position:relative;height:clamp(240px,42vw,460px);overflow:hidden}
.xp-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.xp-shade{position:absolute;inset:0;background:linear-gradient(180deg,#06080f00 40%,#06080fcc 85%,#06080f),linear-gradient(90deg,#06080f55,#06080f00 40%)}
.kb{animation:kb 26s ease-in-out infinite alternate;transform-origin:60% 40%;will-change:transform}
.kb.slow{animation-duration:34s}
@keyframes kb{from{transform:scale(1.03) translate(0,0)}to{transform:scale(1.13) translate(-2%,-1.5%)}}
.xp-id{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:end;padding:0 40px;margin-top:-96px;z-index:2}
.xp-av{width:184px;height:184px;border-radius:50%;object-fit:cover;border:5px solid #06080f;box-shadow:0 0 0 2px #2dd4bf88,0 18px 50px #000a;background:#141f3f}
.xp-who{min-width:0;padding-bottom:10px}
.xp-who h1{font:800 clamp(34px,4.6vw,58px)/1.02 "Kumbh Sans",sans-serif;letter-spacing:-.5px;text-wrap:balance;margin:0;text-shadow:0 4px 24px #000c}
.xp-role{margin:8px 0 0;font:600 18px/1.3 "Kumbh Sans",sans-serif;color:#2dd4bf;text-wrap:balance}
.xp-bio{margin:6px 0 0;color:#93a4c3;font-size:14px;line-height:1.45;max-width:52ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}
.xp-act{display:flex;gap:10px;padding-bottom:14px}
.xp-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;border:1px solid #ffffff2a;background:#ffffff10;color:#fff;font:700 15px "Kumbh Sans",sans-serif;cursor:pointer;white-space:nowrap;backdrop-filter:blur(10px);transition:transform .2s,background .2s,box-shadow .2s}
.xp-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.xp-btn.follow{background:linear-gradient(135deg,#f472b6,#fb923c);border:0;color:#2a0614;box-shadow:0 10px 30px #f472b655}
.xp-btn.follow.on{background:#ffffff14;color:#fff;border:1px solid #ffffff2a;box-shadow:none}
.xp-btn:hover{transform:translateY(-2px)}
.xp-stats{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;padding:26px 40px 8px}
.xp-stat{display:flex;align-items:center;gap:10px}
.xp-stat svg{width:26px;height:26px;fill:none;stroke:#fbbf24;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.xp-stat b{font:800 26px "Kumbh Sans",sans-serif}
.xp-stat span{color:#93a4c3;font:600 13px "Kumbh Sans",sans-serif;text-transform:uppercase;letter-spacing:.8px}
.xp-sample{font:700 10px "Kumbh Sans",sans-serif;letter-spacing:1px;text-transform:uppercase;color:#93a4c3;border:1px dashed #93a4c366;border-radius:999px;padding:4px 9px;white-space:nowrap}
.xp-pixie{margin-left:auto;display:flex;align-items:center;gap:10px;padding:5px 16px 5px 5px;border-radius:999px;background:linear-gradient(135deg,#f472b622,#7c3aed22);border:1px solid #f472b655;font:600 14px "Kumbh Sans",sans-serif;white-space:nowrap}
.xp-pixie img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 0 16px #f472b688;animation:bob 3s ease-in-out infinite}
.xp-pixie b{color:#f472b6}
.xp-now{position:relative;margin:26px 40px 0;border-radius:var(--r);overflow:hidden;aspect-ratio:21/8;min-height:220px;border:1px solid #ffffff14;transition:transform .35s,box-shadow .35s}
.xp-now:hover{transform:translateY(-4px);box-shadow:0 24px 60px #000b}
.xp-now-media,.xp-now-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xp-now:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06080fee,#06080f55 45%,#06080f00 70%)}
.xp-now-meta{position:absolute;left:28px;right:28px;bottom:24px;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 18px}
.xp-now-meta .xp-eyebrow{grid-column:1/-1}
.xp-now-meta h2{font:800 clamp(24px,3vw,36px)/1.05 "Kumbh Sans",sans-serif;margin:0;grid-column:1/-1}
.xp-prog{height:8px;border-radius:99px;background:#ffffff22;overflow:hidden;margin-top:8px}
.xp-prog i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f472b6,#fbbf24,#2dd4bf);animation:grow 1.6s cubic-bezier(.2,.7,.2,1) both}
@keyframes grow{from{width:0}}
.xp-pct{font:800 16px "Kumbh Sans",sans-serif;color:#fbbf24}
.xp-eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 12px "Kumbh Sans",sans-serif;letter-spacing:2px;text-transform:uppercase;color:#cbd5e1;margin:0}
.xp-eyebrow svg{width:16px;height:16px;fill:none;stroke:#f472b6;stroke-width:2}
.xp-sec{padding:40px 40px 0}
.xp-sec>.xp-eyebrow{margin-bottom:16px}
.xp-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:170px;grid-auto-flow:dense;gap:14px}
.xp-tile{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#111a35;cursor:pointer;transition:transform .3s,box-shadow .3s;outline:none}
.xp-tile.big{grid-column:span 2;grid-row:span 2}.xp-tile.wide{grid-column:span 2}.xp-tile.strip{grid-column:1/-1;grid-row:span 1}
.xp-tile video,.xp-tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s,opacity .4s}
.xp-tile video{position:absolute;inset:0;opacity:0}.xp-tile.live video{opacity:1}.xp-tile:not(.xp-poster-none) .xp-poster{position:absolute;inset:0}
.xp-tile.reel:not(:has(.xp-poster)) video{opacity:1}
.xp-tile:hover,.xp-tile:focus-visible{transform:translateY(-6px);box-shadow:0 22px 50px #000c,0 0 0 1px #2dd4bf66}
.xp-tile:hover video,.xp-tile:hover img{transform:scale(1.04)}
.xp-tile figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 12px;background:linear-gradient(0deg,#000c,#0000);font:700 15px "Kumbh Sans",sans-serif;opacity:0;transform:translateY(6px);transition:.3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xp-tile:hover figcaption,.xp-tile:focus-visible figcaption{opacity:1;transform:none}
.xp-play{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0008;backdrop-filter:blur(6px);color:#fff;transition:opacity .3s}
.xp-play svg{width:16px;height:16px}
.xp-tile:hover .xp-play{opacity:0}
.xp-friends{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;padding-bottom:40px}
.xp-faces{display:flex;gap:18px;flex-wrap:wrap}
.xp-face{margin:0;position:relative;width:112px;padding-bottom:42px;text-align:center;cursor:pointer;outline:none}
.xp-face img,.xp-face.more div{width:112px;height:112px;border-radius:50%;object-fit:cover;border:3px solid #06080f;box-shadow:0 0 0 2px #ffffff22;transition:transform .3s,box-shadow .3s}
.xp-face.more div{display:grid;place-items:center;background:linear-gradient(135deg,#1e293b,#111a35);font:800 24px "Kumbh Sans",sans-serif;color:#93a4c3}
.xp-face:hover img,.xp-face:focus-visible img{transform:translateY(-6px) scale(1.05);box-shadow:0 0 0 3px #2dd4bf,0 16px 36px #000b}
.xp-face figcaption{position:absolute;left:-14px;right:-14px;top:120px;opacity:0;transform:translateY(-4px);transition:.25s;line-height:1.2}
.xp-face figcaption b{display:block;font:700 14px "Kumbh Sans",sans-serif;white-space:nowrap}
.xp-face figcaption span{display:block;font-size:12px;color:#93a4c3;white-space:nowrap}
.xp-face:hover figcaption,.xp-face:focus-visible figcaption{opacity:1;transform:none}
.xp-group{position:relative;margin:0 0 42px;border-radius:20px;overflow:hidden;aspect-ratio:16/7;min-height:180px;transition:transform .3s,box-shadow .3s;cursor:pointer;outline:none}
.xp-group img{width:100%;height:100%;object-fit:cover}
.xp-group:hover{transform:translateY(-4px);box-shadow:0 22px 50px #000c}
.xp-group figcaption{position:absolute;left:16px;bottom:12px;font:700 15px "Kumbh Sans",sans-serif;opacity:0;transition:.3s;text-shadow:0 2px 10px #000}
.xp-group:hover figcaption{opacity:1}
.xp.compact .xp-now{margin-bottom:32px}
.xp.compact .xp-av{width:140px;height:140px}.xp.compact .xp-id{margin-top:-74px;padding:0 28px}.xp.compact .xp-stats{padding:22px 28px 4px}.xp.compact .xp-now{margin-left:28px;margin-right:28px}
.xp.compact .xp-who h1{font-size:clamp(30px,3.4vw,44px)}
@media(max-width:1100px){.xp-friends{grid-template-columns:1fr}.xp-group{margin-bottom:40px}}
@media(max-width:900px){.xp-id{grid-template-columns:auto 1fr;padding:0 24px;gap:18px;margin-top:-70px}.xp-av,.xp.compact .xp-av{width:132px;height:132px}.xp-act{grid-column:1/-1;padding-bottom:0}
 .xp-stats,.xp.compact .xp-stats{padding:22px 24px 4px}.xp-now,.xp.compact .xp-now{margin:22px 24px 0;aspect-ratio:16/9}.xp-sec{padding:32px 24px 0}.xp-pixie{margin-left:0}
 .xp-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.xp.compact .xp-now{margin-bottom:24px}}
@media(max-width:560px){.xp-id{grid-template-columns:1fr;justify-items:center;text-align:center;margin-top:-64px}.xp-who{padding-bottom:0}.xp-act{justify-content:center}.xp-bio{margin-inline:auto}
 .xp-grid{grid-template-columns:1fr 1fr;grid-auto-rows:120px;gap:10px}.xp-faces{justify-content:center;gap:8px;flex-wrap:nowrap}.xp-face{width:54px;padding-bottom:40px}.xp-face img,.xp-face.more div{width:54px;height:54px}.xp-face.more div{font-size:16px}.xp-face figcaption{top:60px;left:-20px;right:-20px}.xp-face figcaption b{font-size:12px}.xp-face figcaption span{font-size:10px}
 .xp-now-meta{left:18px;right:18px;bottom:16px}.xp-stats{justify-content:center}}
@media(prefers-reduced-motion:reduce){.kb,.xp-pixie img{animation:none}}
/* standalone profile page chrome */
body.xp-page{background:#04060b}
.xp-top{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1240px;margin:0 auto;padding:16px 28px}
.xp-top a{text-decoration:none;color:inherit}
.xp-cta{font:700 14px "Kumbh Sans",sans-serif;padding:10px 18px;border-radius:999px;background:#2dd4bf;color:#04201c!important;white-space:nowrap}
.xp-band{max-width:1240px;margin:28px auto 0;padding:0 28px;text-align:center}
.xp-band h2{font:800 clamp(22px,2.6vw,30px)/1.15 "Kumbh Sans",sans-serif;margin:0;text-wrap:balance}
.xp-band p{font:600 16px/1.4 "Kumbh Sans",sans-serif;color:#2dd4bf;margin:4px 0 0;text-wrap:balance}
.xp-wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.xp-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}
.xp-tools input{flex:1;min-width:220px}

.xp-tile.url img,.xp-tile.url video{object-fit:contain;background:#0d1b2a}
.xp-now,.xp-group{min-width:0;max-width:100%}
@media(max-width:560px){.xp-now{aspect-ratio:auto;height:220px;min-height:0}.xp-group{aspect-ratio:4/3;min-height:0}.xp-long{display:none}.xp-top{padding:14px 16px}.xp-cta{padding:9px 14px;font-size:13px}}
@media(max-width:560px){.xp-friends{gap:6px}}