*{box-sizing:border-box}body{margin:0;background:#d9ddd8;color:#092f29;font-family:Arial,Helvetica,sans-serif}.app{max-width:480px;margin:auto;background:#f6f2e8;min-height:100vh;padding-bottom:96px;box-shadow:0 0 35px #0002}header{height:86px;padding:20px 22px 12px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center}.brand i{width:42px;height:42px;border-radius:14px;background:#063f35;color:#c8ff21;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:24px}.brand div{display:flex;flex-direction:column}.brand b{font-size:18px;letter-spacing:.12em}.brand small{font-size:10px;letter-spacing:.2em}.parent{border:0;background:#fff;border-radius:50%;width:44px;height:44px;font-weight:800;color:#063f35}.hello{padding:20px 22px 24px}.hello small,.sectionTitle small,.academyNotice>small,.youngPreview small{font-size:10px;letter-spacing:.16em;font-weight:800;color:#6c7b76}.hello h1{font-size:42px;margin:8px 0 4px;letter-spacing:-.04em}.hello p{margin:0;color:#69736f;font-size:16px}.today,.familyBalance,.familyWeek{padding:0 22px 26px}.sectionTitle{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.sectionTitle h2{margin:4px 0 0;font-size:24px}.sectionTitle>span,.sectionTitle button{font-size:10px;font-weight:800;border:0;background:none;color:#60706b}.ok{background:#e3f7c9!important;color:#31521e!important;padding:7px 9px;border-radius:20px}.childCard{background:#fff;border:1px solid #dce1dd;border-radius:26px;padding:18px;margin-bottom:14px;box-shadow:0 8px 24px #13372e0a}.childTop,.kid,.classMain,.attendance{display:flex;align-items:center}.childTop{justify-content:space-between}.kid{gap:12px}.kid>span,.miniKid{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#063f35;color:#c8ff21;font-weight:900}.sofia .kid>span{background:#294b72;color:#dcecff}.kid small{font-size:10px;letter-spacing:.12em}.kid h3{margin:3px 0 0;font-size:21px}.more{border:0;background:none}.classMain{margin:18px 0;background:#f1f4ef;border-radius:18px;padding:14px;gap:18px}.time{border-right:1px solid #ccd4cf;padding-right:18px}.time b{font-size:25px}.time span,.where span{display:block;color:#73807b;font-size:12px;margin-top:3px}.where b{font-size:14px}.attendance{justify-content:space-between}.attendance small{display:block;font-size:9px;color:#7b8783;font-weight:800}.attendance strong{font-size:13px}.attendance button{border:1px solid #cad3ce;background:#fff;padding:10px 11px;border-radius:12px;font-size:11px;font-weight:900;color:#143f37}.attendance button.selected{background:#c8ff21;border-color:#c8ff21}.balanceGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.balanceGrid button{border:0;background:#063f35;color:#fff;border-radius:22px;padding:16px;text-align:left;display:flex;gap:12px}.balanceGrid .miniKid{width:38px;height:38px;background:#c8ff21;color:#063f35}.balanceGrid small,.balanceGrid em{display:block;font-style:normal}.balanceGrid b{font-size:32px;color:#c8ff21}.balanceGrid em{font-size:10px;color:#b6c8c1}.agenda{background:#fff;border-radius:24px;overflow:hidden}.agenda article{display:grid;grid-template-columns:45px 10px 1fr 35px;gap:10px;align-items:center;padding:14px;border-bottom:1px solid #edf0ed}.agenda article:last-child{border:0}.agenda time{text-align:center}.agenda time b,.agenda time small{display:block}.agenda time b{font-size:20px}.agenda time small{font-size:9px}.dot{width:8px;height:8px;border-radius:50%}.dot.l{background:#b9ee22}.dot.s{background:#6aa5d9}.agenda div b,.agenda div small{display:block}.agenda div b{font-size:14px}.agenda div small{font-size:11px;color:#7b8582;margin-top:3px}.agenda em{font-style:normal;font-size:10px;color:#7a8580}.academyNotice,.youngPreview{margin:0 22px 18px;border-radius:26px;padding:22px}.academyNotice{background:#e6eddc}.academyNotice h2,.youngPreview h2{font-size:25px;margin:8px 0}.academyNotice p,.youngPreview p{font-size:14px;line-height:1.5;color:#53645e}.academyNotice button{border:0;border-radius:14px;padding:13px 18px;background:#063f35;color:#fff;font-weight:900}.youngPreview{background:#063f35;color:#fff}.youngPreview small{color:#a9c0b8}.youngPreview p{color:#c2d0cb}.youngPreview button{width:100%;border:0;border-radius:14px;padding:14px;background:#c8ff21;color:#063f35;font-weight:900}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);height:78px;background:#052e27;display:grid;grid-template-columns:repeat(5,1fr);z-index:10;padding-bottom:env(safe-area-inset-bottom)}nav button{border:0;background:none;color:#91a49e;font-size:19px}nav button span{display:block;font-size:10px;margin-top:5px}nav button.active{color:#c8ff21}.toast{position:fixed;left:50%;bottom:95px;transform:translate(-50%,20px);background:#062f28;color:#fff;padding:12px 16px;border-radius:14px;opacity:0;pointer-events:none;transition:.2s;z-index:30;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}.sheet{position:fixed;inset:0;display:none;z-index:40}.sheet.open{display:block}.backdrop{position:absolute;inset:0;border:0;background:#0007;width:100%}.sheet article{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);background:#f6f2e8;border-radius:28px 28px 0 0;padding:28px 22px 35px}.sheet article>small{font-size:10px;letter-spacing:.14em;font-weight:800}.sheet h2{font-size:28px}.close{position:absolute;right:20px;top:16px;border:0;background:#fff;border-radius:50%;width:38px;height:38px;font-size:20px}.sheetKid{width:100%;border:0;background:#fff;border-radius:18px;padding:15px;margin-top:10px;display:flex;align-items:center;gap:12px;text-align:left}.sheetKid>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#063f35;color:#c8ff21;font-weight:900}.sheetKid div{flex:1}.sheetKid b,.sheetKid small{display:block}.sheetKid small{margin-top:4px;color:#75817d}.sheetKid em{font-style:normal;font-size:22px}@media(max-width:370px){.hello h1{font-size:36px}.attendance{align-items:flex-end;gap:8px}.attendance button{padding:9px 8px}.sectionTitle h2{font-size:21px}}