/* Community pages use a real document scroll, with media independent of navigation. */
.profile { background:#000;color:#fff; }
#main.page.profile { max-width:none;padding-top:0;padding-inline:0;margin-right:0; }
#main.profile.public-profile { margin-left:0; }
.profile .profile-head { padding:0 0 20px;max-width:none;width:100%;margin:0; }
.profile .profile-head>:not(.profile-identity) { max-width:760px; }
.profile .profile-identity { position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:284px;padding:calc(88px + var(--safe-t)) max(18px,var(--safe-r)) 20px max(18px,var(--safe-l));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:#080808;border:0;border-bottom:1px solid #ffffff1a;border-radius:0; }
.profile .profile-identity.has-cover { min-height:340px; }
.profile .profile-top { position:absolute;inset:0 0 auto;z-index:3;display:flex;justify-content:space-between;gap:12px;min-height:calc(52px + var(--safe-t));padding:var(--safe-t) max(12px,var(--safe-r)) 0 max(16px,var(--safe-l));margin:0;background:linear-gradient(#0008,#0000)!important;pointer-events:none; }
.profile .profile-top>* { pointer-events:auto; }
.profile .profile-top .top-title { text-align:left;text-shadow:0 1px 8px #000; }
.profile .profile-top .icon-btn,.profile .profile-top>.btn { flex:none;margin-left:auto;background:#0008;border:1px solid #ffffff30; }
.profile-cover,.profile-cover-shade { position:absolute;inset:0;width:100%;height:100%;z-index:-2; }
.profile-cover { object-fit:cover; }
.profile-cover-shade { z-index:-1;background:linear-gradient(180deg,#0002,#0005 35%,#000e 100%); }
.profile .profile-identity h1,.profile .profile-identity .handle,.profile .profile-identity .stats { text-shadow:0 1px 8px #000; }
.profile-cover-edit { position:absolute;z-index:2;top:calc(58px + var(--safe-t));right:max(12px,var(--safe-r));max-width:calc(100% - 24px);min-height:44px;background:#0009!important;border:1px solid #ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff!important; }
.profile-cover-reveal { position:absolute;inset:0;z-index:0;width:100%;height:100%;background:none;border:0;cursor:pointer; }
.profile .profile-identity>.p-avatar,.profile .profile-identity>h1,.profile .profile-identity>.handle,.profile .profile-identity>.stats { position:relative;z-index:1; }
.profile-photo-reveal { position:absolute;inset:-10px;z-index:0;border-radius:50%;background:none;border:0;cursor:pointer; }
.profile .p-avatar>.avatar { position:relative;z-index:1; }
.profile .p-avatar-edit { z-index:2;width:44px;height:44px;right:-10px;bottom:-8px; }
.profile-image-hint { display:none;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;max-width:calc(100vw - 32px);padding:6px 9px;border-radius:8px;background:#000;color:#fff;font-size:12px; }
.profile-cover-reveal .profile-image-hint { top:calc(58px + var(--safe-t)); }
.profile-photo-reveal .profile-image-hint { top:100%; }
.profile-cover-reveal:focus-visible,.profile-photo-reveal:focus-visible { outline:3px solid #50ee92;outline-offset:-4px; }
.profile-cover-reveal:focus-visible .profile-image-hint,.profile-photo-reveal:focus-visible .profile-image-hint { display:block; }
.profile [hidden] { display:none!important; }
.profile-unavailable-head { display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(8px + var(--safe-t)) 16px 8px; }
.profile .stats { display:flex;gap:clamp(12px,4vw,30px);justify-content:center;flex-wrap:wrap;max-width:100%;margin-top:18px; }
.profile .stats>* { display:grid;min-width:46px;text-align:center;color:#fff; }
.profile .stats strong { font-size:19px;line-height:1.25; }
.profile .stats span { color:#d0d0d0;font-size:12px; }
.profile .bio,.profile .website,.profile .profile-college { margin:16px 16px 0; }
.profile-add-bio { display:block;text-align:center;width:calc(100% - 32px);white-space:normal; }
.profile-college { display:flex;align-items:center;justify-content:center;gap:6px;overflow-wrap:anywhere; }
.profile .p-buttons { padding:16px 12px 0;gap:8px; }
.profile-locked { margin:24px 12px 4px;padding:24px;border:1px solid #ffffff22;border-radius:20px;background:#090909;text-align:center; }
.profile-locked h2 { display:flex;gap:8px;align-items:center;justify-content:center;font-size:20px; }
.profile-locked p { color:#bcbcbc;margin-top:10px; }
.profile .p-tabs { top:var(--safe-t);background:#000e;max-width:760px;margin-inline:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px); }
.profile-stream { display:block;width:100%;max-width:760px;margin-inline:auto; }
.profile-post { display:block;margin:0 0 18px;padding:16px 0;border-bottom:1px solid #ffffff25;background:#000;overflow:clip;overflow-wrap:anywhere;scroll-margin-top:90px; }
.profile-post-head { display:flex;align-items:center;justify-content:space-between;gap:10px;padding-inline:12px; }
.profile-post-author { display:flex;align-items:center;gap:10px;min-width:0; }
.profile-post-author>span:last-child { min-width:0;display:grid;gap:2px;text-align:left; }
.profile-post-author strong { font-size:15px; }
.profile-post-author small { font-size:12px;color:#bcbcbc;overflow-wrap:anywhere; }
.profile-post-title { font-size:18px;line-height:1.3;padding:14px 14px 0;text-align:left; }
.profile-post-text { padding:12px 14px 16px;white-space:pre-wrap;font-size:17px;line-height:1.5;text-align:left;overflow-wrap:anywhere; }
.profile-post-image { display:block;width:100%;padding:0;background:#000;cursor:zoom-in; }
.profile-post-image img { width:100%;height:auto;max-height:min(720px,80dvh);object-fit:contain; }
.profile-post-video { display:block;background:#000;width:100%;height:auto;max-height:min(720px,80dvh);object-fit:contain; }
.profile-post-audio { display:block;width:calc(100% - 28px);margin:12px 14px; }
.profile-post>.btn { margin:12px 14px; }
.profile-post>.post-credit { text-align:left;margin:10px 14px;font-size:12px; }
.profile-post-actions { display:flex;align-items:center;gap:12px;padding:12px 12px 0;min-height:48px; }
.profile-post-actions>* { display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:40px;min-height:40px;color:#fff;font-size:12px; }
.profile-post-actions [aria-pressed=true] { color:#50ee92; }
.profile-post-actions button:nth-last-child(2) { margin-left:auto; }
.profile-content-label { margin:12px 14px 0;border:1px solid #ffffff30;border-radius:10px;padding:8px 10px;color:#ddd;font-size:12px; }
.profile #p-more { max-width:760px;margin:12px auto; }
#cover-preview>img { max-height:260px;max-width:100%;object-fit:contain;border-radius:14px;background:#000; }
#cover-preview { margin:12px 0; }
#cover-progress { font-size:13px;color:#bcbcbc;min-height:20px;margin-block:8px; }
.friends-tabs { display:flex;align-items:center;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;gap:8px;margin:10px -4px 24px;padding:4px; }
.friends-tabs>a { display:flex;gap:7px;align-items:center;flex:none;white-space:nowrap;min-height:44px;border:1px solid #ffffff26;border-radius:18px;padding:8px 12px;color:#fff;background:#ffffff08;font-size:13px; }
.friends-tabs>a.active { border-color:#50ee92;color:#50ee92;background:#50ee9212; }
.friends-tabs small { font-size:11px;opacity:.8; }
.connections .connection-row { background:#ffffff07;border-color:#ffffff22; }
.connections .connection-row>div { align-items:center; }
.connections .connection-row .btn { white-space:normal; }
.public-profile { min-height:100dvh;padding-bottom:max(32px,var(--safe-b)); }
@media(max-width:359px){.profile .profile-identity{padding-inline:10px}.profile .profile-identity.has-cover{min-height:320px}.profile-post-actions{gap:3px;padding-inline:6px}.profile-post-actions>*{font-size:11px;min-width:38px}.profile .p-buttons>.btn{flex:1 1 100px}.connections .connection-row{padding:12px 10px}.connections .connection-row>div{max-width:130px}.profile .stats{gap:13px}.profile .stats span{font-size:11px}}
@media(min-width:768px){.profile-post{border:1px solid #ffffff22;border-radius:20px;padding-bottom:6px}.profile-stream{padding-top:12px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.profile-cover-edit,.profile .p-tabs{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000!important}}
html[data-transparency=reduce] .profile-cover-edit,html[data-transparency=reduce] .profile .p-tabs{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000!important}

/* 2.8.1: Back on someone else's profile */
.profile-top-start{display:flex;align-items:center;gap:4px;min-width:0}.profile-top-start .top-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile .profile-top .profile-top-start .icon-btn{margin-left:-8px;grid-column:auto}