.familyApp{--family-ink:#241d29;--family-muted:#746d78;--family-card:#fff;--family-tint:#f6f1f7;min-height:100vh;min-height:100dvh;color:var(--family-ink);background:linear-gradient(180deg,#fbf8fc,#f5f0f6)}.familyTopbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;min-height:68px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));justify-content:space-between;gap:14px;border-bottom:1px solid rgba(83,54,94,.09);background:rgba(251,248,252,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.familyBrand,.familyTopbar{display:flex;align-items:center}.familyBrand{gap:9px;color:var(--family-ink);text-decoration:none}.familyBrand span{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#6d397e,#4d245e);font-family:Georgia,serif;font-size:13px;font-weight:900}.familyBrand strong{font-size:14px}.familyStudentName{font-size:14px;font-weight:800}.familyStudentPicker{display:flex;align-items:center;gap:7px}.familyStudentPicker>span{color:var(--family-muted);font-size:11px}.familyStudentPicker select{width:auto;min-width:105px;padding:8px 31px 8px 11px;border-radius:12px;font-weight:800}.familyTopbarActions{display:flex;align-items:center;gap:7px}.familyTopbarActions .notificationsBell{width:38px;height:38px}.familyContent{width:min(100%,760px);min-height:calc(100dvh - 150px);margin:0 auto;padding:22px max(16px,env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.familyContent>.header,.familyContent>.moduleHero{display:none}.familyContent .card,.familyContent .panel{overflow:visible;border:1px solid rgba(83,54,94,.1);border-radius:22px;box-shadow:0 10px 32px rgba(48,30,54,.06)}.familyBottomNav{position:fixed;z-index:40;left:50%;bottom:0;width:min(100%,760px);min-height:66px;padding:7px max(8px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(5,1fr);transform:translateX(-50%);border-top:1px solid rgba(83,54,94,.1);background:hsla(0,0%,100%,.94);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.familyBottomNav a{min-height:48px;display:grid;place-items:center;align-content:center;grid-gap:2px;gap:2px;border-radius:13px;color:#817687;text-decoration:none}.familyBottomNav a>span{position:relative;font-size:21px;line-height:1}.familyBottomNav small{font-size:10px;font-weight:750}.familyBottomNav a.active{color:#5e2d7c;background:#f3ebf6}.familyNavBadge{position:absolute;top:-6px;right:-11px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:#c0392b;color:#fff;font-size:10px;font-weight:800;line-height:1}.familyState{min-height:55vh;display:grid;place-content:center;justify-items:center;grid-gap:12px;gap:12px;text-align:center}.familyState p{margin:0;color:var(--family-muted)}.familySkeletonPage{display:grid;grid-gap:16px;gap:16px}.familySkeletonPage i{height:132px;border-radius:24px;background:linear-gradient(100deg,#eee8f0 20%,#faf7fb 40%,#eee8f0 60%);background-size:220% 100%;animation:familyShimmer 1.2s infinite}@keyframes familyShimmer{to{background-position:-220% 0}}@media(min-width:800px){.familyApp{padding:20px 0}.familyTopbar{width:min(100%,760px);margin:auto;border:1px solid rgba(83,54,94,.09);border-radius:22px 22px 0 0}.familyContent{background:hsla(0,0%,100%,.34)}.familyBottomNav{bottom:18px;border:1px solid rgba(83,54,94,.12);border-radius:22px;box-shadow:0 18px 50px rgba(43,25,50,.15)}}.familyApp{width:100%;max-width:100%;overflow-x:clip}.familyApp *{min-width:0}.familyApp canvas,.familyApp embed,.familyApp iframe,.familyApp img,.familyApp object,.familyApp video{max-width:100%}.familyApp :where(h1,h2,h3,h4,p,strong,small,span,a,button,label){overflow-wrap:anywhere}.familyTopbar{width:100%;max-width:760px;margin-inline:auto}.familyBrand{flex:0 1 auto}.familyBrand span{flex:0 0 37px}.familyBrand strong{white-space:nowrap}.familyTopbarActions{min-width:0;flex:0 1 auto}.familyStudentPicker{min-width:0}.familyStudentPicker select{min-width:0;max-width:150px;text-overflow:ellipsis}.familyContent{width:100%;max-width:760px}.familyContent .card,.familyContent .panel,.familyContent>*{max-width:100%}.familyContent :where(input,select,textarea){max-width:100%}.familyApp input[type=checkbox],.familyApp input[type=radio]{width:20px;min-width:20px;height:20px;padding:0;flex:0 0 20px}.familyContent :where(button,a){touch-action:manipulation}.familyBottomNav{max-width:760px}.familyBottomNav a{min-width:0}.familyBottomNav.isKeyboardHidden{display:none}.familyAppVersion{display:block;margin:24px 0 4px;color:#9b919e;font-size:9px;text-align:center;letter-spacing:.04em}@media(max-width:799px){.familyApp :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}.familyContent :where(button,a.button){min-height:44px}}@media(max-width:430px){.familyTopbar{gap:8px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.familyTopbarActions{gap:5px}.familyStudentPicker>span{display:none}.familyStudentPicker select{max-width:128px;padding-left:9px;padding-right:27px}.familyContent{padding-top:17px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}@media(max-width:350px){.familyBrand strong{display:none}.familyStudentPicker select{max-width:142px}.familyBottomNav{padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right))}.familyBottomNav small{font-size:9px}}.installPrompt{position:fixed;z-index:45;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));width:min(calc(100% - 24px),420px);transform:translateX(-50%);display:flex;gap:12px;padding:16px;border:1px solid rgba(83,54,94,.12);border-radius:20px;background:hsla(0,0%,100%,.97);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 44px rgba(43,25,50,.18)}.installPromptIcon{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#6d397e,#4d245e);font-family:Georgia,serif;font-size:14px;font-weight:900}.installPromptBody{flex:1 1;min-width:0;display:grid;grid-gap:6px;gap:6px}.installPromptBody strong{font-size:14px;color:var(--family-ink)}.installPromptBody p{margin:0;font-size:12.5px;color:var(--family-muted);line-height:1.4}.installPromptSteps{margin:2px 0 0;padding-left:18px;display:grid;grid-gap:4px;gap:4px;font-size:12.5px;color:var(--family-ink)}.installPromptSteps li{display:flex;align-items:center;gap:6px}.installPromptSteps svg{flex:0 0 auto;color:#6d397e}.installPromptActions{margin-top:2px}.installPromptActions button{padding:9px 14px;border:0;border-radius:11px;color:#fff;background:linear-gradient(145deg,#6d397e,#4d245e);font-size:13px;font-weight:800;cursor:pointer}.installPromptLater{justify-self:start;margin-top:2px;padding:0;border:0;background:none;color:var(--family-muted);font-size:12px;font-weight:700;text-decoration:underline;cursor:pointer}.installPromptClose{position:absolute;top:8px;right:10px;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:rgba(83,54,94,.08);color:var(--family-ink);font-size:16px;line-height:1;cursor:pointer}@media(min-width:800px){.installPrompt{bottom:calc(96px + env(safe-area-inset-bottom))}}