:root{--x-navy:#072b63;--x-navy2:#083b7d;--x-teal:#10bec4;--x-pink:#ff3e77;--x-orange:#ff9412;--x-purple:#734ee8;--x-blue:#2d7ee8;--x-green:#27bd44;--x-muted:#6f7f9d;--x-line:#e7edf3;--x-soft:#f8fbfd;--x-shadow:0 8px 24px rgba(19,47,84,.08)}
body.v32-exact-mobile{background:#fff;color:var(--x-navy)}
body.v32-exact-mobile .mobile-header,body.v32-exact-mobile .v230-bottom-nav,body.v32-exact-mobile .mobile-page-title,body.v32-exact-mobile .content>.footer-credit{display:none!important}
@media(max-width:960px){body.v32-exact-mobile .main-column{padding-bottom:0!important}body.v32-exact-mobile .content{padding:0!important;max-width:none!important;background:#fff;overflow:visible!important}}
.x32-page{width:min(100%,430px);margin:0 auto;padding:18px 18px calc(98px + env(safe-area-inset-bottom));background:#fff;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--x-navy)}
.x32-page *{box-sizing:border-box}.x32-page button,.x32-page select,.x32-page input,.x32-page textarea{font:inherit}.x32-page button{cursor:pointer}
.x32-top{display:flex;align-items:center;justify-content:space-between;gap:10px;height:52px;margin-bottom:14px}.x32-top.centered{display:grid;grid-template-columns:42px 1fr auto}.x32-brand{display:flex;align-items:center;gap:7px;min-width:0}.x32-brand svg{width:42px;height:42px;flex:0 0 42px}.x32-brand-copy{line-height:.9}.x32-brand-copy b{font-size:27px;letter-spacing:-1.3px;color:#082c61;font-weight:800}.x32-brand-copy b span{color:#12bdc4}.x32-brand-copy small{display:block;font-size:5px;letter-spacing:.5px;margin-top:5px;color:#496282;font-weight:800}.x32-top-actions{display:flex;align-items:center;gap:12px}.x32-bell{position:relative;width:34px;height:34px;border:0;background:transparent;color:#062a61;padding:4px}.x32-bell svg{width:27px;height:27px;stroke-width:1.8}.x32-bell em{position:absolute;right:-3px;top:-5px;background:#ff2e63;color:#fff;border:2px solid #fff;font-style:normal;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800}.x32-avatar{width:43px;height:43px;border-radius:50%;object-fit:cover;background:#eef4f8;border:1px solid #e5edf3}.x32-profile-wrap{position:relative}.x32-profile-wrap:after{content:"";position:absolute;width:9px;height:9px;background:#17b92a;border-radius:50%;right:-1px;bottom:1px;border:2px solid #fff}.x32-back{width:42px;height:42px;border-radius:50%;border:1px solid var(--x-line);background:#fff;display:grid;place-items:center;color:#08306c;box-shadow:var(--x-shadow)}.x32-back svg{width:20px}.x32-top.centered .x32-brand{justify-content:center}.x32-top.centered .x32-brand-copy{display:none}
.x32-greet{position:relative;margin:16px 0 18px;min-height:92px}.x32-greet h1{font-size:29px;line-height:1.1;margin:0 0 8px;letter-spacing:-1px}.x32-greet p{margin:0;color:var(--x-muted);font-size:14px}.x32-greet img{position:absolute;right:0;top:-18px;width:138px;height:88px;object-fit:contain}.x32-greet.compact{min-height:auto;margin:14px 0 16px}.x32-greet.compact h1{font-size:27px}.x32-greet.compact img{width:125px;height:78px;top:-12px}
.x32-parent-hero{height:126px;border-radius:23px;background:linear-gradient(110deg,#0b438b,#062a66 66%);position:relative;overflow:hidden;color:#fff;padding:17px 18px;display:flex;align-items:center;box-shadow:0 9px 20px rgba(8,50,112,.14)}.x32-parent-hero.compact{height:104px;margin-top:10px}.x32-parent-hero .x32-child-pic{width:88px;height:88px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.16);z-index:2;flex:0 0 88px}.x32-parent-hero.compact .x32-child-pic{width:76px;height:76px;flex-basis:76px}.x32-hero-copy{z-index:2;margin-left:14px;max-width:205px}.x32-hero-copy span{font-size:16px}.x32-hero-copy h2{font-size:22px;line-height:1.05;margin:3px 0 7px;letter-spacing:-.5px}.x32-parent-hero.compact .x32-hero-copy h2{font-size:21px}.x32-hero-copy p{margin:0;font-size:13px}.x32-hero-copy button{border:0;background:rgba(255,255,255,.13);color:#fff;border-radius:999px;padding:7px 13px;font-size:11px;margin-top:10px}.x32-hero-mark{position:absolute;right:-13px;bottom:-15px;width:142px;height:142px}.x32-hero-mark svg{width:100%;height:100%}
.x32-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.x32-status-card{height:77px;border:1px solid var(--x-line);border-radius:16px;background:#fff;display:grid;grid-template-columns:31px 1fr;grid-template-rows:auto auto auto;column-gap:6px;align-items:center;padding:10px 8px;box-shadow:0 4px 13px rgba(16,50,82,.04)}.x32-status-icon{grid-row:1/4;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff}.x32-status-icon svg{width:16px}.x32-status-icon.green{background:#2bc943}.x32-status-icon.orange{background:#ff8610}.x32-status-icon.purple{background:#7856e9}.x32-status-icon.blue{background:#3491ec}.x32-status-card b{font-size:10px;line-height:1.05}.x32-status-card small{font-size:9px;color:#536886}.x32-status-card em{font-size:9px;font-style:normal;font-weight:800}.x32-status-card .good{color:#1fbd38}.x32-status-card .warn{color:#ff7b05}.x32-status-card .info{color:#0e73ec}.x32-status-card .purple-text{color:#6744e4}
.x32-panel{border:1px solid var(--x-line);background:#fff;border-radius:20px;padding:14px;margin:12px 0;box-shadow:var(--x-shadow)}.x32-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 13px}.x32-section-title h3{font-size:17px;margin:0;letter-spacing:-.25px}.x32-link{border:0;background:transparent;color:#10b9c0;font-weight:750;font-size:11px;padding:4px}.x32-link.blue{color:#1878e7}
.x32-fast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.x32-fast{height:82px;border:0;border-radius:16px;padding:10px;display:grid;grid-template-columns:35px 1fr;align-items:center;text-align:left;color:var(--x-navy)}.x32-fast .ic{width:37px;height:37px;border-radius:11px;display:grid;place-items:center}.x32-fast .ic svg{width:22px;height:22px}.x32-fast b{display:block;font-size:11px}.x32-fast small{display:block;font-size:8.5px;color:#536886;margin-top:4px;line-height:1.25}.x32-fast.blue{background:#edf5ff}.x32-fast.blue .ic{color:#1f7fe6}.x32-fast.teal{background:#eafafa}.x32-fast.teal .ic{color:#10b9bd}.x32-fast.purple{background:#f2efff}.x32-fast.purple .ic{color:#643de1}.x32-fast.orange{background:#fff4e7}.x32-fast.orange .ic{color:#ef7e04}.x32-fast.pink{background:#fff0f4}.x32-fast.pink .ic{color:#f5356d}.x32-fast.green{background:#ecfaf5}.x32-fast.green .ic{color:#13a77b}
.x32-announcement{border:1px solid #ffd893;background:linear-gradient(90deg,#fffdf8,#fff6df);border-radius:20px;padding:11px 13px;display:grid;grid-template-columns:61px 1fr auto;gap:11px;align-items:center;color:var(--x-navy);width:100%;text-align:left;box-shadow:var(--x-shadow);margin:12px 0}.x32-announcement img{width:58px;height:65px;object-fit:contain}.x32-announcement b{font-size:12px}.x32-announcement p{margin:5px 0 0;color:#526683;font-size:10px;line-height:1.35}.x32-announcement em{border:1px solid #ff9d27;border-radius:999px;padding:8px 10px;font-style:normal;color:#e87800;font-size:9px;white-space:nowrap}
.x32-event-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.x32-event{min-height:76px;border:1px solid var(--x-line);border-radius:14px;padding:8px;display:grid;grid-template-columns:43px 1fr;gap:7px;background:#fff}.x32-date{height:45px;border-radius:11px;display:grid;place-items:center;line-height:.9;background:#ffecef;color:#e53160}.x32-date.orange{background:#fff4e5;color:#ee8a0c}.x32-date.purple{background:#f1edff;color:#693ce3}.x32-date b{font-size:18px}.x32-date small{font-size:8px}.x32-event>div:last-child b{display:block;font-size:10px;line-height:1.2}.x32-event>div:last-child span{display:block;color:#536886;font-size:8.5px;margin-top:5px;line-height:1.25}
.x32-duo{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.x32-duo-card{min-height:126px;border:1px solid var(--x-line);border-radius:18px;padding:13px;background:#fff;box-shadow:var(--x-shadow);position:relative;overflow:hidden}.x32-cardhead{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.x32-cardhead .circle{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff}.x32-cardhead .circle.green{background:#20bf3e}.x32-cardhead .circle.purple{background:#764ee9}.x32-meal-line{display:flex;align-items:center;justify-content:space-between;font-size:9.5px;margin:12px 0}.x32-meal-line b.good{color:#1db33a}.x32-meal-line b.warn{color:#e98304}.x32-sleep-card strong{display:block;font-size:26px;margin:17px 0 3px}.x32-sleep-card p{margin:4px 0;font-size:10px}.x32-sleep-card img{position:absolute;right:4px;bottom:0;width:100px;height:105px;object-fit:contain}
.x32-teacher-overview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.x32-over-card{min-height:107px;border:1px solid var(--x-line);border-radius:17px;background:#fff;padding:13px;box-shadow:var(--x-shadow);color:var(--x-navy);text-align:left}.x32-over-card.class{display:grid;grid-template-columns:57px 1fr;gap:9px}.x32-over-card.class img{width:57px;height:57px;object-fit:contain}.x32-over-card .over-title{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:12px}.x32-over-card .over-title span{font-size:9px;color:#11b9c0}.x32-over-card h3{font-size:16px;margin:8px 0 3px}.x32-over-card p{margin:0;color:#63738f;font-size:11px}.x32-att-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;margin-top:13px}.x32-att-count{display:grid;grid-template-columns:34px 1fr;align-items:center}.x32-att-count i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800}.x32-att-count.good i{background:#dff7e3;color:#19b636}.x32-att-count.bad i{background:#ffe6ed;color:#ef3465}.x32-att-count strong{font-size:24px}.x32-att-count.good strong{color:#22b93e}.x32-att-count.bad strong{color:#ef3567}.x32-att-count small{font-size:11px;color:#4e6283}
.x32-four-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.x32-square{height:88px;border:0;border-radius:17px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:relative;box-shadow:0 7px 13px rgba(24,53,82,.08)}.x32-square svg{width:31px;height:31px;stroke-width:1.8}.x32-square b{font-size:12px}.x32-square.teal{background:linear-gradient(145deg,#12cac8,#08aeb5)}.x32-square.pink{background:linear-gradient(145deg,#ff5385,#f32d6b)}.x32-square.orange{background:linear-gradient(145deg,#ffa41c,#ff8008)}.x32-square.purple{background:linear-gradient(145deg,#8c6bf1,#6543db)}.x32-square.blue{background:linear-gradient(145deg,#4c9cf4,#2673df)}.x32-square em{position:absolute;top:-6px;right:-5px;width:21px;height:21px;border-radius:50%;background:#ff2f63;border:2px solid #fff;display:grid;place-items:center;font-size:9px;font-style:normal}
.x32-pickups{border:1px solid var(--x-line);border-radius:20px;background:#fff;padding:10px 12px;box-shadow:var(--x-shadow)}.x32-pickup-row{display:grid;grid-template-columns:42px 1fr auto 31px 31px;gap:8px;align-items:center;padding:9px 2px;border-bottom:1px solid #edf1f5}.x32-pickup-row:last-child{border:0}.x32-pickup-row img{width:40px;height:40px;border-radius:50%;object-fit:cover}.x32-pickup-row b{font-size:12px}.x32-pickup-row small{display:block;font-size:10px;color:#687996;margin-top:3px}.x32-pickup-row em{font-style:normal;background:#fff4df;color:#e78708;border-radius:999px;padding:6px 9px;font-size:8px}.x32-pickup-row button{width:31px;height:31px;border-radius:50%;background:#fff;font-weight:900}.x32-pickup-row .yes{border:1.5px solid #22b947;color:#16ad37}.x32-pickup-row .no{border:1.5px solid #ff3f72;color:#f52b62}
.x32-msgsummary{border:1px solid var(--x-line);border-radius:18px;padding:12px;background:#fff;box-shadow:var(--x-shadow)}.x32-msgsummary-grid{display:grid;grid-template-columns:repeat(3,1fr)}.x32-msgsummary-grid>div{display:grid;grid-template-columns:36px 1fr;align-items:center;padding:4px 9px;border-right:1px solid #edf1f5}.x32-msgsummary-grid>div:last-child{border:0}.x32-msgsummary-grid i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal}.x32-msgsummary-grid .pink{background:#ffe8f0;color:#eb3168}.x32-msgsummary-grid .blue{background:#e2f6ff;color:#249cdd}.x32-msgsummary-grid .orange{background:#fff1dc;color:#ef9306}.x32-msgsummary-grid strong{display:block;font-size:22px}.x32-msgsummary-grid small{font-size:9px;color:#65758f}.x32-report-banner{width:100%;border:1px solid #ddd7ff;background:linear-gradient(90deg,#f9f7ff,#f1edff);border-radius:19px;padding:12px 14px;display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;color:var(--x-navy);text-align:left;margin:12px 0}.x32-report-banner .art{font-size:42px}.x32-report-banner b{font-size:15px}.x32-report-banner p{margin:4px 0;color:#536886;font-size:9.5px;line-height:1.4}.x32-report-banner em{background:#7650df;color:#fff;border-radius:999px;padding:9px 12px;font-style:normal;font-size:9px}.x32-note-banner{border:1px solid #ffdda2;background:linear-gradient(90deg,#fffdf8,#fff6df);border-radius:19px;padding:9px 12px;display:grid;grid-template-columns:63px 1fr auto;gap:10px;align-items:center}.x32-note-banner img{width:58px;height:63px;object-fit:contain}.x32-note-banner b{font-size:13px}.x32-note-banner p{margin:4px 0;font-size:9.5px;line-height:1.4;color:#536886}.x32-note-banner em{border:1px solid #f0a53d;border-radius:999px;padding:8px 10px;color:#e78200;font-style:normal;font-size:9px}
.x32-class-select{width:100%;height:50px;border:1px solid var(--x-line);border-radius:16px;background:#fff;display:grid;grid-template-columns:39px 1fr auto;align-items:center;padding:0 12px;color:var(--x-navy);box-shadow:0 3px 10px rgba(14,45,76,.04);margin-bottom:12px}.x32-class-select .homeic{width:35px;height:35px;border-radius:50%;background:#ff477a;color:#fff;display:grid;place-items:center}.x32-class-select b{font-size:14px;text-align:left;margin-left:7px}.x32-class-select svg{width:18px}.x32-att-summary{border:1px solid #e3dcff;background:linear-gradient(90deg,#fbfaff,#f7f5ff);border-radius:18px;padding:13px;margin-bottom:14px}.x32-att-summary .x32-section-title{margin-bottom:12px}.x32-att-four{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.x32-att-four>div{display:grid;grid-template-columns:33px 1fr;align-items:center}.x32-att-four i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:900}.x32-att-four .g i{background:#23c542}.x32-att-four .o i{background:#ff8a0b}.x32-att-four .r i{background:#ff3b6d}.x32-att-four .p i{background:#7651e7}.x32-att-four strong{font-size:18px}.x32-att-four small{display:block;font-size:8px;color:#50627f}.x32-students-title{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px}.x32-students-title h2{font-size:19px;margin:0}.x32-students-title button{border:0;background:transparent;color:#1479e7;font-size:13px;font-weight:750}.x32-student-row{height:59px;border:1px solid var(--x-line);border-radius:16px;background:#fff;display:grid;grid-template-columns:47px 1fr auto 30px;gap:8px;align-items:center;padding:6px 10px;margin:7px 0;box-shadow:0 3px 11px rgba(14,45,76,.04)}.x32-student-row img{width:43px;height:43px;border-radius:50%;object-fit:cover}.x32-student-row b{font-size:14px}.x32-student-row em{font-size:10px;font-style:normal;border-radius:999px;padding:6px 12px;font-weight:700}.x32-student-row em.good{background:#e5f8e6;color:#18a934}.x32-student-row em.warn{background:#fff3df;color:#e88102}.x32-student-row em.bad{background:#ffe8ef;color:#ed2f63}.x32-student-row button{border:0;background:transparent;color:#092d63;font-size:18px;font-weight:900}.x32-qr{height:62px;border:1px solid #dfd8ff;border-radius:17px;background:linear-gradient(90deg,#f9f7ff,#f4f1ff);display:grid;grid-template-columns:46px 1fr auto;gap:8px;align-items:center;padding:9px 12px;color:var(--x-navy);text-align:left;width:100%;margin-top:12px}.x32-qr i{width:40px;height:40px;border-radius:12px;background:#7653e7;color:#fff;display:grid;place-items:center;font-style:normal;font-size:20px}.x32-qr b{font-size:13px}.x32-qr small{display:block;font-size:9px;color:#687995;margin-top:2px}
.x32-msg-heading{position:relative;min-height:116px;margin-top:5px}.x32-msg-heading h1{font-size:28px;margin:22px 0 9px;letter-spacing:-.8px;display:flex;align-items:center;gap:10px}.x32-msg-heading h1 i{width:39px;height:39px;border-radius:12px;background:#6d48e7;color:#fff;display:grid;place-items:center}.x32-msg-heading p{margin:0;font-size:13px;color:#5b6d8a}.x32-msg-heading img{position:absolute;right:-2px;top:-13px;width:130px;height:105px;object-fit:contain}.x32-mini-user{display:flex;align-items:center;gap:7px}.x32-mini-user b{font-size:12px}.x32-msg-box{border:1px solid var(--x-line);border-radius:20px;background:#fff;overflow:hidden;box-shadow:var(--x-shadow)}.x32-msg-tabs{display:grid;grid-template-columns:repeat(3,1fr);height:48px;border-bottom:1px solid var(--x-line)}.x32-msg-tabs button{border:0;border-right:1px solid var(--x-line);background:#fff;color:#526481;font-size:13px;font-weight:650}.x32-msg-tabs button:last-child{border-right:0}.x32-msg-tabs button.active{color:#6c47e5;border-bottom:2px solid #6c47e5}.x32-msg-list{padding:7px}.x32-message-row{min-height:76px;border-bottom:1px solid #edf1f5;display:grid;grid-template-columns:52px 1fr 42px;gap:9px;align-items:center;padding:8px 5px;text-align:left;width:100%;background:#fff;color:var(--x-navy);border-left:0;border-right:0;border-top:0}.x32-message-row:last-child{border-bottom:0}.x32-message-row img{width:49px;height:49px;border-radius:50%;object-fit:cover}.x32-message-row b{font-size:13px}.x32-message-row p{font-size:10px;color:#61718d;line-height:1.35;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.x32-message-row time{font-size:9px;color:#596b87}.x32-message-row em{display:grid;place-items:center;background:#ff2f63;color:#fff;width:24px;height:24px;border-radius:50%;font-size:10px;font-style:normal;margin-top:7px;margin-left:auto}.x32-more-msg{border:0;background:#fff;color:#6846e3;width:100%;padding:12px;font-size:11px;font-weight:750}.x32-safe{height:78px;border:1px solid #ccebdc;background:linear-gradient(90deg,#f1fbf6,#f7fffb);border-radius:18px;padding:11px 13px;display:grid;grid-template-columns:42px 1fr 85px;gap:10px;align-items:center;margin:12px 0}.x32-safe .shield{font-size:28px}.x32-safe b{font-size:12px}.x32-safe p{font-size:9.5px;color:#566884;line-height:1.4;margin:4px 0}.x32-safe img{width:80px;height:58px;object-fit:contain}.x32-three-fast{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.x32-three-fast button{height:64px;border:1px solid var(--x-line);border-radius:15px;background:#fff;display:grid;grid-template-columns:31px 1fr;gap:7px;align-items:center;text-align:left;color:var(--x-navy);padding:9px}.x32-three-fast i{width:31px;height:31px;border-radius:10px;display:grid;place-items:center}.x32-three-fast b{font-size:10px}.x32-three-fast small{display:block;font-size:8px;color:#60718c;margin-top:2px}.x32-three-fast .p{background:#f2efff;color:#6b47e4}.x32-three-fast .o{background:#fff4e5;color:#ed8203}.x32-three-fast .t{background:#eafafa;color:#0baab1}
.x32-read-head{display:flex;align-items:flex-end;justify-content:space-between;margin:10px 0 10px}.x32-read-head h1{font-size:25px;margin:0}.x32-read-head p{margin:5px 0 0;color:#13b8c0;font-size:12px}.x32-read-pill{display:flex;align-items:center;gap:5px;background:#f2edff;color:#6845df;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:750}.x32-read-pill svg{width:14px}.x32-read-alert{height:62px;border:1px dashed #f3be44;border-radius:15px;background:#fffaf0;display:grid;grid-template-columns:56px 1fr 22px;align-items:center;padding:5px 11px;color:#455b7e}.x32-read-alert span{font-size:33px}.x32-read-alert p{font-size:10.5px;line-height:1.45;margin:0}.x32-read-alert svg{color:#ee9a02}.x32-read-card{border:1px solid var(--x-line);background:#fff;border-radius:18px;padding:11px;margin:10px 0;box-shadow:var(--x-shadow)}.x32-read-title{display:grid;grid-template-columns:27px 1fr 16px;gap:7px;align-items:center;margin-bottom:10px}.x32-read-title i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal}.x32-read-title i.orange{background:#ff7d07}.x32-read-title i.purple{background:#7650e6}.x32-read-title i.blue{background:#3296ed}.x32-read-title i.pink{background:#fa3d77}.x32-read-title h3{font-size:13px;margin:0}.x32-read-title svg{width:14px;color:#5f7190}.x32-food4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.x32-food4>div{min-height:81px;border:1px solid #edf1f5;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5px}.x32-food4 span{font-size:23px}.x32-food4 b{font-size:9.5px;margin:5px 0}.x32-food4 em{font-size:8.5px;font-style:normal;background:#e5f8e6;color:#18a834;border-radius:999px;padding:4px 9px}.x32-food4 small{font-size:8px;color:#65758f;margin-top:5px}.x32-read-two{display:grid;grid-template-columns:1fr 1fr;gap:7px}.x32-read-two>div{min-height:66px;border:1px solid #edf1f5;border-radius:13px;padding:9px;display:grid;grid-template-columns:35px 1fr}.x32-read-two span{font-size:25px}.x32-read-two b{font-size:10px}.x32-read-two em{font-size:8.5px;font-style:normal;color:#1eaa39;background:#e5f8e6;border-radius:999px;padding:3px 7px;width:max-content}.x32-read-two small{font-size:8px;color:#677792}.x32-readline{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:7px;font-size:9px}.x32-readline b{color:#16a935;background:#e6f8e7;border-radius:999px;padding:5px 9px}.x32-read-note{background:#fff0f4;border:1px solid #ffdce7;border-radius:12px;padding:10px;font-size:10px;line-height:1.4;color:#536985}.x32-memory{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.x32-memory img,.x32-memory div{width:100%;height:65px;border-radius:12px;object-fit:cover;background:#f3f6f9;display:grid;place-items:center}.x32-gallery-more{width:100%;border:0;background:#f5f2ff;color:#6845df;border-radius:999px;padding:8px;margin-top:8px;font-size:10px;font-weight:750}
.x32-report-title{margin:18px 0 12px}.x32-report-title h1{font-size:26px;margin:0 0 5px}.x32-report-title p{font-size:13px;color:#6a7b97;margin:0}.x32-report-student{height:80px;border:1px solid var(--x-line);border-radius:18px;background:#fff;display:grid;grid-template-columns:68px 1fr;gap:10px;align-items:center;padding:7px 10px;margin-bottom:13px;box-shadow:var(--x-shadow);position:relative}.x32-report-student img{width:62px;height:62px;border-radius:50%;object-fit:cover}.x32-report-student h2{font-size:18px;margin:0 0 6px}.x32-report-student p{font-size:10px;color:#62738e;margin:0}.x32-report-student select{position:absolute;inset:0;opacity:0;cursor:pointer}.x32-form-section{margin:11px 0}.x32-form-head{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center;margin-bottom:6px}.x32-form-head i{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;font-size:21px;font-style:normal}.x32-form-head .green{background:#e5f8e5}.x32-form-head .purple{background:#f0eaff}.x32-form-head .blue{background:#eaf4ff}.x32-form-head .pink{background:#ffedf3}.x32-form-head .orange{background:#fff2dd}.x32-form-head h3{font-size:16px;margin:0}.x32-choicebox{border:1px solid var(--x-line);border-radius:17px;background:#fff;box-shadow:var(--x-shadow);padding:0 6px;display:grid;grid-template-columns:repeat(4,1fr);min-height:57px}.x32-choicebox.three{grid-template-columns:repeat(3,1fr)}.x32-choicebox button{border:0;background:#fff;color:var(--x-navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:14px;font-size:9px;padding:6px 3px}.x32-choicebox button span{font-size:20px}.x32-choicebox button.selected{border:1.5px solid #24bf42;background:#f5fff5}.x32-choicebox button.selected.purple{border-color:#7b4ff0;background:#fbf9ff}.x32-meal-tabs{display:flex;gap:6px;margin:5px 0 7px;padding-left:52px}.x32-meal-tabs button{border:1px solid var(--x-line);background:#fff;border-radius:999px;padding:5px 9px;font-size:8.5px;color:#65758f}.x32-meal-tabs button.active{background:#eafafa;color:#0caab1;border-color:#bfe9ea}.x32-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.x32-duration{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:5px}.x32-duration label{font-size:9px;color:#667793}.x32-duration input{width:62px;height:29px;border:1px solid var(--x-line);border-radius:9px;text-align:center;color:var(--x-navy)}.x32-notearea{border:1px solid var(--x-line);border-radius:16px;background:#fff;box-shadow:var(--x-shadow);padding:10px;position:relative}.x32-notearea textarea{width:100%;min-height:64px;border:0;outline:0;resize:none;color:var(--x-navy);font-size:11px}.x32-notearea small{position:absolute;right:10px;bottom:7px;color:#8594aa;font-size:8px}.x32-photoarea{display:grid;grid-template-columns:1.6fr .7fr .7fr .7fr;gap:7px}.x32-photo-add{min-height:69px;border:1.5px dashed #63a5f3;border-radius:14px;background:#fff;color:#1577df;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px}.x32-photo-add span{font-size:22px}.x32-photo-thumb{height:69px;border-radius:12px;object-fit:cover;width:100%;background:#f1f5f8}.x32-photo-plus{height:69px;border:1.5px dashed #a7b6c7;border-radius:14px;background:#fff;color:#7f8da2;font-size:28px;display:grid;place-items:center}.x32-save{width:100%;height:45px;border:0;border-radius:999px;background:linear-gradient(90deg,#11c5c4,#07adb7);color:#fff;font-size:14px;font-weight:800;margin-top:13px;box-shadow:0 7px 16px rgba(10,184,188,.2)}
.x32-bottom{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(5px + env(safe-area-inset-bottom));width:min(calc(100% - 18px),412px);height:64px;border:1px solid var(--x-line);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 8px 26px rgba(21,47,80,.14);display:grid;grid-template-columns:repeat(5,1fr);z-index:95;padding:4px 7px}.x32-bottom button{border:0;background:transparent;color:#65758f;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;min-width:0}.x32-bottom button svg{width:21px;height:21px}.x32-bottom button span{font-size:8.5px;white-space:nowrap}.x32-bottom button.active{color:#0eb5bd;background:#f0fbfb}.x32-bottom button.parent-active{color:#126bea;background:#f0f5ff}.x32-bottom em{position:absolute;top:0;right:14px;width:17px;height:17px;border-radius:50%;background:#ff2f63;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:7px;font-style:normal}
@media(min-width:961px){body.v32-exact-mobile{background:#eef4f8}body.v32-exact-mobile .desktop-shell{display:block}.x32-page{box-shadow:0 0 0 1px #e6edf3,0 20px 60px rgba(20,48,82,.12);margin-top:20px;margin-bottom:20px;border-radius:28px}.x32-bottom{position:sticky;left:auto;transform:none;bottom:0;width:100%;margin-top:-76px}}
@media(max-width:380px){.x32-page{padding-left:12px;padding-right:12px}.x32-fast-grid{gap:5px}.x32-fast{padding:7px}.x32-four-actions{gap:5px}.x32-square b{font-size:10px}.x32-parent-hero .x32-child-pic{width:78px;height:78px;flex-basis:78px}.x32-hero-copy{margin-left:9px}.x32-hero-copy h2{font-size:19px}.x32-hero-mark{width:125px}.x32-food4{gap:4px}.x32-bottom{width:calc(100% - 10px)}}