/* The site shell uses existing surfaces and menu classes. */
body:has(>header){padding-top:5rem}
body>header.member-shell-header{position:fixed;inset:0 0 auto;z-index:100;padding:.8rem max(1rem,calc((100% - 98rem)/2));min-height:4.4rem;gap:1rem;background:#010103;border-bottom:.1rem solid #ffffff15;box-sizing:border-box}
body>header.member-shell-header>[data-account-nav]{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;margin-left:auto;min-width:0}
.member-profile-menu,.member-notifications{position:relative;flex:none}
body>header .member-avatar{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-width:2.5rem;margin:0;padding:0;border:0;border-radius:50%;overflow:hidden;list-style:none;background:#20252e;color:#c6b3a1}
body>header .member-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:.1rem solid #c6b3a1}
body>header .member-avatar>svg{width:1.5rem;height:1.5rem}
body>header .member-notifications>summary{list-style:none;width:2.5rem;height:2.5rem;padding:.5rem;margin:0}
.member-avatar::-webkit-details-marker,.member-notifications>summary::-webkit-details-marker{display:none}
body .member-profile-menu>.action-menu{min-width:12rem}
body .member-notifications>.member-notification-panel{width:min(25rem,calc(100vw - 1rem));max-height:calc(100dvh - 6rem);overflow:auto;padding:1rem}
.member-notification-panel .overview-activity-list{max-height:none;margin:.7rem 0 0;padding:0;list-style:none}
.member-notification-panel .member-section-heading{display:flex;align-items:center;justify-content:space-between;gap:.7rem}
.member-notification-panel h2{font-size:1rem;margin:0}
body .member-settings-dialog{width:min(28rem,calc(100vw - 2rem));padding:1.5rem}
.member-settings-dialog h2{font-size:1.2rem;margin:0 2rem 1rem 0}
.member-settings-dialog .thumbnail-settings{display:grid;gap:.8rem;margin:0}
.member-settings-dialog .thumbnail-setting{display:flex;align-items:center;line-height:1.4;font-size:1rem}
body .member-settings-dialog .thumbnail-setting input[type=checkbox]{position:static!important;appearance:none!important;width:2.2rem!important;height:1.2rem!important;min-width:2.2rem!important;min-height:1.2rem!important;margin:0!important;padding:0!important;border:.1rem solid #ffffff35!important;border-radius:1rem!important;background-color:#010103!important;background-image:radial-gradient(circle at .5rem center,#c6b3a1 .3rem,transparent .4rem)!important;flex:none}
body .member-settings-dialog .thumbnail-setting input[type=checkbox]:checked{background-color:#f39f39!important;background-image:radial-gradient(circle at 1.5rem center,#010103 .3rem,transparent .4rem)!important}
body .member-overview-shell>.member-overview{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
.member-overview-shell .overview-upload,.member-overview-shell .overview-content,.member-overview-shell .overview-status{grid-column:1;grid-row:auto}
body.share-reader-page>header.member-shell-header{min-height:3.5rem;padding:.5rem 1rem}
@media(max-width:40rem){body>header.member-shell-header{gap:.5rem;padding:.6rem .8rem;flex-wrap:wrap}body>header.member-shell-header .brand>img{width:8rem;max-width:8rem;height:auto}body>header.member-shell-header>[data-account-nav]{gap:.3rem}body>header.member-shell-header .header-menu-label{display:none}}

body>header.member-shell-header+main{padding-top:4rem}
body.share-reader-page>header.member-shell-header+main{padding-top:0}
body .friends-layout>.friends-sidebar.groups-sidebar{position:sticky;grid-row:auto;grid-template-columns:minmax(0,1fr)}
@media(max-width:50rem){body .friends-layout>.friends-sidebar.groups-sidebar{position:static;grid-row:1}}

body>header .member-avatar>img,body>header .member-avatar>svg{transform:scale(1.25)}