.classroom-shell{color:#183653;background:#eef3f7;min-height:100vh}.classroom-header{z-index:55;color:#fff;background:linear-gradient(110deg,#031f43,#083d74);grid-template-columns:260px minmax(250px,1fr) 280px;align-items:center;gap:24px;height:76px;padding:0 28px;display:grid;position:fixed;inset:0 0 auto;box-shadow:0 8px 24px #031f432e}.classroom-back{color:#ffffffb8;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.classroom-back svg{width:18px}.classroom-header-title{flex-direction:column;min-width:0;display:flex}.classroom-header-title small{color:#67c2ff;letter-spacing:.18em;font-size:8px;font-weight:900}.classroom-header-title strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:14px;overflow:hidden}.classroom-header-progress{gap:7px;display:grid}.classroom-header-progress>div:first-child{color:#ffffffa6;justify-content:space-between;font-size:9px;display:flex}.classroom-header-progress strong{color:#fff}.classroom-progress-track{background:#ffffff24;border-radius:99px;height:6px;overflow:hidden}.classroom-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#1da3ff,#62cbff);height:100%;display:block}.classroom-menu{display:none}.classroom-layout{min-height:100vh;padding-top:76px}.classroom-sidebar{z-index:45;background:#fff;border-right:1px solid #d7e1e9;width:330px;position:fixed;inset:76px auto 0 0;overflow-y:auto}.classroom-sidebar-heading{border-bottom:1px solid #e1e9ef;justify-content:space-between;align-items:center;gap:14px;min-height:82px;padding:17px 20px;display:flex}.classroom-sidebar-heading>div{align-items:center;gap:11px;display:flex}.classroom-sidebar-heading>div>svg{color:#1189e8;background:#eaf6ff;border-radius:10px;width:37px;height:37px;padding:9px}.classroom-sidebar-heading span{flex-direction:column;gap:2px;display:flex}.classroom-sidebar-heading small,.classroom-materials-title span{color:#c61f2c;letter-spacing:.15em;font-size:8px;font-weight:900}.classroom-sidebar-heading strong{color:#183653;font-size:11px}.classroom-sidebar-heading button{display:none}.classroom-curriculum details{border-bottom:1px solid #e4ebf0}.classroom-curriculum summary{cursor:pointer;background:#f7fafc;grid-template-columns:31px 1fr 17px;align-items:center;gap:10px;min-height:76px;padding:13px 17px;list-style:none;display:grid}.classroom-curriculum summary::-webkit-details-marker{display:none}.classroom-curriculum summary>span{color:#fff;background:#0d79cb;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:900;display:grid}.classroom-curriculum summary>span svg{width:15px}.classroom-curriculum summary>div{flex-direction:column;gap:3px;display:flex}.classroom-curriculum summary small{color:#8594a3;letter-spacing:.12em;font-size:7px;font-weight:800}.classroom-curriculum summary strong{color:#173b60;font-size:11px;line-height:1.3}.classroom-curriculum summary>svg{color:#8a9baa;width:16px;transition:transform .16s}.classroom-curriculum details[open] summary>svg{transform:rotate(180deg)}.classroom-lessons{padding:6px 0;display:grid}.classroom-lessons button{text-align:left;cursor:pointer;background:#fff;border:0;grid-template-columns:32px 1fr;align-items:center;gap:9px;min-height:64px;padding:9px 17px;display:grid;position:relative}.classroom-lessons button:before{content:"";background:0 0;width:3px;position:absolute;inset:0 auto 0 0}.classroom-lessons button:hover{background:#f5faff}.classroom-lessons button.active{background:#eaf6ff}.classroom-lessons button.active:before{background:#1189e8}.classroom-lessons button>span{color:#7390a8;background:#fff;border:1px solid #d2dfe8;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.classroom-lessons button.completed>span{color:#fff;background:#35a36d;border-color:#45a979}.classroom-lessons button>span svg{width:13px}.classroom-lessons button>div{flex-direction:column;gap:5px;min-width:0;display:flex}.classroom-lessons button strong{color:#2c4a66;text-overflow:ellipsis;font-size:10px;line-height:1.35;overflow:hidden}.classroom-lessons button small{color:#8b9ba9;align-items:center;gap:4px;font-size:8px;display:flex}.classroom-lessons button small svg{width:11px}.classroom-main{min-height:calc(100vh - 76px);margin-left:330px;padding:26px}.classroom-player{aspect-ratio:16/9;background:#020b16;border-radius:15px;width:min(100%,1120px);margin:0 auto;overflow:hidden;box-shadow:0 16px 38px #01122633}.classroom-player iframe,.classroom-player video{-o-object-fit:contain;object-fit:contain;border:0;width:100%;height:100%}.classroom-video-placeholder{color:#fff;text-align:center;background:radial-gradient(circle,#1397f138,#0000 35%),linear-gradient(135deg,#06182e,#082e58);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.classroom-video-placeholder>span{background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:82px;height:82px;display:grid}.classroom-video-placeholder svg{color:#59bdff;width:38px}.classroom-video-placeholder h2{margin:17px 0 4px;font-size:20px}.classroom-video-placeholder p{color:#ffffff8c;margin:0;font-size:11px}.classroom-lesson-grid{grid-template-columns:minmax(0,1fr) 300px;gap:20px;width:min(100%,1120px);margin:22px auto 0;display:grid}.classroom-lesson-content,.classroom-materials{background:#fff;border:1px solid #dce5ec;border-radius:14px;box-shadow:0 9px 25px #0425480e}.classroom-lesson-content{padding:25px}.classroom-lesson-heading{border-bottom:1px solid #e5ecf1;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:21px;display:flex}.classroom-lesson-heading>div>span{color:#c61f2c;letter-spacing:.16em;font-size:8px;font-weight:900}.classroom-lesson-heading h1{color:#082d5e;letter-spacing:-.035em;margin:6px 0 7px;font-size:25px;line-height:1.15}.classroom-lesson-heading p{color:#8494a3;align-items:center;gap:5px;margin:0;font-size:9px;display:flex}.classroom-lesson-heading p svg{width:13px}.classroom-lesson-heading button{color:#fff;cursor:pointer;background:#1189e8;border:0;border-radius:8px;flex:none;align-items:center;gap:7px;min-height:43px;padding:0 14px;font-size:10px;font-weight:900;display:flex}.classroom-lesson-heading button.completed{color:#24744f;cursor:default;background:#e7f7ef}.classroom-preview-action{color:#176a9f;background:#edf8ff;border:1px solid #b9d9ef;border-radius:8px;flex:none;align-items:center;gap:7px;min-height:43px;padding:0 14px;font-size:9px;font-weight:900;display:inline-flex}.classroom-preview-action svg{width:15px}.classroom-lesson-heading button svg{width:16px}.classroom-description{color:#5d7388;padding:22px 0;font-size:12px;line-height:1.75}.classroom-description h2{color:#173b60;margin:0 0 9px;font-size:15px}.classroom-description p{margin:0}.classroom-navigation{border-top:1px solid #e5ecf1;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding-top:18px;display:grid}.classroom-navigation button{color:#45637e;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;font-weight:800;display:inline-flex}.classroom-navigation button:last-child{justify-self:end}.classroom-navigation button:disabled{opacity:.35;cursor:not-allowed}.classroom-navigation svg{width:16px}.classroom-navigation span{color:#96a3ae;font-size:9px}.classroom-materials{align-self:start;padding:20px}.classroom-materials-title{border-bottom:1px solid #e6edf2;align-items:center;gap:10px;padding-bottom:16px;display:flex}.classroom-materials-title>svg{color:#1189e8;background:#eaf6ff;border-radius:10px;width:38px;height:38px;padding:9px}.classroom-materials-title h2{color:#183b60;margin:3px 0 0;font-size:14px}.classroom-material-list{gap:8px;padding:14px 0;display:grid}.classroom-material-list button{text-align:left;cursor:pointer;background:#fbfdfe;border:1px solid #e0e8ee;border-radius:9px;grid-template-columns:35px 1fr 17px;align-items:center;gap:9px;min-height:62px;padding:9px;display:grid}.classroom-material-list button>span{color:#c61f2c;background:#fff0f2;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.classroom-material-list button>span svg{width:16px}.classroom-material-list button>div{flex-direction:column;min-width:0;display:flex}.classroom-material-list strong{color:#2d4b67;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.classroom-material-list small{color:#92a0ad;font-size:7px}.classroom-material-list button>svg{color:#6d8397;width:15px}.classroom-no-material{color:#8c9aa8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:150px;display:flex}.classroom-no-material svg{color:#a9b6c1;width:31px}.classroom-no-material p{max-width:190px;margin:0;font-size:9px;line-height:1.5}.classroom-support{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0879d6,#1297f1);border-radius:11px;grid-template-columns:32px 1fr 18px;align-items:center;gap:10px;margin-top:12px;padding:15px;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:grid;box-shadow:0 9px 22px #0879d63d}.classroom-support:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 13px 28px #0879d657}.classroom-support:focus-visible{outline-offset:3px;outline:3px solid #1297f157}.classroom-support>svg:first-child{color:#d9f1ff;width:29px}.classroom-support>svg:last-child{color:#ffffffdb;width:17px}.classroom-support span{flex-direction:column;display:flex}.classroom-support strong{font-size:13px;line-height:1.25}.classroom-support small{color:#ffffffd1;margin-top:2px;font-size:11px;line-height:1.35}.classroom-error{color:#a41f2a;background:#fff1f3;border-radius:8px;margin-top:15px;padding:11px 13px;font-size:10px;font-weight:700}.classroom-preview-banner{color:#176a9f;background:#edf8ff;border:1px solid #b9d9ef;border-radius:12px;align-items:center;gap:12px;width:min(100%,1120px);min-height:63px;margin:0 auto 18px;padding:13px 17px;display:flex}.classroom-preview-banner>svg{width:26px}.classroom-preview-banner>div{flex-direction:column;display:flex}.classroom-preview-banner strong{font-size:12px}.classroom-preview-banner span{font-size:9px}.classroom-complete-banner{color:#276b4b;background:#eaf9f1;border:1px solid #bfe6d1;border-radius:12px;align-items:center;gap:12px;width:min(100%,1120px);min-height:63px;margin:0 auto 18px;padding:13px 17px;display:flex}.classroom-complete-banner>svg{width:26px}.classroom-complete-banner>div{flex-direction:column;display:flex}.classroom-complete-banner strong{font-size:12px}.classroom-complete-banner span{font-size:9px}.classroom-complete-banner>a{color:#fff;background:#2b9365;border-radius:8px;flex:none;align-items:center;gap:6px;min-height:38px;margin-left:auto;padding:0 12px;font-size:9px;font-weight:900;display:inline-flex}.classroom-complete-banner>a svg{width:14px}.classroom-empty,.classroom-state{color:#74889b;text-align:center;background:#eef3f7;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100vh;padding:30px;display:flex}.classroom-empty{min-height:calc(100vh - 130px)}.classroom-state>svg,.classroom-empty>svg{color:#1189e8;width:55px;height:55px}.classroom-state>svg.spin{animation:.9s linear infinite classroom-spin}.classroom-state h1,.classroom-empty h1{color:#082d5e;margin:8px 0 0}.classroom-state p,.classroom-empty p{margin:0}.classroom-state a{color:#fff;background:#1189e8;border-radius:8px;margin-top:9px;padding:11px 16px;font-size:11px;font-weight:800}.classroom-overlay{display:none}.classroom-shell .spin{animation:.9s linear infinite classroom-spin}@keyframes classroom-spin{to{transform:rotate(360deg)}}@media (width<=1050px){.classroom-header{grid-template-columns:190px 1fr 220px}.classroom-sidebar{width:295px}.classroom-main{margin-left:295px}.classroom-lesson-grid{grid-template-columns:1fr}}@media (width<=790px){.classroom-header{grid-template-columns:42px 1fr 42px;gap:10px;height:68px;padding:0 13px}.classroom-back{background:#ffffff14;border-radius:9px;justify-content:center;width:40px;height:40px;font-size:0}.classroom-header-progress{display:none}.classroom-menu{color:#fff;background:#ffffff14;border:0;border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.classroom-menu svg{width:20px}.classroom-layout{padding-top:68px}.classroom-sidebar{z-index:70;width:min(345px,88vw);transition:transform .18s;inset:0 auto 0 0;transform:translate(-105%)}.classroom-sidebar.open{transform:translate(0)}.classroom-sidebar-heading{min-height:76px}.classroom-sidebar-heading button{color:#244b6e;background:#edf4f9;border:0;border-radius:9px;place-items:center;width:37px;height:37px;display:grid}.classroom-sidebar-heading button svg{width:18px}.classroom-overlay{z-index:65;background:#0212259e;border:0;display:block;position:fixed;inset:0}.classroom-main{margin-left:0;padding:16px}.classroom-player{border-radius:11px}}@media (width<=560px){.classroom-main{padding:10px}.classroom-video-placeholder>span{width:58px;height:58px}.classroom-video-placeholder svg{width:28px}.classroom-video-placeholder h2{margin-top:10px;font-size:15px}.classroom-video-placeholder p{font-size:8px}.classroom-lesson-grid{gap:12px;margin-top:12px}.classroom-lesson-content{padding:18px 15px}.classroom-lesson-heading{flex-direction:column}.classroom-lesson-heading h1{font-size:21px}.classroom-lesson-heading button{justify-content:center;width:100%}.classroom-navigation button{font-size:0}.classroom-navigation button svg{width:20px}.classroom-complete-banner,.classroom-preview-banner{flex-wrap:wrap;align-items:flex-start}.classroom-complete-banner>a{justify-content:center;width:100%;margin-left:0}.classroom-preview-action{justify-content:center;width:100%}}