.family-page{max-width:1080px;margin:auto;padding:28px 26px 60px}.family-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.family-brand{font-size:22px;font-weight:900;letter-spacing:-.8px;color:var(--ink);text-decoration:none}.family-brand em{font-style:normal;color:var(--lav)}.family-status{font-size:12px;font-weight:700;color:var(--ink2);display:flex;gap:7px;align-items:center}.family-status::before{content:'';width:7px;height:7px;background:var(--good);border-radius:50%}.family-content{display:grid;grid-template-columns:1.12fr 1fr;gap:22px}.family-content>section{min-width:0}.family-profile{background:linear-gradient(135deg,#f3edff,#fff7de);border:1px solid #e0d6ee;border-radius:30px;padding:26px;position:relative;overflow:hidden}.family-profile::after{content:'✦';position:absolute;right:30px;top:22px;color:#d9caff;font-size:50px;pointer-events:none}.profile-top{display:flex;align-items:center;gap:16px}.profile-picture{display:block;width:88px;height:88px;flex:none;object-fit:cover;border:5px solid #fff;border-radius:26px;box-shadow:0 5px 20px #8177a91c;background:#fff9e8}.profile-identity{min-width:0}.profile-identity small{display:block;color:#7a659c;font-size:12px;font-weight:800;letter-spacing:.04em}.profile-identity h1{font-size:30px;margin:6px 0 0;line-height:1.15;letter-spacing:-1px;overflow-wrap:anywhere}.profile-identity p{font-size:13px;color:var(--ink2);margin:8px 0 0}.profile-rewards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.profile-rewards a{display:flex;align-items:center;gap:10px;background:#ffffffb8;border:1px solid #e4dceb;border-radius:18px;padding:14px;color:var(--ink);text-decoration:none;min-height:70px}.reward-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#fff2bb;font-size:26px;color:#b28720}.profile-rewards strong{font-size:22px;line-height:1}.profile-rewards small{display:block;margin-top:5px;font-size:11px;color:var(--ink2)}.profile-wardrobe{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;background:var(--ink);color:white;text-decoration:none;font-weight:800;font-size:14px;border-radius:16px;padding:15px 18px}.profile-wardrobe span{font-size:20px}.family-next{padding:24px;background:white;border:1px solid var(--line);border-radius:27px}.family-next .parent-eyebrow{background:#ddf7f7;color:#287e87}.family-next h2{font-size:25px;line-height:1.35;letter-spacing:-.6px;margin:15px 0 10px}.family-next p{font-size:14px;line-height:1.6;color:var(--ink2);margin:0}.family-next .btn{width:100%;margin-top:23px;text-decoration:none;border-width:2px;box-shadow:0 4px 0 #23314f15;font-size:18px}.family-wait{margin-top:20px!important;background:#f6f5fa;border-radius:14px;padding:14px!important;font-weight:700}.family-mini-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.family-mini-actions a{font-size:12px;color:var(--lav);font-weight:800;min-height:40px;padding:10px 12px;border:1px solid #e3d9f1;border-radius:12px;background:#fff;text-decoration:none}.family-wide{grid-column:1/-1}.family-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 13px}.family-section-head h2{font-size:20px;letter-spacing:-.5px;margin:0}.family-section-head a{font-weight:800;font-size:13px;color:var(--lav);text-decoration:none}.tiny-help{display:inline-grid;place-items:center;border:1px solid #d8cde9;border-radius:50%;width:24px;height:24px;min-width:24px;padding:0;background:#f6f1ff;color:#7c5caf;font-size:14px;font-weight:900;box-shadow:none;vertical-align:middle;cursor:pointer}.family-progress{background:white;border:1px solid var(--line);border-radius:25px;padding:24px}.family-progress p{font-size:13px;color:var(--ink2);line-height:1.6;margin:10px 0 0}.family-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.family-stat{background:#f8f6fb;border-radius:17px;padding:15px}.family-stat strong{display:block;font-size:28px;line-height:1.1;color:var(--ink)}.family-stat span{display:block;font-size:12px;color:var(--ink2);line-height:1.45;margin-top:8px}.family-stat strong small{font-size:14px;color:#a397b4}.family-report-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;color:var(--lav);text-decoration:none;font-weight:800;font-size:14px}.family-session-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.family-session{position:relative;display:block;border:1px solid var(--line);background:white;border-radius:20px;padding:18px;color:var(--ink);text-decoration:none}.family-session small{font-size:11px;color:var(--lav);font-weight:800;display:block}.family-session b{display:block;font-size:15px;line-height:1.4;margin-top:9px;overflow-wrap:anywhere}.family-session p{font-size:12px;line-height:1.5;color:var(--ink2);margin:8px 0 0}.family-session .session-arrow{position:absolute;right:15px;top:15px;font-size:16px;color:#b3a3c9}.family-empty{border:1px dashed #d8cde6;border-radius:20px;padding:22px;background:#ffffff8f;font-size:14px;line-height:1.6;color:var(--ink2);margin:0}.family-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.family-bottom>a{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);background:white;border:1px solid var(--line);border-radius:20px;padding:18px}.family-bottom .menu-icon{border-radius:12px}.family-bottom b{display:block;font-size:15px}.family-bottom small{font-size:12px;color:var(--ink2);display:block;line-height:1.5;margin-top:4px}.family-picker{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.family-picker .parent-profile{border-width:1px;background:white}.family-picker .parent-profile.selected{border-color:#a989d8;box-shadow:0 0 0 2px #efe7fc}.family-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:26px;color:var(--ink2);font-size:12px}.family-footer .lnk{font-size:12px;min-height:40px}.family-page .parent-help{margin-top:26px}.sticker-total{display:inline-flex;gap:9px;align-items:center;background:#fff0bb;color:var(--ink);border-radius:15px;padding:12px 18px;text-decoration:none;font-size:16px;font-weight:900}.sticker-summary{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:24px 0}.sticker-summary h1{font-size:28px;margin:0}.sticker-summary p{font-size:13px;line-height:1.6;color:var(--ink2);margin:9px 0 0}.stickerbook.family-page{max-width:900px}.stickerbook .sticker-grid{grid-template-columns:repeat(3,1fr);gap:18px}.stickerbook .attendance-sticker{background:white;border:1px solid #e8def0;padding:20px;border-radius:24px}.stickerbook .attendance-sticker img{height:125px}.stickerbook .attendance-sticker small{font-size:13px;color:var(--ink2);margin-top:8px}.stickerbook .sticker-empty{border:1px dashed #dbd0e8;border-radius:24px;background:#f4eefb;min-height:220px}.stickerbook .sticker-empty span{color:#cbbbdf}
@media(max-width:740px){.family-page{padding:22px 18px 45px}.family-content{grid-template-columns:1fr;gap:17px}.family-header{margin-bottom:20px}.family-brand{font-size:20px}.family-profile{padding:22px}.family-profile::after{right:24px;font-size:40px}.family-next{padding:22px}.family-session-list{grid-template-columns:1fr}.family-session{padding:17px 19px}.family-session p{margin:5px 0 0}.family-stats{gap:8px}.family-stat{padding:13px 10px}.family-stat strong{font-size:25px}.family-stat span{font-size:11px}.family-bottom{gap:10px}.family-bottom>a{padding:14px 12px;gap:9px}.family-bottom small{font-size:11px}.family-bottom b{font-size:14px}.stickerbook .sticker-grid{grid-template-columns:repeat(2,1fr);gap:12px}.sticker-summary h1{font-size:23px}.sticker-total{padding:10px 12px;font-size:14px}}
.sticker-profile{display:flex;align-items:center;gap:22px;padding:26px 0 35px}.sticker-profile h1{font-size:28px;margin:7px 0;letter-spacing:-.7px}.sticker-profile p{color:#7d8799;margin:0;line-height:1.6}.sticker-star-link{margin-left:auto;display:flex;align-items:center;gap:12px;background:#fff4cb;border:1px solid #f2df9e;padding:14px 20px;border-radius:22px;color:#7b641d;text-decoration:none}.sticker-star-link>svg{font-size:30px}.sticker-star-link>span{display:flex;flex-direction:column}.sticker-star-link strong{font-size:27px}.sticker-star-link small{font-size:11px}.attendance-collection{padding:27px;background:#fff;border:1px solid #e4e8f1;border-radius:28px}.sticker-count{font-size:13px;color:#9c8bcc;margin-left:8px}.attendance-collection .sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.attendance-collection .attendance-sticker{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px 14px 21px;border:1px solid #e8e0f3;border-radius:24px;background:#f9f5ff;text-decoration:none;color:#48506a;box-shadow:none}.attendance-sticker-art{position:relative;border-radius:50%;background:#eee4ff;width:130px;height:130px;display:flex;align-items:center;justify-content:center;margin:4px 0 13px}.attendance-collection .attendance-sticker img{width:100px;height:110px;object-fit:contain}.attendance-sticker-art>span{position:absolute;right:0;bottom:4px;color:#fff;font-size:26px;text-shadow:0 1px 2px #b098d4}.attendance-collection .attendance-sticker small{font-size:12px;margin-top:6px;color:#9e94ac}.attendance-collection .attendance-sticker p{font-size:12px;margin:9px 0 0;color:#8c859b}.attendance-collection .sticker-style-1{background:#effafa;border-color:#d9eeee}.sticker-style-1 .attendance-sticker-art{background:#d9f0f0}.attendance-collection .sticker-style-2{background:#fff9eb;border-color:#f3e7c9}.sticker-style-2 .attendance-sticker-art{background:#ffedc1}.attendance-collection .sticker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fcfcfe;border:2px dashed #e1e5ed;border-radius:24px;min-height:260px;padding:20px;box-shadow:none}.sticker-empty>span{font-size:38px;color:#d5d8e4;margin:15px}.sticker-empty b{font-size:14px;color:#a1a7b7}.sticker-empty p{font-size:12px;color:#b2b8c5}.sticker-explanation{font-size:12px;line-height:1.8;color:#8c95a7;margin:22px 4px 0}@media(max-width:680px){.sticker-profile{gap:14px;flex-wrap:wrap;padding:16px 0 25px}.sticker-profile .profile-picture{width:75px;height:75px}.sticker-profile h1{font-size:22px}.sticker-star-link{margin-left:0;width:100%}.attendance-collection{padding:18px}.attendance-collection .sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attendance-sticker-art{width:105px;height:105px}.attendance-collection .attendance-sticker img{width:80px;height:90px}.attendance-collection .attendance-sticker{padding:10px 7px 18px}.attendance-collection .attendance-sticker>b{font-size:12px}.attendance-collection .sticker-empty{min-height:224px;padding:12px}}
.family-next{display:flex;flex-direction:column;align-items:flex-start}.family-next .class-buddies{display:flex;align-items:flex-end;justify-content:center;gap:35px;width:100%;flex:1;min-height:150px;max-height:220px;padding-top:18px}.class-buddies img{height:170px;max-width:38%;object-fit:contain}.family-next>.parent-eyebrow{align-self:flex-start}.family-next .family-mini-actions{width:100%}@media(max-width:740px){.family-next .class-buddies{min-height:100px;max-height:135px;padding-top:18px;gap:22px}.class-buddies img{height:112px}}
.profile-picture{object-position:center 12%}