.social-passport-page-heading { display:flex;align-items:center;gap:12px;margin-block:14px 20px; }
.social-passport-page-heading h1 { flex:1;min-width:0;font-size:25px;margin:0; }
.social-passport-header { display:grid;grid-template-columns:94px minmax(0,1fr);gap:20px;align-items:center;margin-block:12px 18px; }
.social-passport-avatar { width:94px;height:94px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit; }
.social-passport-avatar .avatar { width:100%;height:100%; }
.social-passport-counters { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-width:0; }
.social-passport-counters button { display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:none;color:inherit;border:0;padding:7px 2px;min-height:76px;min-width:0; }
.social-passport-counters strong { font-size:23px;line-height:1.2;font-variant-numeric:tabular-nums; }
.social-passport-counters span { font-size:12px;line-height:1.3;max-width:100%;overflow-wrap:anywhere; }
.social-passport-bio { min-width:0;margin-block-end:14px;text-align:start; }
.social-passport-bio > strong { display:block;font-size:20px;overflow-wrap:anywhere; }
.social-passport-bio p { margin:7px 0;font-size:14px;white-space:pre-wrap; }
.social-passport-bio .profile-metrics { justify-content:flex-start;margin-block:12px; }
.social-passport-actions { display:flex;gap:10px; }
.social-passport-actions:empty { display:none; }
.social-passport-actions .primary { display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border-radius:8px;box-shadow:none;margin:0 0 14px; }
.social-passport-actions svg { width:18px;height:18px; }
.social-passport-actions .primary[aria-pressed=true] { background:#2c2630; }
.social-passport-status { color:#baaec2;font-size:13px;min-width:0;overflow-wrap:anywhere; }
.social-passport-status:empty { display:none; }
.social-passport-tabs { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #493044;margin-block:18px 3px;gap:2px; }
.social-passport-tabs button { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:64px;padding:8px 2px;background:none;border:0;border-bottom:2px solid transparent;color:#bbaec4;font-size:12px;overflow-wrap:anywhere; }
.social-passport-tabs button svg { width:21px;height:21px; }
.social-passport-tabs button[aria-selected=true] { color:#ff82c9;border-bottom-color:#ff2daa; }
.social-passport-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px; }
.social-passport-tile { position:relative;isolation:isolate;min-width:0;aspect-ratio:1/1;overflow:hidden;background:#19131f;border:0;border-radius:0;padding:0;color:#f5edf4;text-align:start; }
.social-passport-tile > img { width:100%;height:100%;object-fit:cover;display:block; }
.social-passport-tile > svg { position:absolute;inset:10px auto auto 10px;width:17px;height:17px;color:#f081c2; }
.social-tile-copy { display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:12px;line-height:1.35;padding:30px 10px 10px; }
.social-tile-badge { position:absolute;top:7px;inset-inline-end:7px;display:grid;place-items:center;background:#100b16b3;width:28px;height:28px;border-radius:50%; }
.social-tile-badge svg { width:16px;height:16px; }
.social-passport-stamps { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.social-passport-stamp { min-width:0;overflow-wrap:anywhere; }
.social-passport-stamp > .adventure-scene { width:100%;aspect-ratio:4/3;border-radius:6px; }
.social-passport-stamp > strong,.social-passport-stamp > time { display:block;margin-block:8px;font-size:14px; }
.social-passport-stamp > time { font-size:12px;color:#b9abbf; }
.social-stamp-controls { display:flex;flex-wrap:wrap;align-items:center;gap:6px; }
.social-stamp-controls small { flex:1;min-width:0;font-size:11px; }
.social-stamp-controls .row-action { flex:none; }
.social-stamp-controls [aria-pressed=true] { color:#fa8dce;border-color:#d252a2; }
.social-passport-extras { margin-block-start:26px;border-block-start:1px solid #44303f;padding-block-start:16px; }
.social-connection-list { display:grid; }
.social-connection-person { display:grid;grid-template-columns:44px minmax(0,1fr) 20px;gap:12px;align-items:center;min-width:0;min-height:64px;padding:10px 0;background:none;color:inherit;border:0;border-block-end:1px solid #45303e;text-align:start; }
.social-connection-person .avatar { width:44px;height:44px; }
.social-connection-person strong { min-width:0;overflow-wrap:anywhere; }
.social-connection-person > svg { width:18px;height:18px; }
.world-moment-video { width:100%;display:block;max-height:680px;background:#08070a;border-radius:8px; }
.social-video-play { position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:56px;height:56px;background:#161019cf;color:white;border:1px solid #e5bdd5;border-radius:50%;display:grid;place-items:center; }
.social-video-play svg { width:24px;height:24px; }
.social-post-dialog .world-moment-header { padding-block-start:12px; }
@media(max-width:350px) { .social-passport-header { grid-template-columns:74px minmax(0,1fr);gap:10px; }.social-passport-avatar { width:74px;height:74px; }.social-passport-counters strong { font-size:20px; }.social-passport-counters span { font-size:11px; }.social-passport-tabs button { font-size:11px; }.social-passport-stamps { gap:10px; }.social-tile-copy { font-size:11px;padding-inline:7px;-webkit-line-clamp:4; } }
@media(min-width:760px) { .social-passport-header { grid-template-columns:120px minmax(0,1fr);gap:36px; }.social-passport-avatar { width:120px;height:120px; }.social-passport-counters strong { font-size:27px; }.social-passport-counters span { font-size:14px; }.social-passport-stamps { grid-template-columns:repeat(3,minmax(0,1fr)); }.social-tile-copy { font-size:15px;line-height:1.5;padding:35px 20px 12px; } }
