.kids-nav{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));background:#f7f4e9;color:#294e40;border-bottom:1px solid #d5dfcb;font:14px/1.5 "Microsoft YaHei",system-ui,sans-serif}.kids-nav a{color:inherit;padding:10px 4px;min-height:44px;text-decoration:none}.kids-nav a:hover{text-decoration:underline}.kids-nav button{font:inherit;min-height:44px;padding:8px 14px;border-radius:12px;border:1px solid #bbcfb8;background:#fffdf6;color:#294e40;cursor:pointer}.kids-nav :focus-visible{outline:3px solid #a56126;outline-offset:2px}.kids-break{max-width:440px;width:calc(100% - 32px);border:1px solid #bacbb0;border-radius:24px;padding:28px;background:#fffdf6;color:#294e40;font:18px/1.8 "Microsoft YaHei",system-ui,sans-serif;text-align:center}.kids-break::backdrop{background:#21362aa8}.kids-break h2{font-size:26px}.kids-break a,.kids-break button{display:block;margin:12px auto;padding:12px 18px;border-radius:14px;border:1px solid #becdb6;background:#edf1df;color:#294e40;font:inherit;text-decoration:none}.kids-break p{font-size:16px}.kids-storage-warning{background:#fff2cf;color:#674810;padding:12px;text-align:center;font:14px/1.6 system-ui}

body.kids-math .kids-nav{position:relative;z-index:21}body.kids-math .level{top:var(--kids-nav-height,65px)}

.kids-nav{flex-wrap:wrap;gap:8px 16px}
.kids-profile-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font:15px/1.6 "Microsoft YaHei",system-ui,sans-serif;color:#294e40}
.kids-profile-controls>span{font-size:13px}
.kids-profile-controls button,.kids-family button{min-height:48px;border:1px solid #b9cbb8;border-radius:12px;padding:10px 16px;background:#fffdf6;color:#294e40;font:inherit;cursor:pointer}
.kids-profile-controls [hidden]{display:none}
.kids-home-profiles{padding:18px 0 0}
.kids-family{width:720px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);border:1px solid #b9cbb8;border-radius:24px;padding:28px;background:#fffdf6;color:#294e40;font:17px/1.7 "Microsoft YaHei",system-ui,sans-serif;overflow:auto;overscroll-behavior:contain}
.kids-family::backdrop{background:#21362aa8}
.kids-family h2{font-size:25px;margin:0 0 12px}
.kids-family h3{font-size:20px;margin:22px 0 10px}
.kids-family button:disabled{opacity:.55;cursor:default}
.kids-family-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kids-family-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d3ddc9;border-radius:14px;padding:12px;min-width:0}
.kids-family-row span{overflow-wrap:anywhere}
.kids-family-row button{flex-shrink:0}
.kids-family-editor{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kids-family label{display:flex;flex-direction:column;gap:6px}
.kids-family input,.kids-family select{width:100%;min-width:0;min-height:48px;font:inherit;border:1px solid #afc2a9;border-radius:10px;padding:8px 12px;background:#fff;color:#294e40}
.kids-family-add{display:flex;align-items:end;gap:12px}.kids-family-add label{flex:1;min-width:0}
.kids-family-legacy{padding:14px;background:#fff0cb;border-radius:14px;margin:20px 0}
.kids-family details{margin:20px 0}.kids-family summary{cursor:pointer;min-height:48px}
.kids-family :focus-visible{outline:3px solid #a56126;outline-offset:2px}
@media(min-width:768px) and (max-width:1200px){.kids-nav{padding:12px 24px}.kids-profile-controls{font-size:17px}.kids-home-profiles{padding-top:24px}.kids-family{padding:32px}}
@media(max-width:767px){.kids-nav>.kids-profile-controls{width:100%;order:5;justify-content:space-between}.kids-profile-controls{font-size:14px}.kids-profile-controls>span{font-size:12px}.kids-family{padding:20px;font-size:16px}.kids-family-list,.kids-family-editor{grid-template-columns:1fr}.kids-family-add{flex-direction:column;align-items:stretch}.kids-family h2{font-size:21px}}

.kids-family,.kids-family *,.kids-break,.kids-break *{box-sizing:border-box}