@media(max-width:760px){.child-header,.admin-top{padding-top:max(12px,env(safe-area-inset-top))}.child-main,.admin-main,.login-form-wrap{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom))}.floating-companion{bottom:calc(14px + env(safe-area-inset-bottom))}}
body:not(.platform-ready) #app{visibility:hidden}.p-pad{padding:26px;margin-bottom:22px}.p-pad h3{margin-bottom:14px}.p-pad>p{line-height:1.85;margin-bottom:18px}.p-two,.p-editor{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.p-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.p-metrics.four{grid-template-columns:repeat(4,1fr)}.metric{padding:24px;display:flex;flex-direction:column;gap:10px}.metric strong{font-size:34px;line-height:1.2}.p-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.p-field{display:flex;flex-direction:column;gap:9px;font-size:14px;color:#516787;margin:15px 0}.p-field input,.p-field textarea,.p-field select{border:1px solid #dce5f1;border-radius:10px;padding:12px 13px;background:#fff;color:#17335b;min-width:0;width:100%;font:inherit;line-height:1.6}.p-field textarea{resize:vertical;min-height:85px}.p-question{border:1px solid #e0e9f3;border-radius:14px;padding:10px 18px 18px;margin:20px 0}.p-question legend{padding:0 8px;color:#416bdd;font-weight:600}.p-savebar{border-top:1px solid #e6ecf4;margin-top:22px;padding-top:4px;display:grid;gap:14px}#p-course-video{width:100%;max-height:310px;border-radius:14px;background:#eff3fa;margin-top:10px}.p-editor .panel{min-width:0}.p-error{font-size:13px;color:#ba4b4b;max-width:420px;overflow-wrap:anywhere}.p-audit{display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid #edf1f8;padding:10px 0;font-size:14px}.p-audit small{color:#8a9cb5;white-space:nowrap}.p-upload{display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px;border:2px dashed #d5e2f7;border-radius:18px;background:#f8faff}.p-upload>.icon{height:34px;width:34px;color:#396bf1}.p-upload input{max-width:100%}#upload-progress{width:100%;margin-top:18px}.p-history summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer}.p-history summary span{font-size:13px;color:#8395ad}.p-record{border-top:1px solid #edf1f8;padding:18px 0;line-height:1.9}.p-record:first-of-type{margin-top:18px}.p-check-grid{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0}.p-danger{margin:25px 0;color:#b24949}.p-chart{height:175px;display:flex;align-items:end;gap:16px;justify-content:space-around;margin-top:25px}.p-chart>div{flex:1;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:13px;color:#6e82a2}.p-chart i{display:block;width:65%;max-width:62px;border-radius:8px 8px 0 0;background:linear-gradient(#91b3ff,#4777ee)}.p-moods{display:flex;justify-content:space-around;gap:15px}.p-moods button{display:flex;flex-direction:column;gap:12px;align-items:center;padding:10px;border-radius:14px;flex:1}.p-moods button:hover{background:#f1f5ff}.p-moods span{font-size:35px}.p-mood-history{display:flex;flex-wrap:wrap;gap:14px}.p-mood-history>span{padding:12px 18px;background:#f3f7ff;border-radius:12px}.p-mood-history small{display:block;color:#8b9bb4;font-size:11px;margin-top:7px}.p-chat{padding:20px;display:flex;flex-direction:column}.p-chat-history{height:calc(100dvh - 380px);min-height:220px;overflow:auto;padding:10px;scroll-behavior:smooth}.p-chat-message{width:fit-content;max-width:85%;background:#f0f5ff;border-radius:18px 18px 18px 4px;padding:16px 20px;margin:0 0 18px;line-height:1.9}.p-chat-message>span{font-size:12px;color:#7c91b2}.p-chat-message.mine{margin-left:auto;background:#e8efff;border-radius:18px 18px 4px 18px}.p-chat-message .btn{font-size:12px;min-height:30px;padding:3px 10px;margin-top:8px;background:transparent}.p-chat-form{display:flex;gap:12px;padding-top:16px;border-top:1px solid #e7edf5}.p-chat-form textarea{width:100%;resize:none;min-height:60px;border:1px solid #dce5f1;border-radius:12px;padding:13px;font:inherit}.p-chat-form .btn{flex-shrink:0}.p-chat-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.p-chat-suggestions .btn{font-size:12px;min-height:32px}.p-preferences{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;margin-top:20px}.p-story{white-space:pre-wrap;line-height:1.9;margin:20px 0}.courses-grid .course-info .progress{margin:12px 0}.courses-grid .course-info .btn{font-size:13px;padding:8px 12px;min-height:36px}.admin-main>.panel{margin-bottom:22px}.admin-shell .sidebar .brand{font-size:22px}.admin-shell .sidebar small{font-size:10px}.admin-top{justify-content:space-between}.p-device-form p{margin-bottom:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.reduced-motion *{animation:none!important;scroll-behavior:auto!important}.companion-robot canvas{width:100%;height:100%;display:block;touch-action:none}.companion-robot.has-3d{width:190px;height:265px;mix-blend-mode:normal}.companion-robot.has-3d img{display:none}.floating-companion.compact .companion-robot.has-3d{width:85px;height:135px}.child-main>.page-heading{margin-bottom:25px}.p-preferences input,.p-check-grid input{accent-color:#3867ef}.p-savebar .small{line-height:1.7}button:disabled{opacity:.6;cursor:wait}dialog{max-height:85dvh;overflow:auto}td .btn{font-size:12px;padding:6px 10px;min-height:32px}td p{line-height:1.6}td .row{gap:7px}.p-field select:focus,.p-field textarea:focus,.p-field input:focus{outline:2px solid #769aff;outline-offset:2px}
@media(min-width:1100px) and (min-height:640px){.classroom-mode .child-main{padding-bottom:18px}.classroom-mode .child-header{height:var(--class-header)}.classroom-mode .companion-robot.has-3d{height:clamp(165px,27vh,235px)}}
@media(max-width:1100px){.p-two,.p-editor{grid-template-columns:1fr}.p-metrics.four{grid-template-columns:repeat(2,1fr)}.p-history summary{flex-direction:column;gap:8px}.p-metrics{gap:12px}.metric{padding:20px}}
@media(max-width:760px){.p-metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:27px}.p-pad{padding:19px}.p-moods{gap:0}.p-moods span{font-size:28px}.p-moods button{font-size:13px}.p-chat-history{height:350px}.p-chat-form{flex-direction:column}.p-chat-message{max-width:95%;padding:12px}.floating-companion .companion-robot.has-3d{width:84px;height:128px}.p-toolbar{align-items:start;gap:12px;flex-direction:column}.p-metrics.four{grid-template-columns:1fr 1fr}.p-chart{gap:6px}.admin-top>span:last-child{display:none}.p-upload{padding:24px 14px}.p-editor{gap:0}}