@media(max-width:640px){.family-grid{grid-template-columns:1fr!important}.avatar-picker{grid-template-columns:repeat(4,1fr)}.topbar-actions{gap:8px}.page-heading h1{font-size:28px}.app-shell{margin-left:0;padding-bottom:calc(70px + env(safe-area-inset-bottom))}.topbar{height:64px;padding:0 14px;border-bottom-color:#eadfe4}.topbar .breadcrumb{max-width:46vw}.topbar .breadcrumb-brand{display:none}.topbar .breadcrumb-divider{display:none}.topbar-actions{max-width:45vw;overflow:hidden}.topbar-actions .install-access,.topbar-actions .natural-note,.topbar-actions .topbar-divider{display:none}.topbar-actions .icon-button{width:34px;height:38px;min-height:38px}.topbar-actions .avatar{width:32px;height:32px}.mobile-nav{height:calc(68px + env(safe-area-inset-bottom));padding:5px 6px env(safe-area-inset-bottom);background:#fffdfbf5;border-top:1px solid #e8dfe4;box-shadow:0 -8px 28px #432c3d12;backdrop-filter:blur(20px)}.mobile-nav a{min-height:52px;padding:5px 2px;gap:3px;border-radius:11px;font-size:9px;font-weight:650;color:#887783;line-height:1.1}.mobile-nav a svg{width:19px;height:19px;stroke-width:1.8}.mobile-nav a.active{background:#eedfe8;color:#432c3d;box-shadow:inset 0 0 0 1px #e3cbd9}.mobile-nav .small-pill{display:none}footer{display:none}html[data-theme=dark] .mobile-nav{background:#1b1920f2;border-top-color:#443b4b;box-shadow:0 -8px 28px #08070c66}html[data-theme=dark] .mobile-nav a{color:#bbb1c2}html[data-theme=dark] .mobile-nav a.active{background:#414533;color:#f3f7dc;box-shadow:none}}