/* v10.51 — native live classroom */
.live-class-admin-hero{background:linear-gradient(135deg,#062845,#087b82)!important;color:#fff}.live-class-admin-hero h2,.live-class-admin-hero p{color:#fff!important}.live-class-signal{display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:999px;background:rgba(255,255,255,.13);font-weight:900}.live-class-signal i,.live-pill i{width:10px;height:10px;border-radius:50%;background:#ffbf3f}.live-class-signal.ready i,.live-pill i{background:#36dc8b;box-shadow:0 0 0 7px rgba(54,220,139,.14)}.live-class-admin-grid form{display:grid;gap:14px}.live-class-session-list{display:grid;gap:10px}.live-class-session-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #d4e4ea;border-radius:18px;background:#fff}.live-class-session-row.live{border-color:#21b7aa;box-shadow:0 10px 25px rgba(12,157,148,.1)}.live-class-session-row h3{margin:4px 0}.live-class-session-row span,.live-class-session-row small{color:#60788a}.live-class-app{min-height:calc(100dvh - 130px);padding:16px;border-radius:26px;background:#07182d;color:#fff}.live-class-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:6px 8px 18px}.live-class-head h2{margin:5px 0;color:#fff}.live-class-head p{margin:0;color:#9eb6c8}.live-class-head>div:last-child{display:flex;align-items:center;gap:8px}.live-class-head>div:last-child>b{font-size:24px}.live-class-head>div:last-child button{width:42px;height:42px;border:0;border-radius:13px;background:#153451;color:#fff;font-size:22px}.live-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:#173854;color:#dff;font-weight:900}.live-class-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;min-height:660px}.live-class-stage{display:flex;flex-direction:column;min-width:0;border-radius:23px;background:#020a15;overflow:hidden}.live-media-stage{position:relative;display:grid;place-items:center;flex:1;min-height:540px;overflow:hidden;background:radial-gradient(circle at center,#123d54,#020a15 66%)}.live-media-stage video{width:100%;height:100%;object-fit:contain}.live-media-stage .live-camera-track{position:absolute;inset:auto 18px 18px auto;width:min(250px,30%);height:auto;aspect-ratio:16/9;z-index:4;border:3px solid #42ddd0;border-radius:18px;background:#000;box-shadow:0 15px 40px #000}.live-waiting{text-align:center;color:#c7d8e4}.live-waiting img{width:100px;border-radius:24px;background:#fff}.live-host-controls,.live-student-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:13px;background:#0c2138}.live-host-controls button,.live-student-controls button{min-height:44px;padding:0 15px;border:1px solid #2e526e;border-radius:13px;background:#173751;color:#fff;font-weight:800}.live-host-controls button.on,.live-student-controls button.on{border-color:#2ed2bd;background:#0e7f79}.live-student-controls span{color:#98adbc;font-size:13px}.live-class-side{display:flex;flex-direction:column;min-width:0;border:1px solid #19364f;border-radius:22px;background:#0d2239;overflow:hidden}.live-side-tabs{display:flex;padding:8px;gap:6px;border-bottom:1px solid #1c3c56}.live-side-tabs button{flex:1;padding:11px;border:0;border-radius:12px;background:transparent;color:#9eb4c4;font-weight:900}.live-side-tabs button.active{background:#173b55;color:#fff}.live-panel{display:none;flex:1;min-height:0}.live-panel.active{display:flex;flex-direction:column}.live-chat-list{flex:1;height:530px;padding:12px;overflow:auto}.live-chat-list article{position:relative;margin-bottom:9px;padding:10px 12px;border-radius:14px;background:#15334d}.live-chat-list b{font-size:12px;color:#55dfd2}.live-chat-list p{margin:5px 0;color:#fff;overflow-wrap:anywhere}.live-chat-list small{position:absolute;inset:9px auto auto 10px;color:#718da2}.live-panel form{display:flex;gap:7px;padding:10px;border-top:1px solid #1c3c56}.live-panel form input{min-width:0;flex:1;padding:12px;border:1px solid #31536c;border-radius:13px;background:#091a2c;color:#fff}.live-panel form button{width:44px;border:0;border-radius:13px;background:#13b7aa;color:#fff}.live-people-list{padding:10px;overflow:auto}.live-people-list article{display:flex;align-items:center;gap:9px;padding:9px;border-bottom:1px solid #1c3c56}.live-people-list article>span{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#16445c}.live-people-list article>div{flex:1;min-width:0}.live-people-list b,.live-people-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-people-list small{color:#8ba3b5}.live-people-list .raised{background:#493c18;border-radius:13px}.standalone-message{display:grid;place-items:center;min-height:100dvh;text-align:center}
@media(max-width:980px){.live-class-layout{grid-template-columns:1fr}.live-class-side{min-height:430px}.live-media-stage{min-height:52dvh}.live-chat-list{height:330px}}@media(max-width:600px){.live-class-page .main-content{padding:70px 8px 8px!important}.live-class-app{padding:8px;border-radius:18px}.live-class-head{align-items:flex-start}.live-class-head h2{font-size:18px}.live-class-layout{min-height:0}.live-media-stage{min-height:45dvh}.live-host-controls button{flex:1}.live-media-stage .live-camera-track{width:38%;inset:auto 8px 8px auto}.live-class-session-row{align-items:flex-start;flex-direction:column}.live-class-session-row .row-actions{width:100%}}
.student-live-class-banner{display:flex;align-items:center;gap:18px;padding:20px 24px;border-radius:24px;background:linear-gradient(135deg,#072b49,#078d8b);color:#fff;box-shadow:0 16px 42px rgba(3,91,105,.22)}.student-live-class-banner div{flex:1}.student-live-class-banner small{color:#72f2df;font-weight:950}.student-live-class-banner h2{margin:4px 0;color:#fff}.student-live-class-banner p{margin:0;color:#d4e8ed}.student-live-class-banner>strong{padding:12px 17px;border-radius:14px;background:#ffd56a;color:#062b45}.student-live-pulse{font-size:30px;color:#35e58d;animation:livePulse 1.2s infinite}@keyframes livePulse{50%{opacity:.35;transform:scale(.8)}}@media(max-width:600px){.student-live-class-banner{align-items:flex-start;padding:16px;gap:10px}.student-live-class-banner>strong{font-size:12px;padding:9px}}
.live-class-empty{display:grid;place-items:center;max-width:780px;min-height:520px;margin:20px auto;padding:35px;text-align:center;border:1px solid #cfe3e8;border-radius:30px;background:linear-gradient(145deg,#fff,#eef9f8)}.live-class-empty>img{width:105px;border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(5,58,78,.12)}.live-class-empty>span{color:#099c95;font-weight:950;letter-spacing:.12em}.live-class-empty h2{margin:0}.live-class-empty p{max-width:560px;margin:0;color:#587184}.live-upcoming-list{display:grid;width:100%;gap:8px}.live-upcoming-list article{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;text-align:start;border:1px solid #d7e7ea;border-radius:14px;background:#fff}.live-upcoming-list span{color:#647b8b}@media(max-width:600px){.live-upcoming-list article{flex-direction:column}}
.live-host-controls .live-end-button{border-color:#ff8080;background:#a92b3a}.live-host-controls .live-end-button:hover{background:#c53647}.live-student-controls [hidden]{display:none!important}
.live-sharing-indicator{position:absolute;z-index:8;inset:18px 18px auto;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;border:1px solid rgba(89,237,211,.45);border-radius:16px;background:rgba(4,52,69,.94);color:#fff;box-shadow:0 14px 35px rgba(0,0,0,.28)}.live-sharing-indicator b{color:#5df0d4}.live-sharing-indicator span{color:#d7edf0}@media(max-width:600px){.live-sharing-indicator{inset:8px 8px auto;align-items:flex-start;flex-direction:column;gap:3px;padding:10px 12px;font-size:12px}}
.live-class-standalone{margin:0;min-height:100dvh;background:#07182d}.live-class-standalone .live-class-app{min-height:100dvh;border-radius:0}.live-class-standalone .live-class-layout{min-height:calc(100dvh - 92px)}.live-class-standalone .live-media-stage{min-height:0}.live-people-list article>button{padding:7px 9px;border:1px solid #2b6177;border-radius:10px;background:#123e55;color:#fff;font-size:11px;font-weight:800;white-space:nowrap}.live-people-list article>button:not(:disabled):hover{background:#078e86}.live-people-list article>button:disabled{opacity:.55}.live-chat-list{scroll-behavior:smooth;overscroll-behavior:contain}
.live-waiting-compact img{width:64px}.live-waiting-compact p{margin:10px 0;color:#88a5b8}.live-praise-actions{display:flex!important;gap:4px;margin-top:6px}.live-praise-actions button{width:30px;height:27px;padding:0;border:1px solid #315d73;border-radius:9px;background:#09273d;cursor:pointer}.live-praise-actions button:hover{background:#0b837d;transform:translateY(-1px)}.live-celebration{position:fixed;z-index:99999;inset:50% auto auto 50%;display:grid;place-items:center;min-width:min(380px,88vw);padding:25px 35px;border:2px solid #ffdc69;border-radius:28px;background:linear-gradient(145deg,rgba(5,45,70,.98),rgba(8,128,124,.98));color:#fff;text-align:center;box-shadow:0 35px 100px #0009;opacity:0;transform:translate(-50%,-45%) scale(.75);transition:.3s ease;pointer-events:none}.live-celebration.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.live-celebration b{font-size:clamp(22px,4vw,38px);color:#fff}.live-celebration span{margin-top:5px;color:#d9fffa;font-weight:800}.live-confetti{font-size:42px;animation:liveCelebrate .8s ease-in-out infinite alternate}@keyframes liveCelebrate{to{transform:scale(1.14) rotate(2deg)}}.video-modal-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.video-modal-actions>a{padding:9px 12px;border-radius:10px;background:#e8fbf9;color:#075f63!important;font-weight:900;text-decoration:none;white-space:nowrap}@media(max-width:600px){.video-modal-actions>a{padding:8px;font-size:11px}.learning-modal-bar>div:first-child small{display:none}}
.student-book-float{position:fixed;z-index:145;left:18px;bottom:84px;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border:1px solid #ffffff4a;border-radius:18px;background:linear-gradient(135deg,#073755,#079991);color:#fff;box-shadow:0 12px 32px rgba(1,34,56,.28);cursor:pointer;transition:.2s ease}.student-book-float:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(1,34,56,.36)}.student-book-float span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#fff;color:#062d48;font-size:22px}.student-book-float b{font-size:11px;white-space:nowrap}.student-book-dialog{width:min(760px,calc(100vw - 24px));max-height:min(90dvh,800px);padding:0;border:0;border-radius:28px;background:transparent;overflow:auto}.student-book-dialog::backdrop{background:rgba(3,15,30,.78);backdrop-filter:blur(7px)}.student-book-card{position:relative;padding:27px;border:1px solid #d9e8ea;border-radius:28px;background:linear-gradient(145deg,#fff,#f1faf9);color:#092845;box-shadow:0 28px 90px #0006}.student-book-card>.modal-close{position:absolute;inset:17px 17px auto auto;background:#e7f2f4;color:#0a3650}.student-book-card header{display:flex;align-items:center;gap:18px;padding-inline-end:38px}.book-gift-icon{display:grid;place-items:center;flex:0 0 82px;height:82px;border-radius:24px;background:linear-gradient(145deg,#083654,#08a097);font-size:39px;box-shadow:0 14px 30px rgba(2,83,91,.2)}.student-book-card header small{color:#07988f;font-weight:950;letter-spacing:.08em}.student-book-card header h2{margin:4px 0 6px;font-size:clamp(22px,4vw,34px)}.student-book-card header p{margin:0;color:#60798b}.student-book-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.student-book-parts article{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid #d6e7e9;border-radius:17px;background:#fff}.student-book-parts span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e4f7f5;color:#078d85;font-weight:950}.student-book-price{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-radius:19px;background:#082f4d;color:#fff}.student-book-price div{display:grid;gap:3px}.student-book-price small{color:#b9d5df}.student-book-price>strong{font-size:34px;color:#65eee0}.student-book-price>strong small{font-size:13px}.student-book-confirm-note{display:flex;align-items:flex-start;gap:11px;margin:14px 0;padding:14px;border:1px solid #f2d38b;border-radius:16px;background:#fff9e9}.student-book-confirm-note>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#f0a91b;color:#fff;font-weight:950}.student-book-confirm-note p{margin:2px 0;color:#614c24;font-weight:750;line-height:1.7}.student-book-actions{display:flex;gap:9px}.student-book-actions .btn{flex:1}.student-book-state{display:none;margin:12px 0;padding:13px;border-radius:14px}.student-book-state:not(:empty){display:grid;gap:6px}.student-book-state.loading{background:#edf6fa;color:#31576c}.student-book-state.success{background:#e8faf3;color:#087452}.student-book-state.error{background:#fff0f0;color:#9d3030}.student-book-state small,.student-book-state a{display:block;margin-top:4px}.student-book-state a{font-weight:900;color:inherit}.student-book-source-pill{display:inline-flex;margin-top:5px;padding:4px 7px;border-radius:999px;background:#e6f8f5;color:#087d76;font-size:9px;font-weight:950}@media(max-width:600px){.student-book-float{left:10px;bottom:78px;padding:6px;border-radius:15px}.student-book-float span{width:38px;height:38px}.student-book-float b{display:none}.student-book-card{padding:20px 14px}.student-book-card header{align-items:flex-start;gap:12px;padding-inline-end:30px}.book-gift-icon{flex-basis:58px;height:58px;border-radius:17px;font-size:28px}.student-book-parts{grid-template-columns:1fr;gap:7px;margin:17px 0}.student-book-parts article{padding:11px}.student-book-price{padding:14px}.student-book-price>strong{font-size:27px}.student-book-actions{flex-direction:column}.student-book-dialog{max-height:96dvh}}

/* v10.57 — stable live classroom camera, microphone and bounded chat */
.live-chat-repeat{position:absolute;inset:auto auto 8px 10px;padding:2px 7px;border-radius:999px;background:#0a8b84;color:#fff;font-size:11px;font-style:normal;font-weight:900}.live-chat-list{min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain}.live-panel.active{min-height:0;overflow:hidden}.live-class-side{min-height:0}.live-camera-track:empty{display:none!important}
@media(min-width:981px){.live-class-layout{height:calc(100dvh - 175px);min-height:560px}.live-class-stage,.live-class-side{height:100%;min-height:0}.live-media-stage{min-height:0}.live-chat-list{height:auto}.live-class-standalone .live-class-layout{height:calc(100dvh - 92px);min-height:0}.live-class-standalone .live-class-side{max-height:calc(100dvh - 92px)}}
@media(max-width:980px){.live-class-side{height:min(430px,65dvh);min-height:320px;max-height:65dvh}.live-chat-list{height:auto}}

/* v10.58 — fixed live panels and on-demand homework monitoring */
.live-panel[data-live-panel="people"].active{min-height:0;overflow:hidden}.live-people-list{flex:1;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}.homework-live-disclosure{padding:0!important;border:1px solid #cce3e8;border-radius:20px;background:#fff;overflow:hidden}.homework-live-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;cursor:pointer;color:#083450;list-style:none}.homework-live-disclosure>summary::-webkit-details-marker{display:none}.homework-live-disclosure>summary:after{content:'＋';font-size:22px;color:#08a398}.homework-live-disclosure[open]>summary:after{content:'−'}.homework-live-disclosure>summary span{margin-inline-start:auto;color:#69808f;font-size:12px}.homework-live-disclosure .homework-live-panel{margin:0;border:0;border-top:1px solid #dbe9ed;border-radius:0;box-shadow:none}
@media(max-width:700px){.homework-live-disclosure>summary{align-items:flex-start;flex-direction:column}.homework-live-disclosure>summary span{margin-inline-start:0}}