.official-family-brand{display:inline-flex;flex-direction:column;align-items:center;width:220px;max-width:100%;color:#111;line-height:1;flex-shrink:0}.official-family-brand svg{width:100%;height:auto;display:block;overflow:visible}.official-family-brand>span{font:700 17px Arial,sans-serif;letter-spacing:.32em;padding-left:.32em;margin-top:5px}.wordmark{border:0!important}.wordmark .official-family-brand{width:205px}.onboarding-logo .official-family-brand,.auth-copy .official-family-brand{width:260px}.family-phone-only,.family-phone-nav{display:none}
@media(max-width:700px){
 :root{--red:#e50914;--accent:#e50914}body{background:#fff;font-size:16px;color:#111}button,input,select,textarea{font-size:16px}button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #e50914}
 .topbar{position:sticky;top:0;z-index:30;display:flex;height:88px;padding:12px 18px;gap:16px;background:#fff;border:0}.topbar .wordmark{margin:0;padding:0;min-width:0}.wordmark .official-family-brand{width:190px}.wordmark .official-family-brand>span{font-size:14px}.topbar .tabs,.topbar #messages-open,.topbar #profile-open{display:none}.header-actions{margin-left:auto;gap:0}.header-actions #notifications-open{background:#fff;border:0;border-radius:0;width:44px;height:44px;box-shadow:none}.header-actions svg{width:27px;height:27px}
 #family-app{display:block;max-width:700px;margin:0 auto;padding:0 0 calc(90px + env(safe-area-inset-bottom))}#family-app[hidden],.topbar[hidden]{display:none!important}#family-app main{display:flex;flex-direction:column;min-width:0;padding:0;width:100%}
 #family-app main>.welcome-hero,#family-app main>.family-voice,#family-app main>#today-family,#family-app main>#weekly-habit,#family-app main>.category-nav,#family-app main>.certification-banner,#family-app main>.family-agent,#family-app main>#family-stats{display:none}
 #family-app .content-grid{display:flex;flex-direction:column;gap:0;width:100%;margin:0;order:1}.content-grid>.details{display:none}.content-grid>.stories{order:0;padding:10px 16px 14px;margin:0}.stories-heading,.stories-note{display:none}.story-tray{gap:14px;padding:0 0 8px}.story-person{width:76px;flex:0 0 76px}.story-portrait{width:70px!important;height:70px!important;border:2px solid #e50914!important;padding:3px;box-shadow:none!important}.story-person strong{font-size:14px;font-weight:500;line-height:1.3}.story-round-plus{background:#e50914!important;color:white!important}.story-empty{font-size:14px}
 #feed{width:100%;min-width:0;order:1;padding:0}.feed-heading{display:none}.composer{margin:0;padding:12px 16px 16px;border:0;border-bottom:1px solid #eee;border-radius:0;box-shadow:none;background:#fff}.compose-row{gap:10px}.compose-row .mini-avatar{width:42px;height:42px;flex-shrink:0}.compose-row #compose-open{font-size:16px;background:#f6f6f6;border:1px solid #eee;border-radius:28px;padding:13px 16px;min-height:48px;text-align:left;color:#666}.compose-bottom{padding:10px 0 0;gap:10px;justify-content:space-between}.compose-bottom button{min-height:44px;font-size:14px}.compose-bottom #write-post{display:none}.primary{background:#e50914;color:#fff;border:0;box-shadow:none;min-height:44px}.outline{background:#fff;color:#111;border:1px solid #333;box-shadow:none;min-height:44px}
 #post-list .post{margin:0;padding:18px 0;border:0;border-bottom:1px solid #e9e9e9;border-radius:0;background:#fff;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}#post-list .post-meta{padding:0 16px;margin-bottom:12px;order:0}.post-avatar{height:44px;width:44px;flex-shrink:0}.post-author{font-size:16px}.post-date{font-size:14px}.post-author-meta{min-width:0;overflow-wrap:anywhere}.post-body{padding:0 16px;font-size:16px;line-height:1.5;order:3;margin:12px 0}.post-photo-button,.post-video{order:2;width:100%;border-radius:0!important;margin:0!important}.post-photo{width:100%;max-height:580px;object-fit:contain;border-radius:0}.post-celebration{order:1;margin:0 16px 12px;align-self:flex-start;font-size:14px}.post .reaction-summary{order:4;padding:6px 16px;font-size:14px}.post .post-actions{order:5;padding:0 12px;border:0;gap:4px}.post-actions button{min-height:44px;font-size:14px}.post-actions .liked{color:#e50914}.post .comments{order:6;padding:0 16px}.post .certificate-card,.post .certificate-link{order:3}.post .comment-form input{min-width:0;font-size:16px}.empty-feed{padding:28px 18px;background:white}.empty-feed h3{font-size:22px}#family-polls{order:5;padding:0 16px}.family-poll{margin:0}#certification-review{margin:16px}
 .family-phone-nav:not([hidden]){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:50;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee;min-height:72px}.family-phone-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:50px;padding:0;background:none;border:0;color:#111;font-size:14px}.family-phone-nav svg{width:26px;height:26px}.family-phone-nav [aria-current],.family-phone-nav [data-inbox-active]{color:#e50914}.family-phone-nav:has([data-inbox-active]) [aria-current]{color:#111}body:has(#onboarding:not([hidden])) .family-phone-nav,body:has(#auth-screen:not([hidden])) .family-phone-nav{display:none}
 body:not([data-family-phone-page="celebrations"]) #celebrations{display:none}body[data-family-phone-page="celebrations"] #celebrations{display:block;order:0;padding:10px 18px;margin:0}#celebrations>h1{display:block;font-size:28px;letter-spacing:-.5px;margin:6px 0 18px}#celebrations .celebrations-heading .eyebrow,#celebrations .celebrations-heading h2{display:none}#celebrations .celebrations-heading p{margin:0 0 12px}#celebrations .celebrations-heading{gap:8px}#manage-members{font-size:14px;min-height:44px;margin-bottom:12px}.family-celebration-tabs{display:flex;gap:10px;overflow-x:auto;border-bottom:1px solid #eee;margin-bottom:18px}.family-celebration-tabs button{padding:12px 2px;flex:1;border:0;border-bottom:2px solid transparent;background:#fff;white-space:nowrap;font-size:14px;min-height:44px}.family-celebration-tabs [aria-pressed=true]{border-color:#e50914;color:#e50914}#celebrations .celebration-grid{display:block}#celebrations .milestone-card{margin:0;padding:10px 0 18px}#celebrations .milestone-icon,#celebrations .contributor-card,#celebrations .year-mark,#your-contribution{display:none}#celebrations .milestone-heading{margin:0 0 12px}#celebrations .milestone-heading h3{font-size:21px}#celebrations .milestone-person{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #eee}.milestone-person .person-initials{width:44px;height:44px;background:#f5f5f5;overflow:hidden}.person-initials img{width:100%;height:100%;object-fit:cover}#celebrations .milestone-person-copy{min-width:0}#celebrations .milestone-person-copy strong{font-size:16px}#celebrations .milestone-person-copy span,#celebrations .date-pill{font-size:14px}.celebrate-button{grid-column:2/-1;justify-self:start;min-height:44px;border:0;border-radius:8px;background:#e50914;color:white;padding:10px 14px;font-size:14px}body[data-family-celebration="birthday"] .anniversary-card,body[data-family-celebration="anniversary"] .birthday-card,body[data-family-celebration="certification"] .birthday-card,body[data-family-celebration="certification"] .anniversary-card{display:none}body[data-family-phone-page="celebrations"] .stories,body[data-family-phone-page="celebrations"] .composer,body[data-family-phone-page="celebrations"] #family-polls{display:none}
 #family-phone-profile{order:0;padding:10px 18px 0}body[data-family-phone-page="profile"] #family-phone-profile{display:block}#family-phone-profile h1{font-size:28px;margin:6px 0 24px}#family-phone-identity{text-align:center}#family-phone-identity h2{font-size:24px;margin:16px 0 6px}#family-phone-identity p{font-size:16px;color:#666;margin:0 0 18px}.family-profile-photo{position:relative;display:block;width:120px;height:120px;border-radius:50%;border:0;background:#f5f5f5;padding:0;margin:auto}.family-profile-photo>.portrait-frame{border-radius:50%;overflow:hidden;width:100%;height:100%}.family-profile-photo>img{width:100%;height:100%;object-fit:cover;border-radius:50%}.family-profile-photo>span:last-child{position:absolute;bottom:0;right:0;border-radius:50%;background:#fff;border:1px solid #ddd;width:32px;height:32px;font-size:24px}.family-profile-tabs{display:flex;border-bottom:1px solid #eee;margin-top:24px}.family-profile-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:#fff;padding:14px;color:#666;min-height:48px}.family-profile-tabs [aria-pressed=true]{color:#e50914;border-color:#e50914}#family-profile-about dl{margin:12px 0 22px}#family-profile-about dl>div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #eee}#family-profile-about dd{margin:0;text-align:right;color:#555;overflow-wrap:anywhere}#family-profile-about>button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:18px 0;border:0;border-bottom:1px solid #eee;background:#fff;font-size:16px}#family-profile-about>[data-family-signout]{color:#e50914;justify-content:center;border:0;margin-top:14px}body[data-family-profile-tab="posts"] #family-profile-about{display:none}body[data-family-phone-page="profile"] .stories,body[data-family-phone-page="profile"] .composer,body[data-family-phone-page="profile"] #family-polls{display:none}body[data-family-phone-page="profile"][data-family-profile-tab="about"] .content-grid{display:none}body[data-family-phone-page="other"] .stories,body[data-family-phone-page="other"] #family-polls{display:none}#alternate{padding:12px 18px;border:0;background:#fff;box-shadow:none}.resource-card{font-size:16px}.resource-card p{font-size:14px}
 dialog{max-width:100%;max-height:94dvh;padding:20px;border:1px solid #eee;border-radius:16px}#messages-dialog{width:100%;height:calc(100dvh - 80px);max-height:calc(100dvh - 80px);margin:0 0 auto;padding:18px;border-radius:0;border:0}dialog .dialog-title h2{font-size:24px}dialog input,dialog textarea,dialog select{font-size:16px}.close{min-width:44px;min-height:44px}#toast{bottom:calc(90px + env(safe-area-inset-bottom));z-index:100}
}
@media(max-width:700px){body[data-family-phone-page="other"] #family-app main>.family-agent{display:block;order:8;padding:18px}.family-agent .agent-foot{font-size:14px}}

.wordmark .official-family-brand,.wordmark .official-family-brand>span{border:0;padding:0}.wordmark .official-family-brand>span{padding-left:.32em}
/* One scrolling surface on phones; navigation is outside that surface. */
@media(max-width:700px){
 html:has(body.family-phone-ready){height:100%;overflow:hidden;overscroll-behavior:none}
 body.family-phone-ready{height:100dvh;overflow:hidden;overscroll-behavior:none}
 body.family-phone-ready .topbar{position:fixed;inset:0 0 auto;height:88px;width:100%;z-index:50}
 body.family-phone-ready #family-app{position:fixed;inset:88px 0 calc(72px + env(safe-area-inset-bottom));width:100%;max-width:none;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-padding-top:16px}
 body.family-phone-ready #family-app main{padding-bottom:24px;min-height:100%}
 body.family-phone-ready .family-phone-nav:not([hidden]){position:fixed;inset:auto 0 0;height:calc(72px + env(safe-area-inset-bottom));min-height:0;margin:0;z-index:60;transform:translateZ(0);backface-visibility:hidden}
 body[data-family-phone-page="profile"][data-family-profile-tab="about"] #family-app .content-grid{display:none}
 body[data-family-phone-page="profile"] #certification-review,body[data-family-phone-page="celebrations"] #certification-review{display:none}
 .topbar .wordmark{max-width:calc(100% - 60px)}
 #family-phone-identity .family-profile-photo>.person-avatar{display:block;width:120px;height:120px;border-radius:50%;object-fit:cover}
 body.family-phone-ready:has(dialog[open]) #family-app{overflow:hidden}
 #messages-dialog{height:100dvh;max-height:100dvh;inset:0;margin:0;padding:20px 16px calc(16px + env(safe-area-inset-bottom));overflow:hidden}
 #messages-dialog .inbox-layout{height:calc(100dvh - 110px - env(safe-area-inset-bottom));min-height:0}
 #profile-dialog,#notifications-dialog,#post-dialog,#members-dialog,#community-editor-dialog,#feedback-dialog{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
 .family-profile-photo{overflow:visible}.family-phone-nav button{line-height:1.2}.family-phone-nav button:active{transform:none}
}
@media(max-width:700px){
 body.family-phone-ready .topbar{min-height:88px;max-height:88px;flex-wrap:nowrap;padding:10px 18px;align-items:center}
 .topbar .wordmark{height:64px;width:190px;flex-shrink:1}
 .official-family-brand{flex-shrink:1}
 .family-celebration-tabs{scrollbar-width:none}
 #family-app .celebrate-button{background:#e50914;color:#fff;box-shadow:none}
 #family-app #manage-members{background:#fff;color:#111;border:1px solid #ccc;box-shadow:none}
}