/* Shared community shell. Existing room media/layout contracts remain scoped. */
.social-site{--bg:#101114;--text:#f5f2f4;--muted:#b4afb9;--accent:#f08bb2;--social-line:#323138;--social-panel:#19191f;--social-soft:#222228;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;min-height:100dvh;margin:0}
.social-site *{box-sizing:border-box}.social-site a{color:inherit}.social-site h1,.social-site h2,.social-site h3{font-family:inherit;letter-spacing:-.04em;line-height:1.16;color:var(--text);margin:0}.social-site p{margin:0 0 16px}.social-site button,.social-site input,.social-site textarea,.social-site select{font:inherit}.social-site :focus-visible{outline:2px solid #f9b8d2;outline-offset:4px}.social-site input:not([type=checkbox]):not([type=radio]),.social-site textarea,.social-site select{background:#121216;color:var(--text);border:1px solid #625d6a;border-radius:10px;min-height:46px;padding:11px 14px;max-width:100%;box-shadow:none}.social-site textarea{resize:vertical}.social-site input::placeholder,.social-site textarea::placeholder{color:#9e98a4}.social-site input[type=file]{font-size:14px;padding:10px;overflow:hidden}.social-site input[type=file]::file-selector-button{background:#34313a;color:#fff;border:0;border-radius:5px;padding:7px 10px;margin-right:10px;cursor:pointer}.social-site label{font-weight:550}.social-site small,.social-small{font-size:13px}.social-site .btn{background:#f08bb2;color:#171017;border:1px solid transparent;box-shadow:none;border-radius:10px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;font-size:14px;font-weight:650;line-height:1.25;text-decoration:none;transition:background .16s,transform .16s;white-space:normal}.social-site .btn:hover{background:#f7aecb;transform:translateY(-1px)}.social-site .btn-outline{background:transparent;color:var(--text);border-color:#625d6a}.social-site .btn-outline:hover{background:#29252d}.social-site .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.social-site .btn svg{width:19px;height:19px}.social-muted{color:var(--muted)}.social-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:650;color:#d39db4;margin-bottom:12px!important}.social-text-link{font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:12px}.social-text-link:hover{text-decoration:underline}.social-text-button{background:none;color:var(--text);border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:10px 0;min-height:44px;font-size:14px}.social-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.social-wide{width:100%}.social-person-link{color:#f6c6d9!important;text-decoration:none;text-underline-offset:3px}.social-person-link:hover{text-decoration:underline}.social-honeypot{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}.social-inline-form{display:inline-flex;margin:0}.social-status{font-size:13px;color:#b5e4ca;display:inline-flex;align-items:center;gap:7px}.social-status:before{content:"";height:6px;width:6px;background:currentColor;border-radius:50%}
.social-header{height:84px;position:sticky;top:0;z-index:70;background:rgba(16,17,20,.96);border-bottom:1px solid var(--social-line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(28px,calc((100vw - 1360px)/2));backdrop-filter:blur(16px)}.social-brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.social-brand img{height:44px;width:156px;object-fit:contain}.social-brand span{font-size:12px;line-height:1.25;letter-spacing:.17em;font-weight:400}.social-brand b{display:block;font-weight:750;font-size:13px}.social-nav{display:flex;align-items:center;gap:5px;height:100%}.social-nav>a{display:flex;align-items:center;gap:8px;position:relative;padding:11px 13px;border-radius:8px;text-decoration:none;font-size:14px;color:#bab4bf;font-weight:550;min-height:44px}.social-nav>a:hover{background:#242128;color:#fff}.social-nav>a[aria-current=page]{color:#f6b4ce;background:#292028}.social-nav svg{height:20px;width:20px;flex-shrink:0}.social-count{display:inline-flex;align-items:center;justify-content:center;background:#f08bb2;color:#191118;border-radius:5px;font-size:11px;min-width:18px;height:18px;line-height:1;padding:0 4px;font-weight:750}.social-header-actions{display:flex;align-items:center;gap:16px}.social-language{margin:0}.social-site .social-language select{width:104px;font-size:12px;min-height:40px;padding:8px 24px 8px 9px;background:transparent;border-color:var(--social-line)}.social-account{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:13px;font-weight:550;max-width:160px}.social-account img{height:34px;width:34px;border-radius:50%;object-fit:cover;border:1px solid #625d6a}.social-account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-main{min-height:calc(100dvh - 168px)}.social-page{max-width:1240px;margin:0 auto;padding:46px 30px 64px}.social-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.social-page-heading h1{font-size:38px}.social-page-heading p:not(.social-eyebrow){margin:12px 0 0;color:var(--muted);font-size:15px}.social-footer{border-top:1px solid var(--social-line);padding:24px max(30px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:20px;color:#a69eaa;font-size:12px}.social-footer nav{display:flex;gap:18px;flex-wrap:wrap}.social-footer a{text-decoration:none}.social-footer a:hover{text-decoration:underline}.social-flash{max-width:1180px;margin:18px auto 0;border:1px solid #375947;background:#17271f;color:#cee9d7;padding:13px 18px;border-radius:10px}.social-flash.error{background:#301c24;border-color:#865266;color:#ffd4df}.social-site .form-errors{border:1px solid #a65e77;background:#2b1c24;color:#ffd4df;padding:14px 18px;border-radius:10px;margin:0 0 24px}.social-site .form-errors p:last-child{margin:0}
.social-landing{max-width:1240px;margin:auto;padding:84px 30px 64px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.social-landing h1{font-size:clamp(44px,4.4vw,66px);font-weight:650;letter-spacing:-.06em;line-height:1.08}.social-landing h1 em{font-style:normal;color:#f19cbe}.social-landing-intro{font-size:18px;line-height:1.65;color:#c7c1cb;max-width:520px;margin:27px 0 30px!important}.social-landing .social-small{margin-top:20px}.social-live-dot{display:inline-block;background:#f08bb2;width:5px;height:5px;border-radius:50%;vertical-align:middle;margin-right:7px}.social-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px;margin:0 auto 64px;border-top:1px solid var(--social-line);border-bottom:1px solid var(--social-line)}.social-entry{display:flex;gap:18px;padding:29px 25px;text-decoration:none}.social-entry+.social-entry{border-left:1px solid var(--social-line)}.social-entry>svg{width:25px;height:25px;flex-shrink:0;color:#e1a1bc}.social-entry h2{font-size:18px;letter-spacing:-.02em;margin-bottom:10px}.social-entry p{font-size:13px;color:var(--muted);margin:0}.social-entry>span{margin-left:auto;color:#a7a1ab}.social-entry:hover{background:#19171d}
.social-auth-layout{max-width:1100px;padding:58px 30px 70px;margin:auto;display:grid;grid-template-columns:1fr 440px;gap:86px;align-items:center}.social-auth-story h1{font-size:46px;max-width:440px}.social-auth-story>p:not(.social-eyebrow){color:#beb7c4;font-size:17px;line-height:1.7;max-width:420px;margin-top:25px}.social-auth-mark{font-size:155px;font-weight:250;line-height:1;color:#d382a8;letter-spacing:-.08em;margin-top:34px;display:flex;align-items:center;gap:25px}.social-auth-mark span{font-size:11px;letter-spacing:.36em;writing-mode:vertical-rl;color:#95798d}.social-auth-card{padding:35px;background:var(--social-panel);border:1px solid var(--social-line);border-radius:20px}.social-auth-card h2{font-size:26px;margin-bottom:12px}.social-auth-card>.social-muted{font-size:14px;margin-bottom:28px}.social-form{display:flex;flex-direction:column;gap:22px}.social-site .social-form .form-group{margin:0;display:flex;flex-direction:column;gap:9px}.social-form small{color:#bcb5c3;line-height:1.5}.social-form input{width:100%}.social-agreement{font-size:12px;font-weight:400!important;color:#beb5c4;display:flex;align-items:flex-start;gap:10px;line-height:1.7}.social-agreement input{width:17px;height:17px;flex-shrink:0;margin-top:3px;accent-color:#f08bb2}.social-agreement a{text-decoration:underline;text-underline-offset:3px}.social-auth-alt{text-align:center;font-size:13px;margin-top:24px!important}.social-auth-alt a{color:#fac0d8;text-underline-offset:3px}.social-auth-card>a.social-muted{font-size:12px;display:block;text-align:center}.social-auth-card>.social-small{margin-top:20px;margin-bottom:0;line-height:1.6}
/* A single photo and name make the directory easy to scan. */
.social-directory-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:18px}.social-tabs{display:flex;gap:24px;border-bottom:1px solid var(--social-line);overflow-x:auto;scrollbar-width:thin}.social-tabs>a{min-height:44px;padding:8px 0 13px;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--muted);font-size:14px;border-bottom:2px solid transparent}.social-tabs>a[aria-current=page]{border-color:var(--accent);color:#fff}.social-tabs b{color:#f5b7d0;font-size:12px}.social-search{display:flex;align-items:flex-end;gap:12px;width:100%}.social-search-field{flex:1;min-width:0}.social-sort-field{width:210px;flex-shrink:0}.social-search label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.social-search input,.social-search select{width:100%}.social-search>.btn{min-height:46px}.social-directory-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:28px;color:var(--muted);font-size:13px}.social-directory-summary p{margin:0}.social-directory-summary a{font-size:12px;min-height:32px}.social-people-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}.social-person-card{display:block;background:var(--social-panel);border:1px solid var(--social-line);border-radius:12px;overflow:hidden;min-width:0;text-decoration:none;transition:border-color .16s,background .16s}.social-person-card:hover{border-color:#c587a1;background:#252129}.social-person-card>img{display:block;aspect-ratio:1;width:100%;height:auto;object-fit:cover;background:#26212a}.social-person-card>h2{font-size:14px;font-weight:600;letter-spacing:-.015em;line-height:1.4;padding:11px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-empty{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:65px 25px;min-height:270px}.social-empty h1,.social-empty h2{font-size:25px;max-width:480px}.social-empty p{color:var(--muted);max-width:460px;margin:0}.social-empty-small{min-height:160px;background:#17171c;border:1px dashed #49424e;border-radius:12px;padding:30px}.social-empty-icon svg{width:42px;height:42px;color:#dba1bc}.social-pagination{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px;font-size:13px}.social-page-numbers{display:flex;align-items:center;gap:4px}.social-page-numbers>a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;text-decoration:none;border-radius:8px;border:1px solid transparent}.social-page-numbers>a:hover{background:#29252d}.social-page-numbers>a[aria-current=page]{background:#30212c;border-color:#bd7896;color:#ffc7de}.social-page-numbers>span{padding:0 3px}
.social-back{font-size:13px;text-decoration:none;display:inline-block;margin-bottom:22px;color:#bdb5c4!important}.social-profile{background:var(--social-panel);border:1px solid var(--social-line);border-radius:20px;overflow:hidden}.social-profile-cover{height:250px;background:#27212c}.social-profile-cover>img{height:100%;width:100%;object-fit:cover}.social-profile-body{padding:0 36px 30px;position:relative}.social-profile-avatar{width:124px;height:124px;border-radius:50%;border:6px solid var(--social-panel);object-fit:cover;margin-top:-62px;position:relative;background:#25212c}.social-profile-heading{display:flex;justify-content:space-between;gap:26px;align-items:center;margin-top:14px}.social-profile-heading h1{font-size:38px;overflow-wrap:anywhere}.social-profile-heading .social-eyebrow{letter-spacing:.06em;text-transform:none;font-size:13px;margin-bottom:7px!important;word-break:break-word}.social-profile-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.social-profile-actions .btn{font-size:13px}.social-bio{max-width:700px;overflow-wrap:anywhere;font-size:15px;line-height:1.7;margin:24px 0!important;color:#d0c9d5}.social-profile-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px;color:#a69eae}.social-profile-meta a{text-decoration:underline;text-underline-offset:4px}.social-profile-more{margin-left:auto;position:relative}.social-profile-more summary{cursor:pointer;min-height:36px;padding:8px}.social-profile-more[open]{background:#26212b;padding:10px 15px;border-radius:10px}.social-profile-more .social-inline-form{display:block}.social-profile-more .social-text-button{font-size:12px;color:#f4b7ca}.social-gallery-section{margin-top:40px}.social-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.social-section-heading h2{font-size:24px}.social-section-heading p{color:var(--muted);font-size:13px;margin-top:10px;margin-bottom:0}.social-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.social-photo-grid>a,.social-photo-grid figure>a{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:12px;background:#222027}.social-photo-grid img{height:100%;width:100%;object-fit:cover;transition:transform .2s}.social-photo-grid>a:hover img{transform:scale(1.025)}.social-photo-grid figure{margin:0}.social-photo-grid figure form{text-align:right}.social-photo-grid .social-text-button{font-size:12px;color:#e9b4c4}.social-photo-dialog{max-width:94vw;max-height:95dvh;border:1px solid #635867;background:#17131b;border-radius:12px;padding:12px;overflow:hidden}.social-photo-dialog::backdrop{background:#07050bee}.social-photo-dialog>img{max-width:86vw;max-height:85dvh;object-fit:contain;display:block}.social-photo-dialog>button{position:absolute;right:18px;top:18px;background:#18121dcc;color:#fff;border:1px solid #b8a4c0;border-radius:50%;width:44px;height:44px;font-size:28px;cursor:pointer}.social-editor-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:32px;align-items:start}.social-panel{padding:30px;border:1px solid var(--social-line);border-radius:16px;background:var(--social-panel)}.social-editor-preview{padding:25px;border-left:1px solid var(--social-line);min-width:0}.social-editor-preview>p:not(.social-eyebrow){color:var(--muted);font-size:14px;overflow-wrap:anywhere}.social-editor-banner{height:150px;object-fit:cover;width:100%;border-radius:12px}.social-editor-avatar{width:78px;height:78px;border-radius:50%;object-fit:cover;border:5px solid var(--bg);position:relative;margin-top:-35px;margin-left:15px}.social-editor-preview h2{font-size:23px;margin:10px 0;overflow-wrap:anywhere}.social-photo-upload{display:flex;align-items:center;gap:20px;margin-bottom:26px;background:#19171e;padding:20px;border-radius:12px}.social-photo-upload .form-group{display:flex;flex-direction:column;gap:7px;margin:0;flex:1;min-width:0}.social-photo-upload small{color:var(--muted)}.social-settings{max-width:850px}.social-settings .social-panel{margin-bottom:24px}.social-settings h2{font-size:22px;margin-bottom:20px}.social-settings .social-form{max-width:460px}.social-settings-links{display:flex;gap:20px;flex-wrap:wrap}.social-danger{border-color:#673e4e!important}.social-danger .btn{background:#40262f;color:#ffd0df;border-color:#a26079}
.social-inbox{display:grid;grid-template-columns:300px minmax(0,1fr);height:min(690px,calc(100dvh - 240px));min-height:450px;border:1px solid var(--social-line);border-radius:16px;overflow:hidden;background:var(--social-panel)}.social-threads{border-right:1px solid var(--social-line);overflow:auto}.social-threads>h2{font-size:15px;letter-spacing:-.01em;padding:23px 20px;border-bottom:1px solid var(--social-line)}.social-thread{display:flex;align-items:center;gap:11px;padding:17px 16px;text-decoration:none;border-bottom:1px solid #2a262f;transition:background .15s}.social-thread:hover{background:#28232d}.social-thread[aria-current=page]{background:#30232d;box-shadow:inset 3px 0 #ed93b8}.social-thread img{height:42px;width:42px;border-radius:50%;object-fit:cover;flex-shrink:0}.social-thread>span{min-width:0;flex:1}.social-thread strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-thread small{display:block;font-size:12px;color:#aca2b2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:4px}.social-inbox-empty{padding:24px;color:var(--muted);font-size:13px}.social-conversation{display:flex;flex-direction:column;min-width:0;overflow:hidden}.social-conversation>.social-empty{height:100%}.social-conversation-header{display:flex;align-items:center;gap:15px;padding:16px 22px;border-bottom:1px solid var(--social-line);flex-shrink:0;min-height:80px}.social-conversation-person{display:flex;gap:11px;align-items:center;text-decoration:none;flex:1;min-width:0}.social-conversation-person img{width:42px;height:42px;object-fit:cover;border-radius:50%}.social-conversation-person>span{min-width:0}.social-conversation-person strong{font-size:15px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-conversation-person small{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.social-conversation-header>.social-text-link{font-size:11px;flex-shrink:0}.social-conversation-back{display:none;font-size:24px;text-decoration:none}.social-message-history{padding:24px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin}.social-message-list{display:flex;flex-direction:column;gap:12px}.social-inbox .social-message{max-width:80%;align-self:flex-start;background:#2b2730;border-radius:12px 12px 12px 3px;padding:11px 15px}.social-inbox .social-message p{font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 6px}.social-inbox .social-message time{display:block;text-align:right;font-size:10px;color:#b7acbe}.social-inbox .social-message.is-own{align-self:flex-end;background:#483142;border-radius:12px 12px 3px 12px}.social-inbox .social-message.is-own time{color:#d7becf}.social-message-empty{text-align:center;color:var(--muted);font-size:13px;margin-top:48px!important}.social-message-composer{border-top:1px solid var(--social-line);padding:17px;display:flex;align-items:flex-end;gap:12px;flex-shrink:0;background:#19171e}.social-message-composer textarea{flex:1;min-width:0;resize:none;max-height:170px;min-height:50px!important;font-size:14px!important}.social-message-composer .btn{height:50px}.social-message-status{font-size:12px;color:#e0b1c4;padding:0 20px;min-height:22px;flex-shrink:0}.social-message-status:empty{min-height:0}.social-message-history>[data-load-older]{display:block;font-size:12px;margin:0 auto 16px}.social-message-history>[data-load-older][hidden]{display:none}
.social-site.public-wall-page .social-header{height:76px}.social-site.public-wall-page .wall-v4-page{padding-top:24px}.social-site.public-wall-page .wall-v7-sidebar,.social-site.public-wall-page .wall-v7-main{border-radius:14px}.social-site .social-wall-heading{max-width:1440px;margin:0 auto;padding:25px 24px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.social-site .social-wall-heading h1{font-size:28px}.social-site .social-wall-heading p{color:var(--muted);font-size:13px;margin:7px 0 0}.social-site #wallPrivateChatLauncher,.social-site [data-wall-mobile-private-chat]{display:none!important}.social-site .social-heading-copy:empty{display:none}.social-site .social-heading{justify-content:flex-end}.social-site .wall-v7-online-entry.social-person-link{display:flex;width:100%;text-decoration:none;color:#e8dfe9!important}.social-site .wall-v7-online-user .social-person-link{display:inline-block;min-height:30px;line-height:30px}.social-site .member-private-room-hero{background:none;border:0;padding:0;margin-bottom:30px}.social-site .member-private-room-hero h1{font-size:36px}.social-site .member-private-room-kicker{color:#d39db4;letter-spacing:.14em}.social-site .member-private-room-container{max-width:1180px}.social-site .member-private-room-management{padding-top:40px}.social-site .member-private-room-empty-visual{display:none}.social-site .member-private-room-empty{grid-template-columns:1fr;text-align:left;background:#19191f;border:1px solid var(--social-line);padding:32px;border-radius:16px}.social-site .member-private-room-empty h2{max-width:650px}.social-site .member-private-room-empty ul{padding-left:20px}.social-site .social-notice{max-width:1100px;margin:30px auto 0;padding:24px;border:1px solid #655063;background:#251e28;border-radius:12px}.social-notice h2{font-size:20px;margin-bottom:14px}.social-notice p{font-size:14px;color:#c9becf}.social-notice p:last-child{margin:0}
@media(min-width:1440px){.social-landing{padding-top:100px;padding-bottom:78px}}
@media(max-width:1120px){.social-header{gap:16px;padding:0 22px}.social-nav{gap:0}.social-nav>a{padding:10px;font-size:13px}.social-account span{display:none}.social-header-actions{gap:10px}.social-people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.social-auth-layout{gap:40px}.social-profile-heading{align-items:flex-start}.social-profile-actions{max-width:380px}.social-entry-grid{margin-left:30px;margin-right:30px}.social-inbox{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:800px){.social-header{height:70px;padding:0 20px}.social-brand img{width:130px;height:38px}.social-brand span{font-size:10px}.social-brand b{font-size:11px}.social-nav{position:fixed;bottom:0;left:0;right:0;top:auto;height:calc(66px + env(safe-area-inset-bottom));padding:4px 12px calc(4px + env(safe-area-inset-bottom));background:#151319;border-top:1px solid #443747;justify-content:space-around;z-index:100}.social-nav>a{display:flex;flex-direction:column;gap:4px;font-size:10px;letter-spacing:0;flex:1;border-radius:6px;height:54px;padding:6px 4px}.social-nav>a .social-count{position:absolute;top:3px;right:22%}.social-site:has(.social-nav){padding-bottom:calc(66px + env(safe-area-inset-bottom))}.social-header:has(.social-nav){backdrop-filter:none}.social-page{padding:32px 22px 45px}.social-page-heading h1{font-size:32px}.social-page-heading{gap:16px}.social-page-heading>.btn{font-size:12px;padding:10px 12px}.social-footer{padding:22px;flex-direction:column;gap:12px}.social-footer nav{gap:15px}.social-landing{padding:48px 25px;gap:32px;grid-template-columns:1.2fr .8fr}.social-landing h1{font-size:43px}.social-landing-intro{font-size:15px}.social-entry-grid{grid-template-columns:1fr;margin:0 25px 45px}.social-entry{padding:22px 0}.social-entry+.social-entry{border-left:0;border-top:1px solid var(--social-line)}.social-auth-layout{grid-template-columns:1fr;max-width:540px;padding:36px 25px 46px;gap:24px}.social-auth-story h1{font-size:32px;max-width:none}.social-auth-story>p:not(.social-eyebrow){font-size:14px;max-width:none;margin-top:14px}.social-auth-mark{display:none}.social-auth-card{padding:27px}.social-people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.social-profile-cover{height:210px}.social-profile-body{padding:0 25px 25px}.social-profile-heading{flex-direction:column;gap:20px}.social-profile-actions{max-width:none;justify-content:flex-start}.social-profile-heading h1{font-size:32px}.social-profile-meta{gap:16px}.social-editor-grid{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.social-panel{padding:24px}.social-editor-preview{padding:15px}.social-photo-grid{gap:12px}.social-inbox{grid-template-columns:220px minmax(0,1fr);height:calc(100dvh - 272px);min-height:450px}.social-conversation-header{padding:14px}.social-conversation-header>.social-text-link{display:none}.social-message-history{padding:16px}.social-inbox .social-message{max-width:90%}.social-message-composer{padding:12px;gap:8px}.social-message-composer .btn{padding:10px}.social-message-composer textarea{font-size:16px!important}.social-site.public-wall-page .social-header{height:70px}}
@media(max-width:580px){.social-header{padding:0 16px;gap:10px}.social-site .social-language select{width:92px;min-height:36px;font-size:11px}.social-account img{width:32px;height:32px}.social-header-actions>.btn{font-size:12px;min-height:36px;padding:8px 12px}.social-header-actions{gap:8px}.social-brand{gap:7px}.social-landing{display:block;padding:44px 24px 28px}.social-landing h1{font-size:43px;line-height:1.1}.social-landing-intro{margin:22px 0 25px!important;font-size:16px}.social-landing .social-actions{gap:16px}.social-landing .social-text-link{font-size:12px}.social-entry-grid{margin:0 24px 35px}.social-page{padding:28px 16px 40px}.social-page-heading{align-items:flex-start;margin-bottom:23px}.social-page-heading h1{font-size:30px}.social-page-heading p:not(.social-eyebrow){font-size:13px;line-height:1.6}.social-eyebrow{font-size:10px;letter-spacing:.14em}.social-page-heading>.btn{max-width:135px;flex-shrink:0}.social-tabs{gap:22px}.social-tabs>a{font-size:13px}.social-search .btn{font-size:12px;padding:10px 15px}.social-people-grid{gap:12px}.social-person-cover{height:94px;margin-bottom:25px}.social-person-avatar{width:60px;height:60px;left:12px;bottom:-24px;border-width:3px}.social-person-copy{padding:10px 12px 16px}.social-person-title h2{font-size:17px}.social-person-title>span{font-size:11px}.social-person-copy>p{font-size:12px;line-height:1.5;margin:12px 0 15px;-webkit-line-clamp:3}.social-card-actions .social-text-link{font-size:11px;gap:4px}.social-card-actions .btn{font-size:11px;padding:8px;min-height:40px}.social-profile-cover{height:170px}.social-profile-body{padding:0 20px 23px}.social-profile-avatar{width:100px;height:100px;margin-top:-50px;border-width:5px}.social-profile-heading h1{font-size:30px}.social-profile-actions{gap:9px}.social-profile-actions .btn{font-size:12px;padding:10px 13px}.social-profile-meta{font-size:11px;gap:14px}.social-profile-more{margin-left:0}.social-bio{font-size:14px}.social-section-heading h2{font-size:23px}.social-section-heading>.social-text-link{font-size:12px}.social-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.social-editor-grid{grid-template-columns:1fr}.social-editor-preview{display:none}.social-panel{padding:22px}.social-photo-upload{flex-direction:column;align-items:stretch;padding:17px;gap:15px}.social-photo-upload input{width:100%}.social-form input,.social-form textarea{font-size:16px!important}.social-auth-layout{padding:30px 20px 40px}.social-auth-card{padding:24px 21px}.social-auth-story h1{font-size:32px}.social-auth-story>p{margin-bottom:0}.social-inbox{display:block;height:calc(100dvh - 240px);min-height:420px}.social-threads{height:100%;border:0}.social-conversation{display:none;height:100%}.social-inbox.has-conversation .social-threads{display:none}.social-inbox.has-conversation .social-conversation{display:flex}.social-conversation-back{display:block;flex-shrink:0}.social-conversation-person strong{font-size:14px}.social-conversation-header{min-height:72px;gap:13px}.social-message-composer textarea{min-height:47px!important;padding:10px}.social-message-composer .btn{height:47px;min-height:47px;font-size:13px}.social-inbox .social-message time{font-size:10px}.social-inbox .social-message{padding:10px 13px}.social-messages-page .social-page{padding-top:22px;padding-bottom:25px}.social-messages-page .social-page-heading{margin-bottom:17px}.social-messages-page .social-eyebrow{display:none}.social-flash{margin:12px 16px 0;font-size:13px}.social-site .social-wall-heading{padding:22px 16px 0;align-items:flex-start}.social-site .social-wall-heading h1{font-size:25px}.social-site .social-wall-heading p{font-size:12px}.social-site .social-wall-heading>.btn{font-size:11px;flex-shrink:0;padding:10px 12px}.social-site .member-private-room-management{padding-top:26px}.social-site .member-private-room-hero h1{font-size:30px}.social-site .member-private-room-empty{padding:24px}.social-site .social-notice{margin:22px 16px 0;padding:20px}.social-notice h2{font-size:18px}.social-notice p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.social-site *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Community navigation, native controls and the original site's welcome photograph. */
.social-site select{color-scheme:dark}.social-site select option{background:#19191f;color:#f5f2f4}.social-site .social-language select{min-height:44px}.social-header-actions{gap:12px}.social-account{min-height:44px;min-width:34px}.social-account img{flex-shrink:0}.social-logout{margin:0;flex-shrink:0}.social-logout button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:9px;background:transparent;border:1px solid var(--social-line);border-radius:9px;color:var(--text);font-size:12px;cursor:pointer}.social-logout button:hover{background:#29252d}.social-logout svg{height:19px;width:19px}.social-auth-layout{max-width:1120px;grid-template-columns:minmax(0,1fr) 440px;gap:48px;padding-top:38px;padding-bottom:40px}.social-auth-story{height:600px;min-width:0;position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--social-line);background:#19191f}.social-auth-photo{position:absolute;inset:0}.social-auth-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}.social-auth-caption{position:absolute;inset:auto 0 0;padding:100px 28px 28px;background:linear-gradient(transparent,#101114ed 40%,#101114)}.social-auth-caption h1{font-size:40px;max-width:390px}.social-auth-caption>p:last-child{font-size:14px;line-height:1.65;color:#ded6de;margin:16px 0 0;max-width:370px}.social-auth-caption .social-eyebrow{color:#f9bbd5}.social-site .social-room-label{font-size:12px;color:var(--muted);white-space:nowrap}.social-site #wallCommunityPage.has-social-feed .social-heading .wall-v15-room-form{display:flex;align-items:center;gap:10px;width:auto;flex:0 1 auto}.social-site #wallCommunityPage.has-social-feed #wallRoomSelect{width:185px}.social-site #wallCommunityPage.has-social-feed .wall-v7-layout{grid-template-areas:'gallery chat';grid-template-columns:minmax(0,1fr) 260px}.social-site #wallCommunityPage.has-social-feed{max-width:1240px}.social-site .social-wall-heading{max-width:1240px}
@media(max-width:1120px){.social-people-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.social-logout span{display:none}.social-auth-layout{gap:30px;grid-template-columns:minmax(0,1fr) 400px}.social-auth-caption{padding-left:24px;padding-right:24px}.social-auth-caption h1{font-size:34px}}
@media(max-width:900px){.social-site #wallCommunityPage.has-social-feed .wall-v7-layout{display:flex}}
@media(max-width:800px){.social-people-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.social-auth-layout{grid-template-columns:1fr;gap:22px;max-width:540px;padding-top:24px}.social-auth-story{height:190px;display:grid;grid-template-columns:35% 65%}.social-auth-photo{position:static;min-width:0;overflow:hidden}.social-auth-photo img{object-position:center 25%}.social-auth-caption{position:static;padding:22px 18px;background:none;align-self:center}.social-auth-caption h1{font-size:29px;line-height:1.15}.social-auth-caption>p:last-child{display:none}.social-auth-caption .social-eyebrow{font-size:9px;letter-spacing:.08em;line-height:1.6}.social-header-actions{gap:8px}}
@media(max-width:580px){.social-brand img{width:112px}.social-header-actions{gap:6px}.social-people-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.social-person-card{border-radius:10px}.social-person-card>h2{font-size:13px;padding:10px 8px}.social-tabs{gap:20px}.social-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 10px}.social-search-field{grid-column:1/-1}.social-sort-field{width:auto;min-width:0}.social-search input,.social-search select{font-size:16px!important}.social-search>.btn{align-self:end}.social-directory-controls{gap:16px}.social-directory-summary{font-size:12px}.social-pagination{display:grid;grid-template-columns:1fr 1fr;gap:14px}.social-page-numbers{grid-column:1/-1;grid-row:1;justify-content:center}.social-page-previous{grid-column:1}.social-page-next{grid-column:2}.social-auth-caption h1{font-size:26px}.social-auth-story{height:174px}.social-site #wallCommunityPage.has-social-feed #wallRoomSelect{width:155px}.social-site .social-room-label{font-size:11px}}
@media(max-width:360px){.social-brand img{width:90px}.social-site .social-language select{width:84px}.social-header{padding:0 12px}.social-auth-caption{padding:16px 12px}.social-auth-caption h1{font-size:24px}}

.social-site .has-social-feed .social-message{font:inherit;font-size:15px;line-height:1.6;margin:0;padding:0 16px 16px;background:none;border-radius:0;max-width:none}
.social-site.room-gallery-page{height:100dvh;min-height:0;padding-bottom:0}.social-site.room-gallery-page .social-footer{display:none}

/* Original editorial photography on the public landing. */
.social-landing-visual{position:relative;height:520px;min-width:0;overflow:hidden;border:1px solid #3a2938;border-radius:18px;background:#1a151d}.social-landing-visual>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center top;filter:none}.social-landing-visual::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#100c13d9);pointer-events:none}.social-visual-caption{position:absolute;z-index:1;bottom:25px;left:25px;right:25px;font-size:12px;font-weight:600;letter-spacing:.09em;color:#fff;line-height:1.5;text-shadow:0 1px 8px #0008}
@media(max-width:800px){.social-landing-visual{height:390px}.social-visual-caption{left:20px;right:20px;bottom:20px;font-size:11px;letter-spacing:.05em}}
@media(max-width:580px){.social-landing-visual{height:360px;margin-top:32px;border-radius:16px}}

/* Presence is shared by the member directory and profile friend lists. */
.social-person-card{position:relative}.social-online-indicator{position:absolute;right:8px;top:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#13271f;border:1px solid #8ad7ad;border-radius:50%;box-shadow:0 1px 6px #0005}.social-online-indicator i{width:8px;height:8px;border-radius:50%;background:#86edb4}.social-profile-presence{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap;margin-top:20px;font-size:13px}.social-presence-label{display:inline-flex;gap:7px;align-items:center;color:var(--muted)}.social-presence-label i{width:8px;height:8px;border-radius:50%;background:#7e7887}.social-presence-label.is-online{color:#a2e4bc}.social-presence-label.is-online i{background:#86edb4}.social-last-active{color:var(--muted);overflow-wrap:anywhere}.social-last-active time{color:#d0c9d5}.social-profile-friends{margin-top:36px;scroll-margin-top:105px}.social-friend-count{font-size:16px;letter-spacing:0;color:var(--muted);font-weight:500}#people-sort-form{margin:0}#people-sort-form:not(:has(button)){display:none}@media(max-width:580px){.social-profile-presence{gap:9px;font-size:12px;align-items:flex-start;flex-direction:column}.social-profile-friends{scroll-margin-top:90px}.social-online-indicator{top:6px;right:6px;width:22px;height:22px}}

@media(max-width:580px){.social-search-field{grid-column:1;grid-row:1}.social-search>.btn{grid-column:2;grid-row:1}.social-sort-field{grid-column:1/-1;grid-row:2}}
