:root{--navy:#050a29;--ink:#091136;--text:#273052;--muted:#626a83;--surface:#f6f7fc;--line:#e0e5f0;--pink:#ef4fc1;--violet:#733bfa;--blue:#338cff;--orange:#ff8712;--grad-hot:linear-gradient(90deg,#ff8712,#ff4a40 50%,#ef4fc1);--grad-blue:linear-gradient(90deg,#733bfa,#338cff)}
.today-lesson-card.is-online>span{display:inline-flex;align-items:center;gap:8px}.today-lesson-card.is-online>span:before{content:"";width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:#f1c83b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--ink);font-family:Nunito,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}
[data-avatar-target],[data-avatar-preview]{object-fit:cover;transition:object-position .18s ease,transform .18s ease}
.learning-app{min-height:100vh;display:grid;grid-template-columns:250px 1fr;grid-template-rows:88px 1fr}
.learning-topbar{grid-column:1/-1;position:sticky;top:0;z-index:10;height:88px;background:#050a29;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;overflow:hidden}
.learning-brand,.top-links,.student-profile{position:relative;z-index:1}.learning-brand{display:flex;align-items:center;gap:13px}.learning-brand img{width:52px;height:52px;border-radius:12px}.learning-brand span{display:flex;flex-direction:column;line-height:1}.learning-brand b{font-size:30px;font-weight:900}.learning-brand small{margin-top:4px;color:#c8cbe0;font-size:12px}
.brand-name{display:inline-flex!important;flex-direction:row!important;align-items:baseline;line-height:1;color:#fff;white-space:nowrap}.brand-ai{display:inline!important;background:linear-gradient(135deg,#ff4fb8 8%,#853cff 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-ai-i{display:inline!important;position:relative;background:linear-gradient(135deg,#ff4fb8 8%,#853cff 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-ai-i::after{content:"";position:absolute;width:.13em;height:.13em;border-radius:50%;background:#fff;left:53%;top:.13em;transform:translate(-50%,-100%)}
.learning-brand .brand-name{font-size:38px;letter-spacing:-1px}
.learning-brand small{font-size:13px;letter-spacing:-.12px}
.learning-brand img.learning-brand-logo{display:block;width:360px;height:auto;max-height:54px;border-radius:0;object-fit:contain;object-position:left center}
@media(max-width:760px){.learning-brand img.learning-brand-logo{width:min(280px,62vw);max-height:46px}}
.top-links{display:flex;gap:24px;font-size:14px;font-weight:800;color:#e4e7ff}.top-links a:hover{color:#fff}.student-profile{height:58px;border:0;border-radius:18px;background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;gap:11px;padding:7px 14px 7px 8px}.student-profile img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #8543ff}.student-profile span{display:flex;flex-direction:column;text-align:left}.student-profile small{color:#c8cbe0;font-size:12px}
.learning-sidebar{grid-row:2;position:sticky;top:88px;height:calc(100vh - 88px);padding:14px 10px 24px;background:linear-gradient(180deg,#07113c,#030822);color:#fff;overflow:auto}.student-menu{display:flex;flex-direction:column;gap:9px}.student-menu a{height:54px;border-radius:15px;padding:0 18px;display:flex;align-items:center;gap:14px;font-size:16px;font-weight:900}.student-menu a.active,.student-menu a:hover{background:var(--grad-blue);box-shadow:0 8px 18px rgba(115,59,250,.28)}.student-menu span{width:22px;text-align:center;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px}.student-menu span img{width:17px;height:17px;object-fit:contain;display:block;filter:brightness(0) invert(1)}
.student-mini{margin:32px 10px 0;padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.04)}.student-mini img{width:100%;height:160px;object-fit:cover;border-radius:17px}.student-mini h2{margin:14px 0 4px}.student-mini p{margin:0;color:#c8cbe0;font-size:13px}.student-mini small{display:block;margin-top:10px;color:#d9ddf2;font-size:12px}
.learning-main{grid-column:2;grid-row:2;padding:0 28px 36px;overflow:hidden}.welcome-card{height:136px;margin:0 0 18px;padding:30px 46px;border-radius:0 0 28px 28px;background:#fff;box-shadow:0 10px 26px rgba(31,42,85,.08);display:flex;align-items:center;justify-content:space-between;overflow:hidden}.welcome-card h1{margin:0;font-size:42px;line-height:1;font-weight:900}.welcome-card h1 span{color:#ef4fc1}.welcome-card p{margin:10px 0 0;max-width:760px;color:#273052;font-size:16px}.welcome-card img{width:190px;transform:translateY(18px)}
.today-lesson{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:18px}.today-card,.access-card,.panel,.lesson-room{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 10px 24px rgba(31,42,85,.08)}.today-card{padding:28px;background:linear-gradient(135deg,#fff,#f7f3ff)}.today-label{display:inline-flex;margin-bottom:12px;padding:8px 12px;border-radius:999px;background:#f0eaff;color:#6d39fa;font-size:13px;font-weight:900}.today-card h2{margin:0;font-size:34px}.today-card p{max-width:760px;margin:12px 0;color:#313954;font-size:17px;line-height:1.45}.today-actions{display:flex;align-items:center;gap:18px;margin-top:20px}.primary-action{height:52px;border:0;border-radius:15px;background:var(--grad-hot);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 26px;font-size:17px;font-weight:900;box-shadow:0 10px 20px rgba(239,79,193,.18);cursor:pointer}.today-actions span{color:#626a83;font-size:13px;font-weight:800}.access-card{padding:24px}.access-card h3{margin:0 0 12px;font-size:22px}.access-card ol{margin:0;padding-left:20px;color:#313954;font-size:15px;line-height:1.55}
.lesson-room{padding:22px;margin-bottom:18px}.lesson-room-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.lesson-room-head small{color:#6d39fa;font-weight:900}.lesson-room h2{margin:4px 0 0;font-size:28px}.lesson-status{border-radius:999px;background:#eaf9f1;color:#00995f;padding:8px 12px;font-size:13px;font-weight:900}.lesson-layout{display:grid;grid-template-columns:1fr 330px;gap:18px}
.chat-panel{min-height:560px;border:1px solid #e8ebf4;border-radius:20px;background:#fbfcff;padding:18px;display:flex;flex-direction:column;gap:14px}.chat-message{display:grid;gap:10px;align-items:flex-start}.chat-message.teacher{grid-template-columns:42px 1fr}.chat-message.student{grid-template-columns:1fr 42px;margin-left:72px}.chat-message img{width:42px;height:42px;border-radius:12px;object-fit:cover}.chat-message>div{border-radius:18px;padding:14px 16px;background:#fff;border:1px solid #e8ebf4}.chat-message.student>div{background:linear-gradient(135deg,#f8f3ff,#eef6ff)}.chat-message b{display:block;margin-bottom:5px;color:#091136}.chat-message p{margin:0;color:#313954;line-height:1.45}
.material-pack{border:1px dashed #cbbdff;border-radius:18px;background:#fff;padding:16px}.material-pack h3{margin:0 0 10px}.material-pack a{height:40px;display:flex;align-items:center;gap:10px;border-radius:12px;color:#5f39d8;font-weight:900}.material-pack a:hover{background:#f3efff}.chat-input{margin-top:auto;display:grid;grid-template-columns:1fr 128px;gap:10px}.chat-input input{height:48px;border:1px solid #dce0eb;border-radius:14px;padding:0 16px;outline:0}.chat-input button{border:0;border-radius:14px;background:var(--grad-blue);color:#fff;font-weight:900}
.lesson-tools{border:1px solid #e8ebf4;border-radius:20px;background:#fff;padding:18px}.lesson-tools h3{margin:0 0 8px;font-size:22px}.lesson-tools p{margin:0 0 14px;color:#626a83;font-size:14px;line-height:1.4}.tool{width:100%;height:48px;margin-bottom:10px;border:0;border-radius:14px;color:#fff;font-weight:900;cursor:pointer}.image{background:linear-gradient(135deg,#733bfa,#338cff)}.avatar{background:linear-gradient(135deg,#6e28d9,#ef4fc1)}.voice{background:linear-gradient(135deg,#1252e8,#338cff)}.video{background:linear-gradient(135deg,#ef4fc1,#ff4a40)}.code{background:linear-gradient(135deg,#00a89c,#13c9a2)}.result-preview{margin-top:12px;border-radius:18px;background:#f7f8fc;padding:12px;text-align:center;color:#626a83;font-size:13px}.result-preview img{width:100%;height:150px;border-radius:14px;object-fit:cover;display:block;margin-bottom:9px}
.lesson-materials-sidebar{border:1px solid #e8ebf4;border-radius:20px;background:#fff;padding:18px;height:100%;align-self:stretch}.lesson-materials-sidebar h3{margin:0 0 8px;font-size:22px}.lesson-materials-sidebar p{margin:0 0 14px;color:#626a83;font-size:14px;line-height:1.4}.lesson-material-card{width:100%;min-height:76px;margin-bottom:10px;border:1px solid #edf0f7;border-radius:16px;background:#fbfcff;color:#091136;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:12px;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.lesson-material-card:hover{transform:translateY(-2px);border-color:#cbbdff;box-shadow:0 12px 24px rgba(31,42,85,.1)}.lesson-material-card span{grid-row:1/3;width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f2ecff,#eaf4ff);font-size:20px}.lesson-material-card b{font-size:15px}.lesson-material-card small{color:#626a83;font-weight:800}.lesson-material-card.accent{background:linear-gradient(135deg,#fff7ec,#fff0fb);border-color:#ffd5ae}.lesson-material-card.accent span{background:var(--grad-hot);color:#fff}.material-modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:18px}.material-modal.open{display:flex}.material-modal__backdrop{position:absolute;inset:0;background:rgba(5,10,41,.72);backdrop-filter:blur(8px)}.material-modal__dialog{position:relative;width:min(1480px,96vw);height:min(920px,94vh);overflow:hidden;border:1px solid #e6dbff;border-radius:28px;background:#fff;padding:22px;box-shadow:0 30px 80px rgba(5,10,41,.28);display:flex;flex-direction:column}.material-modal__close{position:absolute;right:18px;top:16px;width:42px;height:42px;border:0;border-radius:14px;background:#f3efff;color:#6d39fa;font-size:28px;line-height:1;cursor:pointer;z-index:2}.material-modal__label{display:inline-flex;align-self:flex-start;border-radius:999px;background:#fff1e6;color:#ff6b18;padding:7px 12px;font-size:12px;font-weight:900}.material-modal h2{margin:10px 64px 8px 0;font-size:16px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-modal p{margin:0;color:#273052;font-size:15px;line-height:1.45}.material-modal__preview{min-height:0;flex:1;margin-top:8px;border-radius:18px;background:#f7f8fc;border:1px solid #eef1f7;padding:10px;color:#626a83;font-weight:800;display:flex;align-items:center;justify-content:center;overflow:auto}.material-modal__preview img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;border-radius:12px;object-fit:contain}.material-modal__preview video{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:12px;background:#050a29}.material-document-preview{width:100%;height:100%;min-height:70vh;border:0;border-radius:12px;background:#fff}
.student-sections{display:grid;grid-template-columns:1fr 1.15fr;gap:18px}.student-sections.single-panel{grid-template-columns:1fr}.panel{padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.panel h2{margin:0;font-size:24px}.panel-head a,.panel-head button{border:0;background:transparent;color:#6d39fa;font-size:13px;font-weight:900;cursor:pointer}.lesson-table{border:1px solid #eef1f7;border-radius:14px;overflow:hidden}.lesson-line{min-height:50px;display:grid;grid-template-columns:1.6fr .8fr .8fr;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid #eef1f7;color:#273052;font-size:13px}.lesson-line:last-child{border-bottom:0}.lesson-line.head{min-height:34px;background:#fbfcff;color:#626a83;font-weight:900}.lesson-line b{display:flex;align-items:center;gap:10px}.lesson-line img{width:48px;height:32px;border-radius:8px;object-fit:cover}.lesson-line a,.lesson-line button{border:0;background:transparent;color:#5f39d8;font-weight:900;cursor:pointer;text-align:left;padding:0}
.student-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.student-works article{border:1px solid #e0e5f0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 22px rgba(31,42,85,.06)}.student-works img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;display:block}.student-works h3{margin:14px 14px 0;font-size:17px}.student-works p{margin:6px 14px 14px;color:#626a83;font-size:13px}.student-works button{height:42px;min-width:132px;margin:0 14px 14px;border:1px solid #c9befc;border-radius:13px;background:#fff;color:#5f39d8;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px 0 18px}.student-works button:before{content:"";width:15px;height:15px;background:currentColor;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.5v12.8M6.3 10.9 12 16.7l5.7-5.8M5.2 20.5h13.6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.5v12.8M6.3 10.9 12 16.7l5.7-5.8M5.2 20.5h13.6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transform:translateY(-1px)}
#works .student-works{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}#works .student-works h3{font-size:15px}#works .student-works p{font-size:12px}#works .student-works button{min-width:118px;height:38px}
.attendance-list{display:grid;gap:10px}.attendance-list label{min-height:58px;border:1px solid #e8ebf4;border-radius:16px;background:#fbfcff;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;padding:12px 14px;color:#091136;font-weight:900}.attendance-list input{width:18px;height:18px;accent-color:#733bfa}.attendance-list span{display:block;grid-column:2;color:#626a83;font-size:12px;font-weight:700}
.home-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:18px}.summary-dashboard{grid-template-columns:1fr 1fr;align-items:start}.summary-dashboard .panel:nth-child(3){grid-column:1/-1}.lesson-table.compact .lesson-line{grid-template-columns:1.5fr .7fr .35fr}.mini-works{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-works img{aspect-ratio:1/1}.upcoming-list{display:grid;gap:12px}.upcoming-list div{border:1px solid #eef1f7;border-radius:18px;background:linear-gradient(135deg,#fff,#f8f5ff);padding:16px}.upcoming-list b{font-size:17px}.upcoming-list p{margin:6px 0 12px;color:#626a83;line-height:1.35}.upcoming-list button{height:38px;border:0;border-radius:12px;background:var(--grad-blue);color:#fff;padding:0 14px;font-size:13px;font-weight:900;cursor:pointer}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topic-grid div{min-height:118px;border-radius:18px;background:#fbfcff;border:1px solid #eef1f7;padding:16px}.topic-grid span{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--grad-hot);color:#fff;font-weight:900}.topic-grid b{display:block;margin:10px 0 5px;font-size:17px}.topic-grid p{margin:0;color:#626a83;font-size:13px;line-height:1.35}
.teacher-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.teacher-home-note{margin:8px 0 0;color:#626a83;font-size:15px;line-height:1.45}.teacher-home-grid .panel{min-height:150px;background:linear-gradient(135deg,#fff,#f8f5ff)}.teacher-home-grid .panel:nth-child(2){background:linear-gradient(135deg,#fff,#eef7ff)}.teacher-home-grid .panel:nth-child(3){background:linear-gradient(135deg,#fff,#fff3ea)}
.settings-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.avatar-uploader p{margin:6px 0 16px;color:#626a83;line-height:1.45}.upload-drop{min-height:210px;border:2px dashed #cbbdff;border-radius:22px;background:linear-gradient(135deg,#fbfcff,#f8f3ff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#5f39d8;cursor:pointer}.upload-drop input{position:absolute;opacity:0;pointer-events:none}.upload-drop span{width:54px;height:54px;border-radius:18px;background:var(--grad-hot);color:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;line-height:1}.upload-drop b{font-size:18px}.upload-drop small{color:#626a83;font-weight:800}.avatar-editor{margin-top:16px;padding:16px;border:1px solid #e2dafd;border-radius:20px;background:linear-gradient(135deg,#fff,#faf7ff)}.avatar-editor h3{margin:0 0 12px;font-size:20px}.avatar-preview-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.avatar-preview-row div{padding:12px;border:1px solid #ece8fb;border-radius:18px;background:#fff;text-align:center}.avatar-preview-row span{display:block;margin-bottom:9px;color:#626a83;font-size:12px;font-weight:900}.avatar-preview-row img{width:112px;height:112px;display:block;margin:0 auto;border-radius:18px;background:#f4f6fb;object-fit:cover}.avatar-preview-row img.round{border-radius:50%;box-shadow:0 0 0 4px #fff,0 10px 24px rgba(115,59,250,.16)}.avatar-editor label{display:grid;grid-template-columns:175px minmax(0,1fr);gap:14px;align-items:center;margin:10px 0;color:#273052;font-size:13px;font-weight:900}.avatar-editor input[type=range]{width:100%;accent-color:#6d3cf5;cursor:pointer}.avatar-reset{height:42px!important;margin:12px 0 0!important;border:1px solid #c9befc!important;background:#fff!important;color:#5f39d8!important;box-shadow:none!important}.avatar-uploader button{height:50px;margin-top:14px;border:0;border-radius:15px;background:var(--grad-hot);color:#fff;padding:0 24px;font-weight:900;box-shadow:0 10px 20px rgba(239,79,193,.16);cursor:pointer}
.top-links button{border:0;background:transparent;color:inherit;font-weight:800;cursor:pointer;padding:0}.top-links button:hover,.top-links button.active{color:#fff}.student-menu button{height:54px;border:0;border-radius:15px;padding:0 18px;display:flex;align-items:center;gap:14px;background:transparent;color:#fff;font-size:16px;font-weight:900;text-align:left;cursor:pointer}.student-menu button.active,.student-menu button:hover{background:var(--grad-blue);box-shadow:0 8px 18px rgba(115,59,250,.28)}.app-tab{display:none;padding-top:24px}.app-tab.active{display:block}.tab-title{margin:10px 0 18px}.tab-title small{display:inline-flex;margin-bottom:6px;border-radius:999px;background:#efe9ff;color:#6d39fa;padding:7px 12px;font-size:12px;font-weight:900}.tab-title h2{margin:0;font-size:34px;line-height:1.05;font-weight:900}.tab-title p{max-width:900px;margin:8px 0 0;color:#626a83;font-size:15px;line-height:1.45}.schedule-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.lesson-admin-card{min-height:220px;border:1px solid #e0e5f0;border-radius:24px;background:#fff;padding:22px;box-shadow:0 10px 24px rgba(31,42,85,.08);display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.lesson-admin-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(31,42,85,.13);border-color:#c8b9ff}.lesson-admin-card.active{background:linear-gradient(135deg,#fff,#f6f1ff);border-color:#bba7ff}.lesson-admin-card span{color:#6d39fa;font-size:13px;font-weight:900}.lesson-admin-card h3{margin:12px 0 8px;font-size:25px;line-height:1.08}.lesson-admin-card p{margin:0;color:#626a83;font-size:15px;line-height:1.35}.lesson-admin-card div{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.lesson-admin-card button{height:42px;border:0;border-radius:12px;background:var(--grad-blue);color:#fff;padding:0 14px;font-size:13px;font-weight:900;cursor:pointer}.lesson-admin-card button+button{background:#fff;color:#5f39d8;border:1px solid #c9befc}.primary-action.small{height:44px;border:0;font-size:14px;padding:0 18px;cursor:pointer}.students-toolbar{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr)) auto;gap:12px;align-items:end;margin-bottom:18px}.students-toolbar label,.teacher-form label{display:flex;flex-direction:column;gap:6px;color:#626a83;font-size:12px;font-weight:900}.students-toolbar select,.teacher-form input,.teacher-form select{height:46px;border:1px solid #dce0eb;border-radius:14px;background:#fff;color:#091136;padding:0 14px;outline:0;font-weight:800}.teacher-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px;align-items:start}.students-list-panel{overflow:hidden}.teacher-table{width:100%;overflow:auto;border:1px solid #eef1f7;border-radius:16px}.teacher-row{min-width:940px;display:grid;grid-template-columns:1.25fr 1fr 1.15fr .9fr 1.2fr;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid #eef1f7;color:#273052;font-size:13px}.teacher-row:last-child{border-bottom:0}.teacher-row.head{min-height:38px;background:#fbfcff;color:#626a83;font-weight:900}.teacher-row b{display:grid;grid-template-columns:48px 1fr;column-gap:10px;align-items:center;color:#091136;font-size:14px}.teacher-row b small{color:#626a83;font-weight:800}.teacher-row img{grid-row:1/3;width:48px;height:38px;border-radius:10px;object-fit:cover}.teacher-row code{border-radius:12px;background:#f4f1ff;color:#5f39d8;padding:8px 10px;font-family:Nunito,Arial,sans-serif;font-weight:900;line-height:1.35}.teacher-row em{font-style:normal;color:#273052;font-weight:800;line-height:1.35}.add-student-panel{position:sticky;top:106px}.teacher-form{display:grid;gap:11px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.teacher-form button{height:50px;border:0;border-radius:15px;background:var(--grad-hot);color:#fff;font-size:15px;font-weight:900;box-shadow:0 10px 20px rgba(239,79,193,.16);cursor:pointer}.teacher-mode .lesson-room{margin-bottom:0}.teacher-mode .lesson-tools button{cursor:pointer}
.schedule-matrix{display:grid;grid-template-columns:140px repeat(3,minmax(230px,1fr));gap:10px;overflow:auto}.schedule-cell{min-height:112px;border:1px solid #e0e5f0;border-radius:18px;background:#fff;padding:14px;box-shadow:0 8px 18px rgba(31,42,85,.05)}.schedule-head{min-height:54px;background:#f4f1ff;color:#5f39d8;font-weight:900;display:flex;align-items:center;justify-content:center;text-align:center}.time-cell{background:#050a29;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.time-cell b{font-size:22px}.time-cell span{font-size:13px;color:#d7dcff;font-weight:900}.lesson-cell{background:linear-gradient(135deg,#fff,#f8f5ff);border-color:#ded4ff}.lesson-cell.active{border-color:#bba7ff;box-shadow:0 12px 26px rgba(115,59,250,.14)}.lesson-cell.orange{background:linear-gradient(135deg,#fff7ec,#fff0fb);border-color:#ffd5ae}.lesson-cell small{display:inline-flex;margin-bottom:7px;border-radius:999px;background:#efe9ff;color:#6d39fa;padding:5px 9px;font-size:11px;font-weight:900}.lesson-cell.orange small{background:#fff1e6;color:#ff6b18}.lesson-cell h3{margin:0 0 6px;font-size:19px;line-height:1.12}.lesson-cell p{margin:0;color:#626a83;font-size:13px;font-weight:800}.lesson-cell div{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.lesson-cell button{height:34px;border:0;border-radius:10px;background:var(--grad-blue);color:#fff;padding:0 12px;font-size:12px;font-weight:900;cursor:pointer}.empty-cell{background:rgba(255,255,255,.45);color:#aab1c4;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:none}
.lesson-cell{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.lesson-cell:hover{transform:translateY(-3px);border-color:#c9befc;box-shadow:0 14px 28px rgba(31,42,85,.11)}
.top-links .lesson-tab-cta{height:42px;border-radius:14px;background:var(--grad-hot);color:#fff;padding:0 18px;box-shadow:0 10px 22px rgba(255,135,18,.24);transform:translateY(0);transition:transform .2s ease,box-shadow .2s ease}.top-links .lesson-tab-cta:hover,.top-links .lesson-tab-cta.active{color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px rgba(239,79,193,.28)}.student-menu .lesson-tab-cta{background:linear-gradient(90deg,#ff8712,#ff5b27 46%,#ef4fc1);box-shadow:0 10px 22px rgba(255,135,18,.24);position:relative;overflow:visible}.student-menu .lesson-tab-cta:after{display:none}.student-menu .lesson-tab-cta.has-lesson-notice:after{content:"1";position:absolute;right:12px;top:50%;display:flex;width:24px;height:24px;align-items:center;justify-content:center;transform:translateY(-50%);border:3px solid rgba(255,255,255,.9);border-radius:50%;background:#fff;color:#ef3f72;font-size:12px;font-weight:1000;line-height:1;box-shadow:0 4px 14px rgba(5,10,41,.28)}.student-menu .lesson-tab-cta.active,.student-menu .lesson-tab-cta:hover{background:linear-gradient(90deg,#ff8712,#ff4a40 48%,#ef4fc1);box-shadow:0 14px 28px rgba(239,79,193,.32);transform:translateY(-2px)}
.lesson-chat-tab{min-height:calc(100vh - 124px);padding-top:24px}.lesson-chat-tab .lesson-room{min-height:calc(100vh - 148px);margin-bottom:0;display:flex;flex-direction:column}.lesson-chat-tab .lesson-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 360px}.lesson-chat-tab .chat-panel{min-height:0;height:100%;overflow:auto}.lesson-chat-tab .lesson-tools,.lesson-chat-tab .lesson-materials-sidebar{height:100%;align-self:stretch}.lesson-chat-tab .chat-input{position:sticky;bottom:0;background:#fbfcff;padding-top:10px}
.learning-app:not(.teacher-mode) .lesson-chat-tab .lesson-layout{grid-template-columns:minmax(0,1fr)}.learning-app:not(.teacher-mode) .lesson-chat-tab .chat-panel{overflow:hidden}.learning-app:not(.teacher-mode) .lesson-chat-tab .student-personal-chat{flex:1;min-height:0}.learning-app:not(.teacher-mode) .lesson-chat-tab .live-chat-feed{overflow:auto;min-height:0;padding-right:4px}
.teacher-chat-list{display:block}.teacher-chat-list[hidden],.teacher-chat-detail[hidden]{display:none!important}.today-lessons-count{border-radius:999px;background:#efe9ff;color:#6d39fa;padding:8px 12px;font-size:13px;font-weight:900}.today-lessons-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.today-lesson-card{min-height:230px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.today-lesson-card:hover{transform:translateY(-4px);border-color:#c9befc;box-shadow:0 18px 34px rgba(31,42,85,.13)}.today-lesson-card.active{background:linear-gradient(135deg,#fff,#f6f1ff);border-color:#bba7ff}.today-lesson-card.orange{background:linear-gradient(135deg,#fff7ec,#fff0fb);border-color:#ffd5ae}.today-lesson-card span{border-radius:999px;background:#f4f1ff;color:#5f39d8;padding:7px 10px;font-size:12px;font-weight:900}.today-lesson-card.orange span{background:#fff1e6;color:#ff6b18}.today-lesson-card h3{margin:0;font-size:25px;line-height:1.08}.today-lesson-card p{margin:0;color:#626a83;line-height:1.4}.today-lesson-card button{height:42px;margin-top:auto;border:0;border-radius:13px;background:var(--grad-blue);color:#fff;padding:0 14px;font-size:13px;font-weight:900;cursor:pointer}.back-to-lessons{height:44px;margin:0 0 16px;border:1px solid #c9befc;border-radius:14px;background:#fff;color:#5f39d8;padding:0 16px;font-weight:900;cursor:pointer}
.today-lesson-card.is-offline{border-color:#bba6ff;background:linear-gradient(135deg,#f7f3ff,#e9dfff);box-shadow:0 10px 24px rgba(96,56,201,.12)}.today-lesson-card.is-offline:hover{border-color:#9f84f5;box-shadow:0 18px 34px rgba(96,56,201,.18)}.today-lesson-card.is-offline span{background:#f0eaff;color:#6038c9}.today-lesson-card.is-online{border-color:#ead37a;background:linear-gradient(135deg,#fffdf0,#fff2b8);box-shadow:0 10px 24px rgba(179,139,0,.12)}.today-lesson-card.is-online:hover{border-color:#d9bd4e;box-shadow:0 18px 34px rgba(179,139,0,.18)}.today-lesson-card.is-online span{background:#fff6ce;color:#7b6412}
.planned-lessons-panel{margin-top:18px}.planned-lessons-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.planned-lessons-list button{min-height:82px;border:1px solid #eef1f7;border-radius:18px;background:#fbfcff;color:#091136;display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.planned-lessons-list button:hover{transform:translateY(-2px);border-color:#c9befc;box-shadow:0 12px 24px rgba(31,42,85,.09)}.planned-lessons-list img{width:68px;height:58px;border-radius:14px;object-fit:cover}.planned-lessons-list span{display:flex;flex-direction:column;gap:4px;min-width:0}.planned-lessons-list b{font-size:15px}.planned-lessons-list small{color:#626a83;font-size:12px;font-weight:800;line-height:1.25}.planned-lessons-list em{font-style:normal;border-radius:999px;background:#f4f1ff;color:#5f39d8;padding:7px 10px;font-size:12px;font-weight:900}
.teacher-lesson-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.teacher-lesson-actions .back-to-lessons{margin:0}.launch-lesson-button{height:48px;border:0;border-radius:15px;background:var(--grad-hot);color:#fff;padding:0 22px;font-weight:900;box-shadow:0 12px 24px rgba(239,79,193,.2);cursor:pointer}.launch-lesson-button.launched{background:linear-gradient(90deg,#16b875,#13c9a2);box-shadow:0 12px 24px rgba(19,201,162,.18)}
.teacher-lesson-run-actions{display:flex;align-items:center;gap:10px}.finish-lesson-button{height:48px;border:1px solid #ffd0d0;border-radius:15px;background:#fff7f7;color:#ff4a40;padding:0 18px;font-weight:900;cursor:pointer}.finish-lesson-button[hidden]{display:none}
.teacher-chat-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 10px!important}.teacher-chat-titlebar h2{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:28px!important}.teacher-chat-title-actions{flex:0 0 auto;gap:7px}.teacher-chat-title-actions[hidden]{display:none!important}.teacher-chat-title-actions .launch-lesson-button,.teacher-chat-title-actions .finish-lesson-button{height:34px;border-radius:11px;padding:0 12px;font-size:10px;box-shadow:none}.teacher-mode .teacher-chat-detail{height:calc(100vh - 104px)!important;padding-top:10px}.teacher-mode .teacher-chat-detail>.livekit-classroom:first-child{margin-top:0}
.teacher-chat-title-actions .back-to-lessons{height:34px;margin:0;border-radius:11px;padding:0 12px;font-size:10px;box-shadow:none}
.lesson-builder{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}.lesson-form textarea{min-height:118px;border:1px solid #dce0eb;border-radius:14px;background:#fff;color:#091136;padding:14px;outline:0;font:inherit;font-weight:800;resize:vertical}.lesson-tools-picker p{margin:6px 0 16px;color:#626a83;line-height:1.45}.selected-tools-note{margin-top:16px;border-radius:18px;background:linear-gradient(135deg,#fff7ec,#fff0fb);border:1px solid #ffd5ae;padding:15px}.selected-tools-note b{display:block;margin-bottom:5px}.selected-tools-note span{color:#626a83;font-size:14px;line-height:1.35}
.lesson-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.lesson-create-button{height:52px;border:0;border-radius:16px;background:var(--grad-hot);color:#fff;padding:0 22px;font-weight:900;box-shadow:0 12px 24px rgba(239,79,193,.18);cursor:pointer;white-space:nowrap}.lessons-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lesson-library-card{min-height:245px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.lesson-library-card:hover{transform:translateY(-4px);border-color:#c9befc;box-shadow:0 18px 34px rgba(31,42,85,.13)}.lesson-library-card.featured{background:linear-gradient(135deg,#fff7ec,#fff0fb);border-color:#ffd5ae}.lesson-library-card.draft{background:linear-gradient(135deg,#fff,#f5f7fb);border-style:dashed}.lesson-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.lesson-card-top span{border-radius:999px;background:#efe9ff;color:#6d39fa;padding:7px 10px;font-size:12px;font-weight:900}.lesson-card-top b{color:#626a83;font-size:12px}.lesson-library-card h3{margin:0;font-size:25px;line-height:1.06}.lesson-library-card p{margin:0;color:#626a83;font-size:14px;line-height:1.4}.lesson-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.lesson-tags span{border-radius:999px;background:#f4f1ff;color:#5f39d8;padding:7px 10px;font-size:12px;font-weight:900}.lesson-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eef1f7;padding-top:12px}.lesson-card-footer small{color:#626a83;font-weight:900}.lesson-card-footer button{height:38px;border:0;border-radius:12px;background:var(--grad-blue);color:#fff;padding:0 13px;font-size:12px;font-weight:900;cursor:pointer}.lesson-modal{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;padding:24px}.lesson-modal.open{display:flex}.lesson-modal__backdrop{position:absolute;inset:0;background:rgba(5,10,41,.62);backdrop-filter:blur(8px)}.lesson-modal__dialog{position:relative;width:min(1120px,100%);max-height:min(860px,90vh);overflow:auto;border:1px solid #e6dbff;border-radius:30px;background:#f7f8fc;padding:24px;box-shadow:0 30px 80px rgba(5,10,41,.32)}.lesson-modal__close{position:absolute;right:18px;top:16px;width:42px;height:42px;border:0;border-radius:14px;background:#f3efff;color:#6d39fa;font-size:28px;line-height:1;cursor:pointer}.lesson-modal__head{padding:6px 54px 18px 4px}.lesson-modal__head span{display:inline-flex;border-radius:999px;background:#fff1e6;color:#ff6b18;padding:7px 12px;font-size:12px;font-weight:900}.lesson-modal__head h2{margin:12px 0 8px;font-size:38px;line-height:1}.lesson-modal__head p{max-width:820px;margin:0;color:#626a83;line-height:1.45}.lesson-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.lesson-modal-card{border:1px solid #e0e5f0;border-radius:24px;background:#fff;padding:18px;box-shadow:0 10px 24px rgba(31,42,85,.06)}.lesson-modal-card h3{margin:0 0 14px;font-size:23px}.lesson-create-form select[multiple]{min-height:150px;padding:10px}.lesson-upload-drop{position:relative;min-height:170px;width:100%;border:2px dashed #cbbdff;border-radius:20px;background:linear-gradient(135deg,#fbfcff,#f8f3ff);display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;text-align:center;gap:8px;color:#5f39d8;cursor:pointer;font-family:inherit}.lesson-upload-drop:hover{border-color:#ff8a18;background:linear-gradient(135deg,#fff8f0,#f8f3ff)}.lesson-material-native-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}.lesson-upload-drop span,.lesson-upload-drop b,.lesson-upload-drop small{pointer-events:none}.lesson-upload-drop span{width:48px;height:48px;border-radius:16px;background:var(--grad-hot);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px}.lesson-upload-drop b{font-size:17px}.lesson-upload-drop small{max-width:300px;color:#626a83;line-height:1.35}.attached-materials{display:grid;gap:8px;margin-top:14px}.attached-materials button{min-height:42px;border:1px solid #eef1f7;border-radius:14px;background:#fbfcff;color:#091136;text-align:left;padding:0 12px;font-weight:900;cursor:pointer}.attached-materials span{margin-right:8px}.lesson-script-card{margin-bottom:16px}.lesson-script-card textarea{width:100%;min-height:300px;border:1px solid #dce0eb;border-radius:18px;background:#fbfcff;color:#091136;padding:16px;outline:0;font:inherit;font-weight:800;line-height:1.5;resize:vertical}.script-inline-materials{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.script-inline-materials span{border-radius:999px;background:#fff1e6;color:#ff6b18;padding:7px 10px;font-size:12px;font-weight:900}.student-lesson-preview{border-radius:20px;background:linear-gradient(135deg,#050a29,#15134b);color:#fff;padding:18px;min-height:190px}.student-lesson-preview b{font-size:24px}.student-lesson-preview p{color:#d7dcff;line-height:1.45}.student-lesson-preview div{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.student-lesson-preview button{height:42px;border:0;border-radius:13px;background:var(--grad-hot);color:#fff;padding:0 14px;font-size:13px;font-weight:900;cursor:pointer}.lesson-modal-actions{position:sticky;bottom:-24px;margin:0 -24px -24px;padding:16px 24px;background:rgba(247,248,252,.92);backdrop-filter:blur(10px);border-top:1px solid #e0e5f0;display:flex;justify-content:flex-end;gap:12px}.lesson-modal-actions button{height:50px;border:0;border-radius:15px;background:var(--grad-hot);color:#fff;padding:0 22px;font-weight:900;cursor:pointer}.lesson-modal-actions .secondary-action{background:#fff;color:#5f39d8;border:1px solid #c9befc}
.lesson-group-switch{width:max-content;max-width:100%;display:flex;gap:6px;margin:0 0 18px;padding:6px;border:1px solid #e0e5f0;border-radius:18px;background:#fff;box-shadow:0 10px 22px rgba(31,42,85,.06)}.lesson-group-switch button{height:44px;border:0;border-radius:13px;background:transparent;color:#5f39d8;padding:0 18px;font-weight:900;cursor:pointer}.lesson-group-switch button.active{background:var(--grad-blue);color:#fff;box-shadow:0 10px 18px rgba(115,59,250,.2)}
.lesson-page-tab{padding-bottom:60px}.lesson-page-back{margin:0 0 18px}.lesson-page-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;background:linear-gradient(135deg,#fff,#fff3ea);border-color:#ffd5ae}.lesson-page-hero h2{margin:0;font-size:38px;line-height:1}.lesson-page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.lesson-page-actions .secondary-action{height:48px;border:1px solid #c9befc;border-radius:15px;background:#fff;color:#5f39d8;padding:0 18px;font-weight:900;cursor:pointer}.lesson-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;margin-top:18px;align-items:start}.lesson-page-main h2,.lesson-page-side h2{margin:0 0 14px}.lesson-page-script{border:1px solid #eef1f7;border-radius:20px;background:#fbfcff;padding:18px;color:#273052;font-size:17px;line-height:1.55}.lesson-page-script p{margin:0 0 12px}.lesson-page-script p:last-child{margin-bottom:0}.lesson-page-script b,.lesson-page-script strong{color:#091136}.lesson-page-script u{text-underline-offset:3px}.lesson-page-script .script-material-token{margin:2px 0}.teacher-live-script{max-height:none;background:#fbfcff}.lesson-page-material-row{grid-template-columns:30px minmax(0,1fr)58px}.lesson-page-material-row button{display:none}.lesson-page-side{display:grid;gap:18px;position:sticky;top:106px}.lesson-detail-list p{margin:0 0 10px;color:#273052;line-height:1.35}.lesson-detail-list p:last-child{margin-bottom:0}
.students-table .teacher-row:not(.head){cursor:pointer;transition:background .2s ease,transform .2s ease}.students-table .teacher-row:not(.head):hover{background:#fbf8ff;transform:translateX(3px)}.student-page-tab{padding-bottom:60px}.student-page-back{margin:0 0 18px}.student-page-hero{display:flex;align-items:center;gap:18px;padding:24px;background:linear-gradient(135deg,#fff,#f7f3ff)}.student-page-hero img{width:104px;height:104px;border-radius:28px;object-fit:cover;box-shadow:0 12px 26px rgba(31,42,85,.14)}.student-page-hero small{display:inline-flex;margin-bottom:8px;border-radius:999px;background:#efe9ff;color:#6d39fa;padding:7px 12px;font-size:12px;font-weight:900}.student-page-hero h2{margin:0;font-size:36px;line-height:1}.student-page-hero p{margin:8px 0 0;color:#626a83;font-weight:900}
.students-toolbar{grid-template-columns:repeat(3,minmax(180px,1fr))}
.learning-sidebar{padding-bottom:24px}.avatar-preview-row{grid-template-columns:minmax(0,1fr);max-width:260px}.avatar-preview-row img.round{width:132px;height:132px}
.lesson-cell .secondary-lesson-action{background:#fff;color:#5f39d8;border:1px solid #c9befc}.lesson-cell .secondary-lesson-action:hover{background:#f7f3ff}
.student-page-hero+.summary-dashboard{margin-top:22px}
.students-toolbar{grid-template-columns:repeat(2,minmax(180px,1fr))}.student-page-hero{justify-content:space-between}.student-page-hero>div:not(.student-page-actions){margin-right:auto}.student-page-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.student-page-actions button{height:42px;border:1px solid #c9befc;border-radius:13px;background:#fff;color:#5f39d8;padding:0 14px;font-size:13px;font-weight:900;cursor:pointer}.student-page-actions button:first-child{border:0;background:var(--grad-blue);color:#fff}.student-page-actions .danger{border-color:#ffd0d0;color:#ff4a40;background:#fff7f7}.student-edit-panel{margin-top:18px}.student-edit-panel[hidden]{display:none}
.lesson-editor-tab{padding-bottom:70px}.lesson-editor-back{margin:0 0 18px}.lesson-editor-tab .lesson-modal__dialog{position:static;width:100%;max-height:none;overflow:visible;border:1px solid #e0e5f0;border-radius:28px;background:#f7f8fc;padding:24px;box-shadow:0 10px 24px rgba(31,42,85,.08)}.lesson-editor-tab .lesson-modal__head{padding:6px 4px 18px}.lesson-editor-tab .lesson-modal-actions{bottom:0;margin:0 -24px -24px}.lesson-editor-tab .lesson-modal-card{box-shadow:0 8px 18px rgba(31,42,85,.06)}
.lesson-editor-tab .lesson-modal-grid:last-of-type{grid-template-columns:minmax(0,1fr)}.lesson-editor-tab .lesson-tools-picker{padding:16px}.lesson-tools-picker .generation-tools-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.tool-toggle{min-height:46px;border:1px solid #ff8a18;border-radius:14px;background:#fff;color:#091136;padding:8px 12px;font-size:14px;font-weight:900;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.generation-tools-grid .tool-toggle:not(.active){border-color:#ff8a18;background:#fff;color:#091136;box-shadow:none}.tool-toggle:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(255,107,24,.12);background:#fff8f0;color:#091136}.generation-tools-grid .tool-toggle:not(.active):hover{background:#fff8f0;color:#091136}.tool-toggle.active{border-color:#ff8a18;background:var(--grad-hot);color:#fff;box-shadow:0 12px 24px rgba(255,107,24,.2)}.generation-tools-grid .tool-toggle.active{border-color:#ff8a18;background:var(--grad-hot);color:#fff}.lesson-students-card{margin-bottom:16px}.lesson-students-card .panel-head{align-items:center}.lesson-students-card p{margin:4px 0 0;color:#626a83;font-size:13px;font-weight:900}.lesson-students-card .compact{height:42px;border:1px solid #c9befc;border-radius:13px;background:#fff;color:#5f39d8;padding:0 14px;font-size:13px;font-weight:900;cursor:pointer}.lesson-student-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.lesson-student-picker[hidden]{display:none}.lesson-student-picker label{min-height:64px;border:1px solid #eef1f7;border-radius:16px;background:#fbfcff;display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;cursor:pointer}.lesson-student-picker label:hover{border-color:#c9befc;background:#f9f6ff}.lesson-student-picker input{width:17px;height:17px;accent-color:#733bfa}.lesson-student-picker b{display:block}.lesson-student-picker small{display:block;margin-top:3px;color:#626a83;font-size:12px;font-weight:800}.lesson-student-picker label.is-hidden{display:none}
.script-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px;padding:8px;border:1px solid #eef1f7;border-radius:14px;background:#fbfcff}.script-toolbar button{width:40px;height:38px;border:1px solid #d8def0;border-radius:10px;background:#fff;color:#091136;display:flex;align-items:center;justify-content:center;padding:0;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 3px 8px rgba(31,42,85,.04)}.script-toolbar button:hover{border-color:#c9befc;background:#f5f0ff;color:#5f39d8}.script-toolbar .marker-icon{width:19px;height:19px;border-radius:5px;background:linear-gradient(180deg,#fff1a8 0 62%,#ff8a18 62% 100%);box-shadow:inset 0 0 0 1px rgba(255,138,24,.22)}.script-toolbar .undo-icon{display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;transform:none}.script-editor{min-height:520px;border:1px solid #dce0eb;border-radius:18px;background:#fbfcff;color:#091136;padding:16px;outline:0;font:inherit;font-weight:800;line-height:1.22;overflow:auto}.script-editor:focus{border-color:#c9befc;box-shadow:0 0 0 4px rgba(115,59,250,.08)}.script-editor p,.script-editor div{margin:0 0 3px}.script-editor mark,.script-editor [style*="background-color"]{border-radius:4px;padding:0 3px}.script-material-token{width:100%;min-height:66px;margin:8px 0;border:1px solid #e8ebf4;border-radius:18px;background:#fbfcff;color:#091136;display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 14px;font:inherit;font-size:14px;font-weight:900;text-align:left;box-sizing:border-box}.script-material-token .script-material-icon{width:40px;height:40px;border-radius:12px;background:#f2efff;display:flex;align-items:center;justify-content:center;font-size:22px}.script-material-token b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.script-material-token em{border-radius:999px;background:#fff1e6;color:#ff6b18;padding:7px 12px;font-size:11px;font-style:normal}.script-material-token small{border-radius:13px;background:#f3efff;color:#6d39fa;padding:10px 13px;font-size:12px;font-weight:900;white-space:nowrap}.script-material-send{cursor:pointer;font-family:inherit}.script-material-send small{background:var(--grad-hot);color:#fff}.script-material-send:hover{border-color:#c9befc;box-shadow:0 8px 18px rgba(255,106,24,.16);transform:translateY(-1px)}.attached-material-row{min-height:54px;border:1px solid #eef1f7;border-radius:15px;background:#fbfcff;display:grid;grid-template-columns:30px minmax(0,1fr)58px auto 34px;align-items:center;gap:10px;padding:8px 10px}.attached-material-row .material-kind{font-size:20px}.attached-material-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attached-material-row small{height:26px;border-radius:999px;background:#fff1e6;color:#ff6b18;display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:11px;font-weight:900}.attached-material-row button{height:34px;border:0;border-radius:10px;background:var(--grad-hot);color:#fff;padding:0 11px;font-size:12px;font-weight:900;cursor:pointer}.attached-material-row .material-remove{width:32px;padding:0;border:1px solid #ffd2c0;background:#fff7f2;color:#ff4a40;font-size:20px;line-height:1}.teacher-lesson-materials button em{font-style:normal;border-radius:999px;background:#fff1e6;color:#ff6b18;padding:4px 8px;font-size:11px;font-weight:900}.empty-materials-note{margin:0;color:#626a83;font-size:13px;font-weight:800;line-height:1.35}
.script-after-material{display:block;min-height:1.22em;margin:3px 0!important;padding:0!important;text-align:left!important;background:transparent!important;color:#091136!important;font:inherit!important;font-weight:800!important}
.script-material-send.is-sent,.script-material-send:disabled{border-color:#e1e4eb;background:#eef0f4;color:#8a91a3;box-shadow:none;filter:grayscale(1);transform:none}.script-material-send.is-sent{cursor:pointer}.script-material-send:disabled{cursor:default}.script-material-send.is-sent .script-material-icon{background:#e2e5eb}.script-material-send.is-sent em{background:#e1e4e9;color:#858c9c}.script-material-send.is-sent small{background:#d7dbe3;color:#737b8e}.script-material-send.is-sent:hover{border-color:#c9ced8;background:#e5e8ed;box-shadow:0 5px 12px rgba(31,42,85,.08);transform:translateY(-1px)}
.avatar-preview-row div{overflow:hidden}
.avatar-preview-frame{position:relative;width:132px;height:132px;display:block;margin:0 auto;border-radius:50%;overflow:hidden;background:#f4f6fb;box-shadow:0 0 0 4px #fff,0 10px 24px rgba(115,59,250,.16)}.avatar-preview-frame img{width:100%;height:100%;display:block;border-radius:0;object-fit:cover;transform-origin:center;box-shadow:none!important}
.avatar-preview-row .avatar-preview-frame img{width:100%;height:100%;margin:0;border-radius:0}
.avatar-crop-stage{position:relative;width:260px;height:260px;margin:18px auto 14px;touch-action:none;user-select:none;cursor:grab}.avatar-crop-stage:active{cursor:grabbing}.avatar-crop-stage .avatar-preview-frame{width:100%;height:100%;margin:0;border:5px solid #fff;box-shadow:0 0 0 2px #c9befc,0 18px 38px rgba(81,45,178,.2);pointer-events:none}.avatar-crop-stage .avatar-preview-frame img{width:100%;height:100%;margin:0;pointer-events:none;transition:none}.avatar-crop-stage::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(9,17,54,.08);pointer-events:none}.avatar-crop-handle{position:absolute!important;right:5px!important;bottom:22px!important;width:30px!important;height:30px!important;min-width:30px!important;margin:0!important;padding:0!important;border:5px solid #fff!important;border-radius:50%!important;background:#733bfa!important;box-shadow:0 5px 14px rgba(75,39,170,.3)!important;cursor:nwse-resize!important;touch-action:none;z-index:2}.avatar-crop-hint{max-width:430px;margin:0 auto 8px!important;color:#626a83!important;text-align:center;font-size:13px;line-height:1.4}.avatar-editor .avatar-reset{display:block;margin:12px auto 0!important}
.avatar-settings-compact{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr);gap:18px;align-items:stretch}.avatar-settings-compact .upload-drop{min-height:290px}.avatar-settings-compact .avatar-editor{margin-top:0;padding:14px 18px;display:grid;grid-template-columns:190px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:18px;align-items:center}.avatar-settings-compact .avatar-editor h3{grid-column:1/-1;margin-bottom:4px}.avatar-settings-compact .avatar-crop-stage{grid-column:1;grid-row:2/4;width:170px;height:170px;margin:8px auto}.avatar-settings-compact .avatar-crop-handle{right:0!important;bottom:12px!important;width:26px!important;height:26px!important;min-width:26px!important}.avatar-settings-compact .avatar-crop-hint{grid-column:2;grid-row:2;margin:0!important;text-align:left}.avatar-editor-actions{grid-column:2;grid-row:3;display:flex;gap:10px;align-items:center}.avatar-editor-actions button{height:44px!important;margin:0!important;padding:0 18px!important}.avatar-editor-actions .avatar-reset{display:inline-flex;align-items:center;justify-content:center}.avatar-editor-actions [data-avatar-save]{flex:1}
.avatar-editor-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important}.avatar-editor-actions button,.avatar-editor-actions .avatar-reset,.avatar-editor-actions [data-avatar-save]{display:flex!important;width:100%!important;height:44px!important;align-items:center!important;justify-content:center!important;flex:none!important}
.avatar-editor-actions{grid-template-columns:190px!important;justify-content:start}.avatar-editor-actions button,.avatar-editor-actions .avatar-reset,.avatar-editor-actions [data-avatar-save]{width:190px!important;min-width:190px!important;padding:0 16px!important}
@media(max-width:900px){.avatar-settings-compact{grid-template-columns:1fr}.avatar-settings-compact .upload-drop{min-height:170px}.avatar-settings-compact .avatar-editor{grid-template-columns:150px minmax(0,1fr)}.avatar-settings-compact .avatar-crop-stage{width:140px;height:140px}}
.student-page-tab .summary-dashboard{margin-top:28px}
.students-table{overflow:hidden}.students-table .teacher-row{min-width:0;grid-template-columns:1.25fr 1fr 1.15fr .9fr 1.05fr}
.teacher-mode .teacher-chat-detail .lesson-layout{grid-template-columns:minmax(0,1fr)}.teacher-mode .teacher-chat-detail .chat-panel{width:100%}
.teacher-mode .teacher-chat-detail .lesson-layout{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:stretch}.teacher-mode .teacher-chat-detail .chat-panel{min-height:680px}.teacher-mode .teacher-chat-detail .individual-chat-wrap{flex:1;min-height:0}.teacher-mode .teacher-chat-detail .individual-thread{min-height:390px;max-height:calc(100vh - 430px);overflow:auto;padding-right:4px}.teacher-script-panel{min-height:680px;border:1px solid #e8ebf4;border-radius:20px;background:#fff;padding:16px;display:grid;grid-template-rows:minmax(0,1fr);gap:14px;box-shadow:0 10px 24px rgba(31,42,85,.06)}.teacher-lesson-materials{display:grid;gap:10px}.teacher-lesson-materials h3,.teacher-script-scroll h3{margin:0;font-size:22px}.teacher-lesson-materials button{min-height:62px;border:1px solid #eef1f7;border-radius:16px;background:#fbfcff;color:#091136;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.teacher-lesson-materials button:hover{transform:translateY(-2px);border-color:#c9befc;box-shadow:0 12px 24px rgba(31,42,85,.09)}.teacher-lesson-materials span{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#f2ecff,#eaf4ff);display:flex;align-items:center;justify-content:center}.teacher-lesson-materials b{font-size:14px}.teacher-lesson-materials small{border-radius:999px;background:#f4f1ff;color:#5f39d8;padding:7px 10px;font-size:12px;font-weight:900;white-space:nowrap}.teacher-script-scroll{min-height:0;overflow:auto}.script-note{border:1px solid #eef1f7;border-radius:16px;background:linear-gradient(135deg,#fff,#fbf8ff);padding:14px;margin-bottom:10px}.script-note h4{margin:0 0 7px;font-size:17px}.script-note p{margin:0;color:#273052;line-height:1.45}
.teacher-mode .teacher-chat-detail{height:calc(100vh - 136px);margin-bottom:0;display:flex;flex-direction:column;overflow:hidden}.teacher-mode .teacher-chat-detail .teacher-lesson-actions,.teacher-mode .teacher-chat-detail .lesson-room-head{flex:0 0 auto}.teacher-mode .teacher-chat-detail .lesson-layout{flex:1;min-height:0;overflow:hidden}.teacher-mode .teacher-chat-detail .chat-panel,.teacher-mode .teacher-chat-detail .teacher-script-panel{height:100%;min-height:0;overflow:hidden}.teacher-mode .teacher-chat-detail .teacher-student-tabs,.teacher-mode .teacher-chat-detail .individual-chat-head,.teacher-mode .teacher-chat-detail .chat-input{flex:0 0 auto}.teacher-mode .teacher-chat-detail .individual-thread{min-height:0;max-height:none;overflow:auto}.teacher-mode .teacher-chat-detail .teacher-script-scroll{overflow:auto}
.teacher-send-mode{display:flex;gap:6px;width:max-content;max-width:100%;padding:5px;border:1px solid #e0e5f0;border-radius:15px;background:#fff}.teacher-send-mode button{height:36px;border:0;border-radius:11px;background:transparent;color:#5f39d8;padding:0 12px;font-size:13px;font-weight:900;cursor:pointer}.teacher-send-mode button.active{background:var(--grad-blue);color:#fff;box-shadow:0 8px 16px rgba(115,59,250,.18)}
.teacher-student-tabs{display:flex;gap:12px;overflow:auto;padding:4px 2px 8px}.teacher-student-tabs button{position:relative;min-width:122px;height:78px;border:1px solid #e8ebf4;border-radius:18px;background:#fff;color:#091136;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-weight:900;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:visible}.teacher-student-tabs button.active,.teacher-student-tabs button:hover{border-color:#c9befc;background:linear-gradient(135deg,#fff,#f7f3ff);box-shadow:0 10px 22px rgba(115,59,250,.12);transform:translateY(-2px)}.teacher-student-tabs img{width:34px;height:34px;border-radius:50%;object-fit:cover}.teacher-student-tabs span{font-size:12px}.teacher-student-tabs em{position:absolute;right:14px;top:11px;min-width:20px;height:20px;border-radius:999px;background:var(--grad-hot);color:#fff;display:flex;align-items:center;justify-content:center;padding:0 6px;font-style:normal;font-size:11px}.broadcast-chat,.individual-chat-wrap{border:1px solid #e8ebf4;border-radius:20px;background:#fff;padding:16px;display:grid;gap:12px}.broadcast-label,.individual-chat-head span{color:#6d39fa;font-size:12px;font-weight:900}.individual-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.individual-chat-head b{font-size:18px}.individual-thread{display:none;gap:12px}.individual-thread.active{display:grid}
.teacher-student-tabs em[hidden]{display:none}
.students-table .teacher-row.is-filtered-out{display:none!important}
.live-chat-feed{display:grid;gap:12px}.chat-message time{display:block;margin-top:7px;color:#9299ad;font-size:12px;font-weight:800}.chat-input.with-mode{grid-template-columns:170px 1fr 128px}.chat-input select{height:48px;border:1px solid #dce0eb;border-radius:14px;background:#fff;color:#091136;padding:0 12px;outline:0;font:inherit;font-weight:900}.student-broadcast,.student-personal-chat{box-shadow:none}.student-personal-chat{margin-top:0}.lesson-chat-tab .broadcast-chat,.lesson-chat-tab .individual-chat-wrap{flex:0 0 auto}
.chat-message-meta{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-top:7px;padding:0!important;border:0!important;background:transparent!important}.chat-message-meta time{margin:0}.chat-message-delete{border:0;background:transparent;color:#a06b77;padding:3px 0;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.chat-message-delete:hover{color:#ff4a40;text-decoration:underline}
.student-login-page{min-height:100vh;background:radial-gradient(circle at 18% 18%,rgba(115,59,250,.26),transparent 28%),radial-gradient(circle at 88% 28%,rgba(239,79,193,.24),transparent 24%),linear-gradient(135deg,#050a29,#081344 52%,#050a29);display:grid;place-items:center;padding:28px}.login-shell{width:min(560px,100%);display:grid;gap:22px}.login-brand{color:#fff}.login-card{border:1px solid rgba(255,255,255,.18);border-radius:30px;background:rgba(255,255,255,.96);box-shadow:0 30px 80px rgba(5,10,41,.35);padding:30px}.login-kicker{display:inline-flex;margin-bottom:12px;border-radius:999px;background:#fff1e6;color:#ff6b18;padding:8px 12px;font-size:12px;font-weight:900}.login-card h1{margin:0;font-size:38px;line-height:1}.login-card p{margin:10px 0 0;color:#626a83;line-height:1.45}.student-login-form{display:grid;gap:12px;margin-top:22px}.student-login-form label{display:grid;gap:6px;color:#626a83;font-size:13px;font-weight:900}.student-login-form input{height:52px;border:1px solid #dce0eb;border-radius:15px;background:#fff;color:#091136;padding:0 16px;outline:0;font-weight:900}.student-login-form button{height:54px;border:0;border-radius:16px;background:var(--grad-hot);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 24px rgba(239,79,193,.18)}.login-error{margin:0!important;color:#ff4a40!important;font-weight:900}.test-accounts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.test-accounts button{min-height:82px;border:1px solid #e8ebf4;border-radius:18px;background:#fbfcff;color:#091136;display:flex;align-items:center;gap:12px;padding:10px;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.test-accounts button:hover{transform:translateY(-2px);border-color:#c9befc;box-shadow:0 14px 26px rgba(31,42,85,.12)}.test-accounts img{width:52px;height:52px;border-radius:16px;object-fit:cover}.test-accounts b{display:block}.test-accounts small{color:#626a83;font-size:12px;font-weight:800}
.login-brand>span{align-items:flex-start}.login-brand small{max-width:100%;font-size:9px;line-height:1.15;white-space:nowrap;letter-spacing:-.08px}
.login-brand{display:flex;align-items:center;gap:12px;min-width:270px;color:#fff}.login-brand .brand-logo{width:48px;height:48px;flex:0 0 48px;display:block;position:relative;overflow:hidden}.login-brand .brand-logo img{width:100%;height:100%;object-fit:cover;display:block}.login-brand .brand-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.login-brand .brand-copy b{font-size:38px;font-weight:900;letter-spacing:-1px}.login-brand .brand-copy small{max-width:none;margin-top:2px;color:#c8cbe0;font-size:11px;line-height:1;white-space:nowrap;letter-spacing:-.12px}
.login-shell>.login-brand{justify-self:center;justify-content:center;width:max-content;min-width:0}
.login-brand img.login-brand-logo{display:block;width:300px;max-width:80vw;height:auto;border-radius:0}
.add-student-panel{min-width:0;overflow:hidden}.teacher-form,.teacher-form label,.students-toolbar label{min-width:0}.teacher-form input,.teacher-form select,.teacher-form textarea,.students-toolbar select{width:100%;min-width:0}.form-row-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:1200px){.learning-app{grid-template-columns:92px 1fr}.top-links{display:none}.student-menu a,.student-menu button{justify-content:center;padding:0;font-size:0}.student-menu span{font-size:24px}.student-mini{display:none}.today-lesson,.lesson-layout,.student-sections,.schedule-board,.teacher-grid,.home-dashboard,.lesson-builder,.teacher-home-grid,.settings-grid,.lessons-grid,.lesson-modal-grid,.today-lessons-grid,.planned-lessons-list,.lesson-page-layout{grid-template-columns:1fr}.students-toolbar{grid-template-columns:1fr 1fr}.add-student-panel,.lesson-page-side{position:static}.student-works,#works .student-works{grid-template-columns:repeat(2,1fr)}}
@media(min-width:761px) and (max-width:1200px){.student-menu a:not(.session-chat-menu),.student-menu button:not(.session-chat-menu){gap:0}.student-menu a:not(.session-chat-menu) span,.student-menu button:not(.session-chat-menu) span{margin:0 auto}}
@media(min-width:761px) and (max-width:1280px){.learning-app:not(.student-home-active){grid-template-rows:1fr}.learning-app:not(.student-home-active) .learning-topbar{display:none}.learning-app:not(.student-home-active) .learning-sidebar{grid-row:1;top:0;height:100vh}.learning-app:not(.student-home-active) .learning-main{grid-row:1}.learning-app:not(.student-home-active) .app-tab.active{min-height:100vh}.learning-app:not(.student-home-active) .lesson-chat-tab{height:var(--student-tablet-chat-height,100svh);min-height:0;padding-top:14px}.learning-app:not(.student-home-active) .lesson-chat-tab .lesson-room{min-height:0}}
@media(max-width:760px){.learning-app{display:block}.learning-topbar{height:auto;min-height:88px;flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.learning-sidebar{position:static;height:auto}.student-menu{display:grid;grid-template-columns:repeat(2,1fr)}.student-menu a,.student-menu button{font-size:14px;justify-content:flex-start;padding:0 14px}.learning-main{padding:0 14px 28px}.welcome-card{height:auto;margin-top:14px;padding:24px;border-radius:24px}.welcome-card img{display:none}.today-actions{align-items:flex-start;flex-direction:column}.chat-message.student{margin-left:0}.chat-input{grid-template-columns:1fr}.lesson-line,.lesson-table.compact .lesson-line{grid-template-columns:1fr}.student-works,.mini-works,.topic-grid{grid-template-columns:1fr}.students-toolbar,.form-row-2{grid-template-columns:1fr}.tab-title h2{font-size:28px}}

.learning-app:not(.teacher-mode) .lesson-chat-tab{height:calc(100vh - 124px);min-height:0;overflow:hidden}.learning-app:not(.teacher-mode) .lesson-chat-tab .lesson-room{height:100%;min-height:0;overflow:hidden}.learning-app:not(.teacher-mode) .lesson-chat-tab .lesson-layout{flex:1;min-height:0;overflow:hidden}.learning-app:not(.teacher-mode) .lesson-chat-tab .chat-panel{height:100%;min-height:0;overflow:hidden}.learning-app:not(.teacher-mode) .lesson-chat-tab .student-personal-chat{flex:1 1 auto!important;min-height:0;display:flex;flex-direction:column;overflow:hidden}.learning-app:not(.teacher-mode) .lesson-chat-tab .live-chat-feed{flex:1 1 auto;min-height:0;overflow:auto;padding-right:4px}.learning-app:not(.teacher-mode) .lesson-chat-tab .chat-input{flex:0 0 auto;position:static}

/* Во время запущенного занятия ученик видит только рабочее пространство урока. */
.learning-app.student-lesson-focus{display:block;min-height:100dvh;height:100dvh;overflow:hidden}
.learning-app.student-lesson-focus .learning-topbar,.learning-app.student-lesson-focus .learning-sidebar{display:none!important}
.learning-app.student-lesson-focus .learning-main{width:100%;height:100dvh;min-height:100dvh;padding:0!important;overflow:hidden}
.learning-app.student-lesson-focus .app-tab:not([data-tab="lesson-chat"]){display:none!important}
.learning-app.student-lesson-focus .lesson-chat-tab{display:block!important;width:100%;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden}
.learning-app.student-lesson-focus .lesson-chat-tab .lesson-room{width:100%;height:100dvh!important;min-height:0!important;margin:0!important;border:0;border-radius:0;box-shadow:none;padding:14px 18px 16px;overflow:hidden}
@media(max-width:760px){.learning-app.student-lesson-focus .lesson-chat-tab .lesson-room{padding:10px 10px 12px}}

.chat-attachment-card{width:min(420px,100%);margin-top:10px;border:1px solid #e8ebf4;border-radius:16px;background:linear-gradient(135deg,#fff,#fbf8ff);color:#091136;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;text-align:left;text-decoration:none;font:inherit;font-weight:900;cursor:pointer}.chat-attachment-card span{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#f2ecff,#eaf4ff);display:flex;align-items:center;justify-content:center;font-size:21px}.chat-attachment-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-attachment-card small{border-radius:999px;background:#fff1e6;color:#ff6b18;padding:5px 8px;font-size:11px}.chat-attachment-card em{grid-column:2/4;color:#5f39d8;font-size:12px;font-style:normal}.chat-attachment-card:hover{border-color:#c9befc;box-shadow:0 10px 22px rgba(31,42,85,.1)}
.chat-message.material-only>div{border:0;background:transparent;padding:0}.student-material-message{width:min(190px,100%);display:grid;gap:7px}.student-material-message>b{margin:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-material-thumbnail{width:100%;height:auto!important;min-width:0!important;aspect-ratio:1;overflow:hidden;border:0!important;border-radius:14px!important;background:#eef1f7!important;padding:0!important;cursor:pointer}.student-material-thumbnail img,.student-material-thumbnail video{width:100%;height:100%;display:block;object-fit:cover}.student-material-thumbnail>span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:38px}.student-material-message>button{width:100%;height:38px;border:0;border-radius:12px;background:var(--grad-blue);color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.student-material-message>button:hover{filter:brightness(1.04)}.student-material-thumbnail:hover{filter:brightness(.96)}.chat-message.material-only time{margin-left:2px}
.lesson-card-editor{margin-top:18px;border-top:1px solid #eef1f7;padding-top:16px}.lesson-card-editor>p{margin:4px 0 12px;color:#626a83;font-size:13px;line-height:1.35}.lesson-card-editor textarea{width:100%;min-height:126px;resize:vertical;border:1px solid #dce0eb;border-radius:16px;background:#fbfcff;color:#091136;padding:13px 14px;font:inherit;font-weight:800;line-height:1.4;outline:0;box-sizing:border-box}.lesson-card-editor textarea:focus{border-color:#c9befc;box-shadow:0 0 0 4px rgba(115,59,250,.08)}.lesson-card-image-row{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:14px;margin-top:12px}.lesson-card-image-picker{display:block!important}.lesson-card-image-picker input{position:absolute;opacity:0;pointer-events:none}.lesson-card-image-picker span{width:88px;height:88px;border:1px dashed #bcaaff;border-radius:18px;background:#f7f3ff;color:#6d39fa;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:30px;font-weight:900;cursor:pointer}.lesson-card-image-picker span.is-loading{opacity:.55}.lesson-card-image-picker img{width:100%;height:100%;display:block;object-fit:cover}.lesson-card-image-row b,.lesson-card-image-row small{display:block}.lesson-card-image-row small{margin-top:5px;color:#777f94;font-size:12px;line-height:1.35}.chat-lesson-card{width:100%;display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center}.chat-lesson-card>img{width:112px;height:112px;border-radius:20px;object-fit:cover}.chat-lesson-card section:only-child{grid-column:1/-1}.chat-lesson-card section p{margin:0;color:#313954;line-height:1.45}.lesson-card-message>div{width:100%;background:linear-gradient(135deg,#fff9ef,#f8f4ff);border-color:#eadfff;box-sizing:border-box}
.lesson-card-image-actions{display:flex;gap:7px;margin-top:9px}.lesson-card-image-actions[hidden]{display:none!important}.lesson-card-image-actions button{height:31px;border:1px solid #d7cff5;border-radius:9px;background:#f5f2ff;color:#603bd2;padding:0 11px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.lesson-card-image-actions button:last-child{border-color:#ffd0d9;background:#fff1f4;color:#c73e5c}
.attached-material-row:has(.material-series-check){grid-template-columns:auto 30px minmax(0,1fr)58px auto 34px}.material-series-check{display:flex!important;align-items:center;gap:5px;border-radius:9px;background:#eef8f4;padding:6px 7px;color:#087c58;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}.material-series-check input{accent-color:#14ad78}.material-series-check span{margin:0!important}.lesson-material-series-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;border:1px solid #cfc3ff;border-radius:13px;background:#f5f1ff;padding:9px 11px;color:#603bd2;font-size:11px}.lesson-material-series-actions[hidden]{display:none!important}.lesson-material-series-actions button{height:34px;border:0;border-radius:10px;background:linear-gradient(135deg,#7145f5,#3c83f6);color:#fff;padding:0 12px;font:inherit;font-size:10px;font-weight:900}.lesson-material-series-actions button:disabled{opacity:.45}.chat-image-series{width:min(760px,100%);display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:6px;margin-top:8px}.chat-image-series button{min-width:0;border:0;border-radius:12px;background:#f1f3f8;padding:0;overflow:hidden;cursor:pointer}.chat-image-series img{width:100%;aspect-ratio:1;display:block;object-fit:cover}.chat-image-series small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px;color:#59637a;font-size:9px;font-weight:800}@media(max-width:760px){.chat-image-series{display:flex;overflow-x:auto;padding-bottom:5px}.chat-image-series button{flex:0 0 135px}.attached-material-row:has(.material-series-check){grid-template-columns:auto 30px minmax(0,1fr)34px}.attached-material-row:has(.material-series-check)>small,.attached-material-row:has(.material-series-check)>[data-material-token]{display:none}.lesson-material-series-actions{align-items:stretch;flex-direction:column}}
.lesson-create-form .attached-material-row{min-height:38px!important;gap:6px!important;padding:4px 6px!important;border-radius:11px!important}.lesson-create-form .attached-material-row:has(.material-series-check){grid-template-columns:64px 22px minmax(0,1fr)42px 92px 26px!important}.lesson-create-form .material-series-check{width:58px!important;height:26px!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin:0!important;padding:0 4px!important;border:0!important;border-radius:7px!important;font-size:8px!important;line-height:1!important;box-sizing:border-box!important}.lesson-create-form .material-series-check input[type="checkbox"]{appearance:auto!important;-webkit-appearance:checkbox!important;width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important;margin:0!important;padding:0!important;border-radius:3px!important;box-shadow:none!important}.lesson-create-form .material-series-check span{width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;font-size:8px!important;line-height:1!important}.lesson-create-form .attached-material-row .material-kind{font-size:15px!important}.lesson-create-form .attached-material-row>small{height:20px!important;padding:0 5px!important;font-size:8px!important}.lesson-create-form .attached-material-row>[data-material-token]{height:26px!important;min-height:26px!important;padding:0 7px!important;border-radius:7px!important;font-size:8px!important}.lesson-create-form .attached-material-row .material-remove{width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;border-radius:7px!important;font-size:15px!important}@media(max-width:760px){.lesson-create-form .attached-material-row:has(.material-series-check){grid-template-columns:58px 20px minmax(0,1fr)24px!important}}
.chat-message .chat-image-series{width:min(760px,100%);align-items:start}.chat-message .chat-image-series>button{display:block!important;border:1px solid #e1e5ee!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 14px rgba(31,42,85,.06);overflow:hidden}.chat-message .chat-image-series>button>img{width:100%!important;height:auto!important;min-width:0!important;min-height:0!important;aspect-ratio:1/1!important;border-radius:0!important;object-fit:cover!important;display:block!important}.chat-message .chat-image-series>button>small{min-height:30px;display:flex;align-items:center;justify-content:center;background:#f7f8fc;padding:5px 7px;color:#59637a;font-size:9px;font-weight:900;text-align:center;box-sizing:border-box}
.chat-message.lesson-card-message{grid-template-columns:42px minmax(0,1fr)}
@media(max-width:760px){.chat-lesson-card{grid-template-columns:82px minmax(0,1fr);gap:12px}.chat-lesson-card>img{width:82px;height:82px;border-radius:16px}.chat-lesson-card section p{font-size:14px}}

.lesson-page-actions .danger-action,.lesson-card-footer .danger-lesson-action{height:48px;border:1px solid #ffc9c6;border-radius:15px;background:#fff7f7;color:#ff4a40;padding:0 18px;font-weight:900;cursor:pointer}.lesson-card-footer .danger-lesson-action{height:38px;padding:0 13px;font-size:12px}.lesson-page-actions .danger-action:hover,.lesson-card-footer .danger-lesson-action:hover{background:#fff0ef;border-color:#ff9d97}
.lesson-library-card{min-height:170px;justify-content:center;text-align:center}.lesson-library-card h3{margin:auto 0;font-size:24px}.lesson-card-actions{width:100%;justify-content:center;margin-top:auto}.lesson-card-actions button{min-width:118px}.lesson-card-actions .secondary-lesson-action{background:var(--grad-blue);color:#fff;border:0}.lesson-card-actions .danger-lesson-action{background:#fff7f7;color:#ff4a40;border:1px solid #ffc9c6}
.lesson-library-card[hidden]{display:none!important}
.lesson-script-card .script-editor{height:520px;min-height:0;max-height:520px;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
.lesson-card-toolbar{margin-bottom:8px;padding:6px}.lesson-card-toolbar button{width:36px;height:34px}.lesson-card-text-editor{min-height:118px;max-height:220px;overflow-y:auto;border:1px solid #dce0eb;border-radius:16px;background:#fbfcff;color:#091136;padding:13px 14px;font:inherit;font-weight:800;line-height:1.4;outline:0;box-sizing:border-box}.lesson-card-text-editor:focus{border-color:#c9befc;box-shadow:0 0 0 4px rgba(115,59,250,.08)}.lesson-card-text-editor:empty:before{content:attr(data-placeholder);color:#9aa1b3;font-weight:700}.lesson-card-copy{color:#313954;line-height:1.45}.lesson-card-copy p,.lesson-card-copy div{margin:0 0 5px}.lesson-card-copy p:last-child,.lesson-card-copy div:last-child{margin-bottom:0}.lesson-card-copy mark{border-radius:4px;background:#fff1a8;padding:0 2px}
.attached-material-row .material-remove{width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;text-align:center}
.schedule-assign-card form{grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(140px,1fr))}
.schedule-assign-card form>button{grid-column:1/-1;justify-self:start;min-width:190px}
.teacher-home-summary{color:#626a83;font-size:14px;line-height:1.4}.teacher-home-summary>strong{display:block;margin-bottom:9px;color:#091136;font-size:24px;line-height:1}.teacher-home-summary-list{display:grid;gap:6px;margin-top:9px}.teacher-home-summary-list span{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:11px;background:rgba(255,255,255,.65);padding:7px 9px;color:#273052;font-size:12px;font-weight:900}.teacher-home-summary-list small{color:#6d39fa;font-weight:900}
.teacher-home-summary-list small{display:flex;flex:0 0 112px;flex-direction:column;align-items:flex-start;line-height:1.25}.teacher-home-summary-list small b{font-size:11px}.teacher-home-summary-list small i{display:block;margin-top:2px;font-style:normal;font-size:10px}
.teacher-home-people,.teacher-home-lessons{display:grid;gap:7px;margin-top:12px}.teacher-home-people>button,.teacher-home-lessons>button{width:100%;min-height:52px;border:1px solid rgba(220,224,235,.8);border-radius:14px;background:rgba(255,255,255,.7);color:#091136;padding:7px 10px;text-align:left;cursor:pointer}.teacher-home-people>button{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px}.teacher-home-people img{width:38px;height:38px;border-radius:50%;object-fit:cover}.teacher-home-people span,.teacher-home-people b,.teacher-home-people small{display:block}.teacher-home-people b{font-size:13px}.teacher-home-people small{margin-top:2px;color:#626a83;font-size:10px;font-weight:900}.teacher-home-lessons>button{display:flex;align-items:center;justify-content:space-between;gap:12px}.teacher-home-lessons span{font-size:12px;font-weight:900}.teacher-home-lessons small{flex:0 0 auto;color:#6d39fa;font-size:10px;font-weight:900}.teacher-home-action{height:38px;margin-top:12px;border:0;border-radius:12px;background:var(--grad-hot);color:#fff;padding:0 15px;font:inherit;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(239,79,193,.14)}
.students-table .teacher-row{min-width:1180px;grid-template-columns:1.2fr .9fr 1.05fr .85fr 1.05fr 1fr}.student-access-cell{display:flex;align-items:flex-start;gap:5px;flex-wrap:wrap}.student-access-cell code{width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-access-cell button{min-height:27px;border:1px solid #cfc3ff;border-radius:8px;background:#fff;color:#5f39d8;padding:0 7px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.student-access-cell button[data-copy-student-access]{border:0;background:var(--grad-blue);color:#fff}
.schedule-slot{cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.schedule-slot:hover{border-color:#bcaaff;background:#f8f4ff;box-shadow:inset 0 0 0 2px rgba(115,59,250,.06)}.schedule-event{cursor:pointer}.schedule-modal{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:20px}.schedule-modal.open{display:flex}.schedule-modal__backdrop{position:absolute;inset:0;background:rgba(5,10,41,.68);backdrop-filter:blur(8px)}.schedule-modal__dialog{position:relative;width:min(720px,100%);border:1px solid #e5dcff;border-radius:28px;background:#fff;padding:28px;box-shadow:0 30px 80px rgba(5,10,41,.32)}.schedule-modal__dialog>span{display:inline-flex;border-radius:999px;background:#fff1e6;color:#ff6b18;padding:7px 11px;font-size:12px;font-weight:900}.schedule-modal__dialog h2{margin:12px 52px 6px 0;font-size:30px}.schedule-modal__dialog>p{margin:0 0 20px;color:#626a83;line-height:1.4}.schedule-modal__close{position:absolute;right:18px;top:18px;width:42px;height:42px;border:0;border-radius:14px;background:#f3efff;color:#6d39fa;font-size:27px;line-height:1;cursor:pointer}.schedule-popup-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.schedule-popup-form label{display:grid;gap:6px;color:#626a83;font-size:12px;font-weight:900}.schedule-popup-form input,.schedule-popup-form select{width:100%;height:48px;border:1px solid #dce0eb;border-radius:14px;background:#fbfcff;color:#091136;padding:0 13px;box-sizing:border-box;outline:0;font:inherit;font-weight:800}.schedule-popup-lesson{grid-column:1/-1}.schedule-popup-status{grid-column:1/-1;min-height:18px;margin:0;color:#ff4a40;font-size:12px;font-weight:900}.schedule-popup-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:2px}.schedule-popup-actions button{height:46px;border:1px solid #c9befc;border-radius:14px;background:#fff;color:#5f39d8;padding:0 18px;font:inherit;font-weight:900;cursor:pointer}.schedule-popup-actions button[type=submit]{border:0;background:var(--grad-hot);color:#fff;min-width:170px}@media(max-width:620px){.schedule-popup-form{grid-template-columns:1fr}.schedule-popup-lesson,.schedule-popup-status,.schedule-popup-actions{grid-column:1}.schedule-popup-actions{flex-direction:column-reverse}.schedule-popup-actions button{width:100%}}
.schedule-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.schedule-week-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.schedule-week-nav button{height:42px;min-width:42px;border:1px solid #dcd4ff;border-radius:13px;background:#fff;color:#5f39d8;padding:0 13px;font:inherit;font-weight:900;cursor:pointer}.schedule-week-nav .schedule-today-button{background:#f4f1ff}.schedule-week-nav b{min-width:190px;text-align:center;font-size:15px}.schedule-admin-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);gap:16px;margin-bottom:16px}.schedule-admin-card h3{margin:0;font-size:22px}.schedule-admin-card>p{margin:6px 0 14px;color:#626a83;font-size:13px;line-height:1.4}.schedule-admin-card form{display:grid;gap:10px}.schedule-admin-card input,.schedule-admin-card select{width:100%;height:44px;border:1px solid #dce0eb;border-radius:13px;background:#fff;color:#091136;padding:0 12px;box-sizing:border-box;outline:0;font:inherit;font-weight:800}.schedule-admin-card form>button{height:44px;border:0;border-radius:13px;background:var(--grad-hot);color:#fff;padding:0 16px;font:inherit;font-weight:900;cursor:pointer}.schedule-assign-card form{grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(140px,1fr)) auto;align-items:end}.schedule-assign-card label{display:grid;gap:5px;color:#626a83;font-size:11px;font-weight:900}.schedule-assign-card form>button{white-space:nowrap}.schedule-centers-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.schedule-center-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#f4f1ff;color:#5f39d8;padding:7px 10px;font-size:12px;font-weight:900}.schedule-center-chip button{width:20px;height:20px;border:0;border-radius:50%;background:#fff;color:#ff4a40;padding:0;line-height:1;cursor:pointer}.schedule-form-status{min-height:18px!important;margin:8px 0 0!important;color:#00995f!important;font-weight:900}.schedule-week-panel{padding:14px}.schedule-week-scroll{overflow:auto}.schedule-week-grid{min-width:1160px;display:grid;grid-template-columns:82px repeat(7,minmax(145px,1fr));gap:7px}.schedule-week-corner,.schedule-day-head,.schedule-time-label,.schedule-slot{border:1px solid #e2e6ef;border-radius:14px}.schedule-week-corner,.schedule-day-head{position:sticky;top:0;z-index:2;min-height:66px;background:#f4f1ff}.schedule-week-corner{left:0;z-index:4;display:flex;align-items:center;justify-content:center;color:#5f39d8;font-size:12px;font-weight:900}.schedule-day-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#273052}.schedule-day-head b{font-size:14px}.schedule-day-head span{font-size:12px;color:#626a83;font-weight:900}.schedule-day-head.is-today{background:linear-gradient(135deg,#fff1e6,#fff0fb);border-color:#ffcfad}.schedule-time-label{position:sticky;left:0;z-index:1;min-height:94px;background:#091136;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900}.schedule-slot{min-height:94px;background:#fbfcff;padding:6px;display:flex;flex-direction:column;gap:6px}.schedule-slot.is-past{background:#f4f5f8}.schedule-event{position:relative;border:1px solid #ded4ff;border-radius:12px;background:linear-gradient(135deg,#fff,#f5f1ff);padding:8px 26px 8px 9px;box-shadow:0 5px 12px rgba(31,42,85,.07)}.schedule-event.senior{border-color:#ffd0b0;background:linear-gradient(135deg,#fff8ef,#fff1f8)}.schedule-event b,.schedule-event span,.schedule-event small{display:block}.schedule-event b{font-size:12px;line-height:1.15}.schedule-event span{margin-top:4px;color:#5f39d8;font-size:10px;font-weight:900}.schedule-event small{margin-top:3px;color:#626a83;font-size:9px;font-weight:800}.schedule-event button{position:absolute;right:5px;top:5px;width:20px;height:20px;border:0;border-radius:7px;background:#fff;color:#ff4a40;padding:0;font-size:15px;line-height:1;cursor:pointer}.schedule-slot-empty{margin:auto;color:#b0b6c6;font-weight:900}.schedule-no-lessons{grid-column:1/-1;border:1px dashed #cbbdff;border-radius:16px;background:#faf8ff;color:#626a83;padding:18px;text-align:center;font-weight:900}@media(max-width:1200px){.schedule-title-row{align-items:flex-start;flex-direction:column}.schedule-week-nav{justify-content:flex-start}.schedule-admin-grid{grid-template-columns:1fr}.schedule-assign-card form{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-assign-card form>button{grid-column:1/-1}}@media(max-width:760px){.schedule-week-nav b{order:-1;width:100%;text-align:left}.schedule-assign-card form{grid-template-columns:1fr}}
.lesson-upload-drop{min-height:112px}
.lesson-upload-drop.is-loading{opacity:.72;cursor:wait}.lesson-upload-drop.is-loading span{animation:material-upload-pulse 1s ease-in-out infinite}.lesson-material-upload-status{margin:10px 2px 0;font-size:12px;font-weight:900;line-height:1.35}.lesson-material-upload-status[data-state="loading"]{color:#6840db}.lesson-material-upload-status[data-state="success"]{color:#079766}.lesson-material-upload-status[data-state="error"]{color:#d74362}@keyframes material-upload-pulse{50%{transform:scale(.88);opacity:.65}}
.lesson-save-toast{margin:0 0 16px;border:1px solid #bfead5;border-radius:18px;background:linear-gradient(135deg,#effcf6,#f7fff9);color:#008957;padding:14px 18px;font-size:15px;font-weight:900;box-shadow:0 12px 26px rgba(0,153,95,.08)}
.lesson-save-toast[data-type="warning"]{border-color:#ffd5ae;background:linear-gradient(135deg,#fff8ee,#fffaf5);color:#ff6b18}
.lesson-save-toast[hidden]{display:none!important}
.lesson-modal-actions button[disabled]{opacity:.72;cursor:wait;transform:none!important}
.teacher-row img,.student-page-hero>img,.chat-message>img,.teacher-student-tabs img,.test-accounts img,.student-avatar-option img{border-radius:50%}
.teacher-row img{width:48px;height:48px}
.livekit-classroom{margin:0 0 16px;border:1px solid #d9dff0;border-radius:20px;background:#080d2d;padding:12px;box-shadow:0 12px 28px rgba(9,17,54,.16)}
.livekit-classroom.is-waiting{border:0;background:transparent;padding:8px 0;box-shadow:none}.livekit-waiting-message{margin:0;color:#626a83;font-size:16px;font-weight:900;text-align:left}
.livekit-view-toolbar{display:flex;justify-content:flex-end;margin:0 0 7px}.livekit-view-toolbar button{min-height:32px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(255,255,255,.09);color:#fff;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-size:10px;font-weight:900;line-height:1;cursor:pointer}.livekit-view-toolbar button:hover{background:rgba(255,255,255,.16)}.livekit-view-toolbar button span{width:9px;height:9px;flex:0 0 9px;display:block;border-top:2.5px solid currentColor;border-left:2.5px solid currentColor;box-sizing:border-box;transform:translateY(2px) rotate(45deg);transform-origin:center}.livekit-classroom.is-camera-collapsed .livekit-view-toolbar button span{transform:translateY(-2px) rotate(225deg)}.livekit-classroom.is-camera-collapsed .livekit-stage{display:none}.livekit-classroom.is-camera-collapsed .livekit-view-toolbar{margin-bottom:2px}.livekit-classroom.is-camera-collapsed .livekit-controls{margin-top:4px}.livekit-classroom.is-camera-collapsed{padding-top:8px;padding-bottom:8px}
.livekit-stage{min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));justify-content:center;align-items:center;gap:10px;padding:4px;color:#aeb7d6}
.livekit-classroom:not(.is-connected):not(.is-waiting) .livekit-stage{grid-template-columns:minmax(260px,420px);padding:8px 4px}.livekit-classroom:not(.is-connected) .livekit-controls button:not([data-livekit-connect]){display:none}.livekit-classroom:not(.is-connected) .livekit-controls [data-livekit-connect]{min-width:190px;background:var(--grad-blue);color:#fff;border:0}
.livekit-stage article{position:relative;width:100%;aspect-ratio:var(--video-aspect,16/9);overflow:hidden;border-radius:15px;background:transparent}.livekit-stage video{display:block;width:100%;height:100%;object-fit:contain;background:transparent}.livekit-stage article span{position:absolute;left:10px;bottom:9px;border-radius:999px;background:rgba(5,10,41,.75);color:#fff;padding:5px 9px;font-size:11px;font-weight:900}
.livekit-stage article.is-teacher{order:-10;z-index:1;transform:scale(1.04);transform-origin:left center}.livekit-stage article.is-student{width:92%;justify-self:center}.livekit-stage article.is-teacher span{background:linear-gradient(135deg,#7040e7,#ef3f9d);font-size:12px}.livekit-stage article.is-student span{background:rgba(5,10,41,.88)}
@media(max-width:1300px){.livekit-stage{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.livekit-stage{grid-template-columns:repeat(2,minmax(0,1fr))}.livekit-stage article.is-teacher{transform:none}}
.livekit-controls{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:12px}.livekit-controls .livekit-control{min-height:44px;border:1px solid #8060ee;border-radius:14px;background:#fff;color:#4f30bb;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.12);transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.livekit-controls .livekit-control:hover:not(:disabled){transform:translateY(-2px)}.livekit-controls .livekit-control img{width:20px;height:20px;object-fit:contain}.livekit-controls .livekit-control>span{color:inherit;font-size:inherit;font-weight:inherit}.livekit-control__symbol{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:17px!important;line-height:1}.livekit-controls .livekit-control--connect,.livekit-controls .livekit-control.is-active{border-color:transparent;background:var(--grad-blue);color:#fff}.livekit-controls .livekit-control--leave{border-color:#ffaaa5;color:#d8444d}.livekit-controls .livekit-control--media.is-off{border-color:#ff8179;background:#fff0ef;color:#c93742;opacity:1}.livekit-controls .livekit-control--media.is-off img{filter:none}.livekit-controls .livekit-control:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.livekit-controls>[data-livekit-status]{color:#ffb9b5;font-size:11px;font-weight:900}
.learning-app:not(.teacher-mode) .livekit-classroom{border:0;background:transparent;box-shadow:none;padding:8px 0 12px}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-stage{position:relative;display:block;width:min(760px,92%);min-height:330px;margin:0 auto;padding:0;overflow:visible}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-stage article{overflow:visible;background:transparent;transition:width .25s ease,transform .25s ease}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-stage article video{overflow:hidden;border-radius:15px;background:transparent}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-stage article.is-teacher{position:relative;z-index:1;width:min(680px,88%);margin:0 auto;transform:none}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-stage article.is-student{position:absolute;right:1%;bottom:0;z-index:3;width:min(230px,30%);margin:0;transform:none;box-shadow:0 14px 34px rgba(5,10,41,.28)}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected.is-student-primary .livekit-stage article.is-student{position:relative;right:auto;bottom:auto;z-index:1;width:min(680px,88%);margin:0 auto;box-shadow:none}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected.is-student-primary .livekit-stage article.is-teacher{position:absolute;right:1%;bottom:0;z-index:3;width:min(230px,30%);margin:0;box-shadow:0 14px 34px rgba(5,10,41,.28)}.livekit-tile-swap{display:none}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-stage article.is-student .livekit-tile-swap,.learning-app:not(.teacher-mode) .livekit-classroom.is-connected.is-student-primary .livekit-stage article.is-teacher .livekit-tile-swap{position:absolute;right:0;top:-40px;z-index:5;width:34px;height:34px;border:0;border-radius:11px;background:#fff;display:block;padding:0;cursor:pointer;box-shadow:0 7px 18px rgba(5,10,41,.25)}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected.is-student-primary .livekit-stage article.is-student .livekit-tile-swap{display:none}.livekit-tile-swap i{position:absolute;width:13px;height:9px;border:2px solid #6339d8;border-radius:3px;background:#fff}.livekit-tile-swap i:first-child{left:8px;top:8px}.livekit-tile-swap i:last-child{right:7px;bottom:7px}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected [data-livekit-connect]{display:none}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-controls{margin-top:14px}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected [data-livekit-mic],.learning-app:not(.teacher-mode) .livekit-classroom.is-connected [data-livekit-camera]{position:relative;width:50px;height:50px;min-height:50px;border-radius:50%;padding:0;gap:0}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected [data-livekit-mic]>span,.learning-app:not(.teacher-mode) .livekit-classroom.is-connected [data-livekit-camera]>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected [data-livekit-mic] img,.learning-app:not(.teacher-mode) .livekit-classroom.is-connected [data-livekit-camera] img{width:23px;height:23px}@media(max-width:760px){.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-stage{width:100%;min-height:250px}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-stage article.is-teacher,.learning-app:not(.teacher-mode) .livekit-classroom.is-connected.is-student-primary .livekit-stage article.is-student{width:92%}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-stage article.is-student,.learning-app:not(.teacher-mode) .livekit-classroom.is-connected.is-student-primary .livekit-stage article.is-teacher{width:32%;right:2%}}
.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-stage{width:min(340px,72%);min-height:0}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-stage article.is-teacher,.learning-app:not(.teacher-mode) .livekit-classroom.is-connected.is-student-primary .livekit-stage article.is-student{width:100%}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-stage article.is-student,.learning-app:not(.teacher-mode) .livekit-classroom.is-connected.is-student-primary .livekit-stage article.is-teacher{right:-7%;width:min(118px,35%)}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-stage article.is-student .livekit-tile-swap,.learning-app:not(.teacher-mode) .livekit-classroom.is-connected.is-student-primary .livekit-stage article.is-teacher .livekit-tile-swap{top:-31px;width:28px;height:28px;border-radius:9px}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-tile-swap i{width:11px;height:8px;border-width:1.5px}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-tile-swap i:first-child{left:6px;top:6px}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-tile-swap i:last-child{right:5px;bottom:5px}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-controls{margin-top:9px}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected [data-livekit-mic],.learning-app:not(.teacher-mode) .livekit-classroom.is-connected [data-livekit-camera]{width:42px;height:42px;min-height:42px}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected [data-livekit-mic] img,.learning-app:not(.teacher-mode) .livekit-classroom.is-connected [data-livekit-camera] img{width:19px;height:19px}@media(max-width:760px){.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-stage{width:min(320px,88%);min-height:0}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-stage article.is-teacher,.learning-app:not(.teacher-mode) .livekit-classroom.is-connected.is-student-primary .livekit-stage article.is-student{width:100%}.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-stage article.is-student,.learning-app:not(.teacher-mode) .livekit-classroom.is-connected.is-student-primary .livekit-stage article.is-teacher{right:-4%;width:34%}}
.livekit-stage article.is-camera-off{background:#02040f!important}.livekit-stage article.is-camera-off video{display:none!important}.livekit-stage article.is-camera-off:after{content:"Камера выключена";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9ba5c7;font-size:11px;font-weight:900;text-align:center;padding:18px;box-sizing:border-box}.livekit-stage article.is-camera-off>span{z-index:2}.livekit-stage article.is-camera-off .livekit-tile-swap{z-index:5}
.student-mini img{width:100%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover}
.student-avatar-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:2px 0;padding:0;border:0}.student-avatar-picker legend{grid-column:1/-1;margin-bottom:6px;color:#626a83;font-size:12px;font-weight:900}.teacher-form .student-avatar-option{position:relative;display:grid;grid-template-columns:58px 1fr;align-items:center;gap:10px;min-height:72px;padding:7px;border:2px solid #e3e6f0;border-radius:16px;background:#fff;color:#091136;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.student-avatar-option input{position:absolute;opacity:0;pointer-events:none}.student-avatar-option img{width:58px;height:58px;border-radius:13px;object-fit:cover}.student-avatar-option span{font-size:13px;font-weight:900}.student-avatar-option:has(input:checked){border-color:#7a48ff;background:#f7f3ff;box-shadow:0 7px 18px rgba(115,59,250,.12)}
.student-avatar-option img{border-radius:50%}
.api-service-mark img{width:30px;height:30px;display:block;object-fit:contain}.api-balance-card.openai .api-service-mark img{filter:invert(1)}
.api-balance-card.kling .api-service-mark{background:#050505}.api-balance-card.suno .api-service-mark{background:#fff;box-shadow:inset 0 0 0 1px #e4e7f0}
.api-balance-panel{margin-top:18px}.api-balance-panel .panel-head{align-items:flex-start}.api-balance-panel .panel-head h2{font-size:24px}.api-balance-panel .panel-head p{margin:5px 0 0;color:#626a83;font-size:13px}.api-balance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.api-balance-card{min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid #e4e7f0;border-radius:18px;background:linear-gradient(135deg,#fff,#f8f9fd);padding:14px}.api-service-mark{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#091136;color:#fff;font-size:16px;font-weight:900}.api-balance-card.kling .api-service-mark{background:linear-gradient(135deg,#182238,#69768d)}.api-balance-card.heygen .api-service-mark{background:linear-gradient(135deg,#6457ff,#ad55f2)}.api-balance-card.suno .api-service-mark{background:linear-gradient(135deg,#ff6b18,#ef4fc1)}.api-balance-card small,.api-balance-card strong,.api-balance-card span{display:block;min-width:0}.api-balance-card small{color:#626a83;font-size:11px;font-weight:900}.api-balance-card strong{margin:2px 0;color:#091136;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.api-balance-card span{color:#8a91a5;font-size:9px;font-weight:800;line-height:1.25}.api-balance-card em{border-radius:999px;background:#f1f2f6;color:#8a91a5;padding:6px 9px;font-style:normal;font-size:11px;font-weight:900}@media(max-width:1200px){.api-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.api-balance-grid{grid-template-columns:1fr}}
.api-balance-card.kling .api-service-mark{background:#000!important}.api-balance-card.suno .api-service-mark{background:#fff!important;box-shadow:inset 0 0 0 1px #e4e7f0}.api-balance-card.suno .api-service-mark img{filter:none}
.api-balance-card.connected{border-color:#a8e6ca;background:linear-gradient(135deg,#fff,#f0fff8)}.api-balance-card.connected em{background:#dff8ec;color:#008957}.openai-settings-card{display:grid;gap:16px}.openai-settings-head{display:flex;align-items:center;gap:13px}.openai-settings-head img{width:48px;height:48px;border-radius:15px;background:#091136;padding:10px;box-sizing:border-box;filter:invert(1)}.openai-settings-head h2{margin:0}.openai-settings-head p{margin:4px 0 0;color:#008957;font-size:13px;font-weight:900}.openai-settings-card form{display:grid;gap:10px}.openai-settings-card label{display:grid;gap:6px;color:#626a83;font-size:12px;font-weight:900}.openai-settings-card textarea{width:100%;min-height:110px;resize:vertical;border:1px solid #dce0eb;border-radius:15px;background:#fbfcff;color:#091136;padding:13px;box-sizing:border-box;font:inherit;line-height:1.4;outline:0}.openai-settings-card form button{height:48px;border:0;border-radius:14px;background:var(--grad-hot);color:#fff;font:inherit;font-weight:900;cursor:pointer}.openai-settings-card form button[disabled]{opacity:.65;cursor:wait}.openai-test-result{border:1px solid #cdebdc;border-radius:16px;background:#f3fff9;color:#273052;padding:14px;white-space:pre-wrap;line-height:1.5}.openai-test-result.error{border-color:#ffd0d0;background:#fff7f7;color:#d83d36}.openai-settings-card>small{color:#7d8498;font-weight:800}
.openai-budget-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.openai-budget-summary div{border:1px solid #e5e8f0;border-radius:16px;background:#fbfcff;padding:12px}.openai-budget-summary small,.openai-budget-summary strong{display:block}.openai-budget-summary small{min-height:30px;color:#737b90;font-size:10px;font-weight:900;line-height:1.25}.openai-budget-summary strong{margin-top:5px;color:#091136;font-size:21px}.openai-budget-summary div:last-child{border-color:#bfead5;background:#f2fff8}.openai-budget-summary div:last-child strong{color:#008957}.openai-budget-form{grid-template-columns:minmax(0,1fr) auto!important;align-items:end}.openai-budget-form input{width:100%;height:46px;border:1px solid #dce0eb;border-radius:14px;background:#fff;color:#091136;padding:0 13px;box-sizing:border-box;font:inherit;font-weight:900}.openai-budget-form button{padding:0 18px}@media(max-width:620px){.openai-budget-summary{grid-template-columns:1fr}.openai-budget-form{grid-template-columns:1fr!important}}
.openai-settings-card.panel{padding:14px 16px;gap:9px}.openai-settings-head{gap:10px}.openai-settings-head img{width:38px;height:38px;border-radius:12px;padding:8px}.openai-settings-head h2{font-size:20px}.openai-settings-head p{margin-top:2px;font-size:11px}.openai-budget-summary{gap:7px}.openai-budget-summary div{min-height:58px;border-radius:13px;padding:7px 10px}.openai-budget-summary small{min-height:0;font-size:9px}.openai-budget-summary strong{margin-top:2px;font-size:17px}.openai-settings-card form{gap:5px}.openai-settings-card label{gap:4px;font-size:10px}.openai-budget-form input{height:38px;border-radius:11px;padding:0 11px;font-size:12px}.openai-settings-card form button{height:38px;border-radius:11px;font-size:12px}.openai-settings-card form[data-openai-test-form]{grid-template-columns:minmax(0,1fr) 190px;align-items:end}.openai-settings-card textarea{height:62px;min-height:62px;border-radius:11px;padding:8px 10px;font-size:12px;line-height:1.3}.openai-settings-card>small{font-size:9px}.openai-test-result{border-radius:12px;padding:9px;font-size:11px;line-height:1.35}@media(max-width:700px){.openai-settings-card form[data-openai-test-form]{grid-template-columns:1fr}.openai-settings-card form[data-openai-test-form] button{height:38px}}
.openai-settings-head{justify-content:flex-start}.openai-settings-head .openai-budget-form{width:min(520px,55%);margin-left:auto}.openai-budget-summary div{min-height:48px;padding:6px 10px}.openai-budget-summary strong{font-size:16px}@media(max-width:760px){.openai-settings-head{flex-wrap:wrap}.openai-settings-head .openai-budget-form{width:100%;margin-left:0}.openai-settings-head .openai-budget-form label{min-width:0}}
.teacher-script-panel{display:flex;flex-direction:column}.teacher-script-panel>.teacher-generation-panel,.teacher-script-panel>.teacher-project-panel{flex:0 0 auto;min-width:0}.teacher-script-panel>.teacher-script-scroll{flex:1 1 auto;min-height:0}.teacher-generation-panel{display:grid;gap:10px;border:1px solid #d9cdfd;border-radius:18px;background:linear-gradient(135deg,#faf7ff,#fff7ef);padding:14px}.teacher-generation-panel[hidden]{display:none}.generation-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.generation-panel-head small{color:#6d39fa;font-weight:900}.generation-panel-head h3{margin:1px 0 0;font-size:18px}.generation-panel-head>span{border-radius:999px;background:#f1eff7;color:#747b90;padding:7px 10px;font-size:11px;font-weight:900}.teacher-generation-panel.is-open .generation-panel-head>span{background:#dff8ec;color:#008957}.teacher-generation-panel>p{margin:0;color:#626a83;font-size:12px;line-height:1.35}.teacher-generation-panel>button{height:42px;border:0;border-radius:13px;background:var(--grad-hot);color:#fff;font:inherit;font-size:13px;font-weight:900;cursor:pointer}.teacher-generation-panel.is-open>button{background:#091136}.generation-review-queue{display:grid;gap:10px;max-height:390px;overflow:auto}.generation-review-empty{margin:3px 0!important;text-align:center}.generation-review-card{display:grid;gap:8px;border:1px solid #e3e6ef;border-radius:15px;background:#fff;padding:10px}.generation-review-card header{display:flex;justify-content:space-between;gap:8px}.generation-review-card header b{font-size:13px}.generation-review-card header small{color:#6d39fa;font-weight:900}.generation-review-card p{margin:0;color:#273052;font-size:12px;line-height:1.35}.generation-review-card img{width:100%;max-height:240px;border-radius:12px;object-fit:contain;background:#f1f3f8}.generation-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.generation-review-actions button{height:38px;border:0;border-radius:11px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.generation-approve{background:#12c48b;color:#fff}.generation-reject{background:#fff1f1;color:#e34242}.generation-reviewed{color:#737b90;font-size:12px;font-weight:900}
.student-generation-panel{display:grid;gap:6px;border:1px solid #bca5ff;border-radius:14px;background:linear-gradient(120deg,#eee7ff 0%,#f7e8ff 48%,#ffecdc 100%);padding:8px;box-shadow:0 8px 20px rgba(115,59,250,.14)}.student-generation-panel[hidden]{display:none}.student-generation-title{color:#4f27c8;font-size:13px;font-weight:900;line-height:1.1}.student-generation-panel form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.student-generation-panel textarea{height:46px;min-height:46px;resize:none;border:1px solid #cbbaff;border-radius:11px;background:rgba(255,255,255,.94);color:#091136;padding:7px 10px;font:inherit;font-size:13px;line-height:1.25;box-shadow:inset 0 1px 3px rgba(115,59,250,.06)}.student-generation-panel form button{min-width:136px;border:0;border-radius:11px;background:var(--grad-hot);color:#fff;font:inherit;font-size:13px;font-weight:900;cursor:pointer}.student-generation-panel form button[disabled]{opacity:.6;cursor:wait}.student-generation-panel>p{margin:0;color:#626a83;font-size:11px;font-weight:900;line-height:1.2}.student-generation-panel>p:empty{display:none}.student-generation-panel>p.success{color:#008957}.student-generation-panel>p.error{color:#e34242}@media(max-width:700px){.student-generation-panel form{grid-template-columns:1fr}.student-generation-panel form button{height:40px}}
.teacher-generation-panel{max-height:370px;overflow:hidden}.generation-queue-filters{display:flex;gap:6px;overflow-x:auto}.generation-queue-filters button{height:31px;border:1px solid #e1d9fb;border-radius:999px;background:#fff;color:#626a83;padding:0 10px;font:inherit;font-size:10px;font-weight:900;white-space:nowrap;cursor:pointer}.generation-queue-filters button.active{border-color:#7548fb;background:#7548fb;color:#fff}.generation-queue-filters span{display:inline-flex;min-width:17px;height:17px;align-items:center;justify-content:center;margin-left:3px;border-radius:999px;background:#f1eff7;color:#5f39d8;font-size:9px}.generation-queue-filters button.active span{background:rgba(255,255,255,.22);color:#fff}.generation-review-queue{min-height:48px;max-height:214px;padding-right:4px}.generation-review-card{grid-template-columns:76px minmax(0,1fr);align-items:start;gap:10px;padding:8px}.generation-preview{width:76px;height:76px;border:0;border-radius:12px;background:#eef1f7;padding:0;overflow:hidden;cursor:pointer}.generation-review-card .generation-preview img{width:100%;height:100%;max-height:none;border-radius:0;object-fit:cover}.generation-placeholder{display:flex;align-items:center;justify-content:center;color:#8a91a5;font-size:24px;font-weight:900;cursor:default}.generation-review-info{min-width:0;display:grid;gap:5px}.generation-review-card header{align-items:center}.generation-review-card header b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generation-review-card header small{flex:0 0 auto;border-radius:999px;background:#f2efff;color:#6840db;padding:4px 7px;font-size:9px}.generation-review-card header small[data-status="approved"]{background:#dff8ec;color:#008957}.generation-review-card header small[data-status="rejected"],.generation-review-card header small[data-status="failed"]{background:#fff0f0;color:#d94343}.generation-review-card details{min-width:0}.generation-review-card summary{display:-webkit-box;overflow:hidden;color:#273052;font-size:11px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2;cursor:pointer;list-style:none}.generation-review-card summary::-webkit-details-marker{display:none}.generation-review-card details>p{margin:5px 0 0;border-radius:9px;background:#f6f7fb;padding:7px;font-size:11px}.generation-review-actions{display:flex;grid-template-columns:none;gap:5px}.generation-review-actions button{height:30px;padding:0 10px;font-size:10px}.generation-reviewed{font-size:10px}.generation-review-empty{display:flex;min-height:44px;align-items:center;justify-content:center;color:#8a91a5;font-size:11px}.teacher-script-panel{gap:10px}.teacher-script-scroll{border-top:1px solid #eceef4;padding-top:10px}
.teacher-generation-panel:not(.has-visible-requests){gap:7px;padding:11px 13px}.teacher-generation-panel:not(.has-visible-requests) .generation-panel-head h3{font-size:16px}.teacher-generation-panel:not(.has-visible-requests)>p{display:none}.teacher-generation-panel:not(.has-visible-requests)>button{height:36px}.generation-review-queue[hidden]{display:none}.teacher-generation-panel:not(.has-visible-requests)+.teacher-script-scroll{padding-top:7px}
.generation-panel-head{align-items:flex-start}.generation-brand{display:flex;align-items:center;gap:7px}.generation-brand>span{border-radius:999px;background:#f1eff7;color:#747b90;padding:4px 7px;font-size:9px;font-weight:900}.teacher-generation-panel.is-open .generation-brand>span{background:#dff8ec;color:#008957}.generation-panel-head>span{display:none}.generation-panel-head>button{height:34px;border:0;border-radius:11px;background:var(--grad-hot);color:#fff;padding:0 12px;font:inherit;font-size:10px;font-weight:900;white-space:nowrap;cursor:pointer}.teacher-generation-panel.is-open .generation-panel-head>button{background:#091136}.teacher-generation-panel:not(.has-visible-requests){padding:10px 12px}.teacher-generation-panel:not(.has-visible-requests) .generation-panel-head h3{margin-top:3px}.teacher-generation-panel:not(.has-visible-requests)>button{display:none}
.generation-services{display:flex;align-items:center;gap:5px}.generation-services small{border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900}.generation-services small[data-service="chatgpt"]{background:#efe8ff;color:#6d39fa}.generation-services small[data-service="kling"]{background:#e4e5e8;color:#30343b}.teacher-kling-runtime{display:flex;flex-wrap:wrap;align-items:center;gap:5px;border:1px solid #d4d6db;border-radius:11px;background:#f2f3f5;padding:7px 8px}.teacher-kling-runtime[hidden]{display:none}.teacher-kling-runtime b,.teacher-kling-runtime span{border-radius:999px;background:#fff;padding:4px 7px;color:#444a54;font-size:9px;font-weight:900}.teacher-kling-runtime b{background:#30343b;color:#fff}
.student-history-work button{width:100%;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;border:1px solid #e3e7f0;border-radius:16px;background:#fff;padding:9px;color:#091136;text-align:left;cursor:pointer}.student-history-work img{width:92px;height:74px;border-radius:12px;object-fit:cover}.student-history-work span b,.student-history-work span small{display:block}.student-history-work span small{margin-top:4px;color:#737b90;font-size:11px}.student-history-work.mini button{grid-template-columns:62px minmax(0,1fr)}.student-history-work.mini img{width:62px;height:54px}.student-works:has(.student-history-work){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mini-works:has(.student-history-work){grid-template-columns:1fr}@media(max-width:850px){.student-works:has(.student-history-work){grid-template-columns:1fr}}
#works .student-works:has(.student-history-work){grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.student-works .student-history-work>button{width:100%;height:auto;min-width:0;margin:0;padding:0;display:block;border:0;border-radius:0;background:#fff;color:#091136;text-align:left;overflow:hidden}.student-works .student-history-work>button:before{display:none;content:none}.student-works .student-history-work>button>img{width:100%;height:auto;aspect-ratio:1;display:block;border-radius:0;object-fit:cover}.student-works .student-history-work>button>span{display:block;padding:13px 14px 14px}.student-works .student-history-work>button b{font-size:15px}.student-works .student-history-work>button small{min-height:32px;margin-top:5px;display:-webkit-box;overflow:hidden;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.student-works .student-history-work>button em{display:inline-flex;height:32px;align-items:center;margin-top:10px;border-radius:10px;background:linear-gradient(135deg,#733bfa,#368bff);color:#fff;padding:0 13px;font-style:normal;font-size:11px;font-weight:900}.student-lessons-history .lesson-line:not(.head){min-height:58px}.student-lessons-history .lesson-line span:last-child{font-weight:900;color:#5f39d8}@media(max-width:1150px){#works .student-works:has(.student-history-work){grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){#works .student-works:has(.student-history-work){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){#works .student-works:has(.student-history-work){grid-template-columns:1fr}}
#works .student-works:has(.student-history-work){grid-template-columns:repeat(auto-fill,minmax(220px,280px));justify-content:start;align-items:start}#works .student-works .student-history-work>button{height:auto!important;min-height:0!important;margin:0!important;padding:0!important}#works .student-works .student-history-work>button>img{height:auto!important;aspect-ratio:1;object-fit:cover}#works .student-works .student-history-work>button>span{display:block!important}#works .student-works .student-history-work>button em{display:inline-flex!important}
#works .student-works:has(.student-history-work){grid-template-columns:repeat(auto-fill,minmax(300px,380px));gap:18px}#works .student-history-work{border-radius:18px;box-shadow:0 10px 24px rgba(31,42,85,.07)}#works .student-works .student-history-work>button>span{padding:12px 13px 13px!important}#works .student-works .student-history-work>button b{font-size:15px;font-weight:900}#works .student-works .student-history-work>button small{min-height:0;margin-top:4px;font-size:10px;font-weight:800}#works .student-works .student-history-work>button em{height:30px;margin-top:9px;padding:0 11px;border-radius:9px;font-size:10px}
.mini-works:has(.student-history-work){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-works .student-history-work.mini>button{width:100%;height:88px!important;min-width:0;margin:0!important;padding:8px!important;display:grid!important;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:11px;border:1px solid #e3e7f0;border-radius:15px;background:#fff;overflow:hidden}.mini-works .student-history-work.mini>button:before{display:none;content:none}.mini-works .student-history-work.mini>button>img{width:72px!important;height:72px!important;aspect-ratio:1;border-radius:11px!important;object-fit:cover}.mini-works .student-history-work.mini>button>span{min-width:0;padding:0!important}.mini-works .student-history-work.mini>button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.mini-works .student-history-work.mini>button small,.mini-works .student-history-work.mini>button em{display:none!important}@media(max-width:1050px){.mini-works:has(.student-history-work){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.mini-works:has(.student-history-work){grid-template-columns:1fr}}
.mini-works:has(.student-work-card){grid-template-columns:repeat(auto-fill,minmax(300px,380px));justify-content:start;align-items:start;gap:18px}.mini-works .student-work-card{width:100%;border-radius:18px}.mini-works .student-work-card>.student-work-preview{height:auto!important}.mini-works .student-work-card>.student-work-preview img{width:100%!important;height:auto!important;aspect-ratio:1;border-radius:0!important}.mini-works .student-work-card .student-work-copy{padding:12px 13px 13px!important}.mini-works .student-work-card .student-work-actions{display:flex!important}@media(max-width:520px){.mini-works:has(.student-work-card){grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){#works .student-works:has(.student-history-work){grid-template-columns:minmax(0,1fr)}}
.student-menu{min-height:100%}
.teacher-home-grid>.panel>.panel-head h2{margin:0;color:#091136;font-size:24px;line-height:1.15}
.schedule-popup-actions .schedule-start-button{border:0;background:linear-gradient(90deg,#733bfa,#338cff);color:#fff}
.teacher-home-next{margin-top:16px;padding-top:13px;border-top:1px solid #e1e5ee}.teacher-home-next h3{margin:0 0 8px;color:#091136;font-size:14px}.teacher-home-next>button{width:100%;min-height:54px;margin-top:7px;border:1px solid #e1e5ee;border-radius:13px;background:rgba(255,255,255,.78);display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;color:#091136;text-align:left;cursor:pointer}.teacher-home-next time b,.teacher-home-next time span,.teacher-home-next>button>span b,.teacher-home-next>button>span small{display:block}.teacher-home-next time b{font-size:10px}.teacher-home-next time span{margin-top:2px;color:#6d39fa;font-size:11px;font-weight:900}.teacher-home-next>button>span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.teacher-home-next>button>span small{margin-top:2px;color:#737b90;font-size:9px;font-weight:800}.teacher-home-next>p{margin:0;color:#8a91a5;font-size:12px}
.upcoming-list>.student-week-schedule{display:grid;gap:9px;border:0;border-radius:0;background:transparent;padding:0}.student-upcoming-card{min-height:72px!important;display:grid!important;grid-template-columns:125px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid #e2e6f0!important;border-radius:15px!important;background:linear-gradient(135deg,#fff,#f7f4ff)!important;padding:11px 13px!important}.student-upcoming-card time b,.student-upcoming-card time span,.student-upcoming-card div b,.student-upcoming-card div small{display:block}.student-upcoming-card time b{font-size:13px}.student-upcoming-card time span{margin-top:3px;color:#6d39fa;font-size:12px;font-weight:900}.student-upcoming-card div b{font-size:14px}.student-upcoming-card div small{margin-top:4px;color:#737b90;font-size:11px;font-weight:800}.student-upcoming-card>span{border-radius:999px;background:#eee9ff;color:#6737e8;padding:6px 9px;font-size:10px;font-weight:900}.upcoming-list .student-schedule-empty{margin:0;border:1px dashed #d9ddeb;border-radius:14px;padding:14px;color:#737b90;font-size:13px}.current-lesson-card[hidden]{display:none!important}
@media(max-width:760px){.student-upcoming-card{grid-template-columns:1fr}.student-upcoming-card>span{justify-self:start}}
.student-upcoming-card{grid-template-columns:125px minmax(0,1fr)}
@media(max-width:760px){.student-upcoming-card{grid-template-columns:1fr}}
.student-menu .session-chat-menu{position:relative;margin-top:auto;min-height:62px;height:62px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(100deg,#ff8712,#ff4a40 48%,#ef4fc1);box-shadow:0 12px 28px rgba(239,79,193,.3)}
.student-menu .session-chat-menu:before{content:"";position:absolute;left:4px;right:4px;top:-16px;height:1px;background:rgba(255,255,255,.26)}
.student-menu .session-chat-menu:hover,.student-menu .session-chat-menu.active{background:linear-gradient(100deg,#ff7112,#ff3e50 48%,#d83eff);box-shadow:0 14px 30px rgba(239,79,193,.42);transform:translateY(-1px)}
.schedule-student-picker{grid-column:1/-1;min-width:0;margin:2px 0 0;padding:12px;border:1px solid #e0d8ff;border-radius:16px;background:#faf8ff;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.schedule-student-picker legend{padding:0 6px;color:#273052;font-size:12px;font-weight:900}.schedule-student-picker legend button{margin-left:8px;border:0;background:transparent;color:#6d39fa;font-size:11px;font-weight:900;cursor:pointer}
.schedule-student-picker label{min-height:42px!important;display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;border:1px solid #e5e1f3;border-radius:13px;background:#fff;padding:6px 10px;color:#091136!important;cursor:pointer}
.schedule-student-picker label>span{display:flex;min-width:0;flex-direction:column;gap:1px}.schedule-student-picker label>span b{font-size:12px;line-height:1.2}.schedule-student-picker label>span small{max-width:180px;overflow:hidden;color:#737b90;font-size:9px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.schedule-student-picker [data-toggle-schedule-students]{margin-left:10px!important;color:#ff5b55!important}.schedule-student-picker [data-toggle-schedule-students][hidden]{display:none!important}
.schedule-student-list{width:100%;max-height:142px;display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));align-content:start;gap:8px;overflow:hidden;box-sizing:border-box}.schedule-student-list.is-expanded{max-height:250px;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-width:thin;scrollbar-color:#b8a6f7 transparent}.schedule-student-list>p{grid-column:1/-1}
.schedule-student-picker label:has(input:checked){border-color:#9f85ff;background:#f2edff;box-shadow:0 5px 12px rgba(115,59,250,.1)}.schedule-student-picker input{width:16px!important;height:16px!important;accent-color:#733bfa}.schedule-student-picker img{width:30px;height:30px;border-radius:9px;object-fit:cover}.schedule-student-picker p{width:100%;margin:0;color:#737b90;font-size:12px}
.schedule-popup-students{grid-column:1/-1}.upcoming-lesson-line{background:linear-gradient(90deg,#fff8ed,#fff4fb)}.upcoming-lesson-line small{display:block;margin-top:3px;color:#737b90;font-size:11px}.upcoming-lesson-line span:last-child{color:#ff681d!important}
@media(max-width:1200px){.student-menu .session-chat-menu{margin-top:auto}.schedule-student-picker label{font-size:12px!important}}
@media(max-width:1200px){.schedule-student-list{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media(max-width:760px){.student-menu .session-chat-menu{grid-column:1/-1;margin-top:10px}.student-menu .session-chat-menu:before{top:-7px}.schedule-student-picker{grid-column:1}.schedule-student-list{grid-template-columns:1fr}.schedule-student-picker legend button{margin-left:5px;font-size:10px}}
[data-student-home-lessons] .lesson-line:not(.head){min-height:58px}[data-student-home-lessons] .lesson-line span:last-child{color:#5f39d8;font-weight:900;white-space:nowrap}
.student-works .student-work-card>.student-work-preview{width:100%;height:auto!important;min-width:0;margin:0!important;padding:0!important;display:block;border:0;border-radius:0;background:#eef1f7;overflow:hidden}.student-works .student-work-card>.student-work-preview:before{display:none;content:none}.student-works .student-work-card>.student-work-preview img{width:100%;height:auto;aspect-ratio:1;display:block;object-fit:cover}.student-work-copy{padding:12px 13px 13px}.student-work-copy>b,.student-work-copy>small{display:block}.student-work-copy>b{font-size:15px}.student-work-copy>small{margin-top:4px;color:#737b90;font-size:10px;font-weight:800}.student-work-actions{display:flex;gap:7px;margin-top:10px}.student-works .student-work-actions>button,.student-work-actions>a{height:32px;min-width:0;margin:0;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:linear-gradient(135deg,#733bfa,#368bff);color:#fff;text-decoration:none;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.student-works .student-work-actions>button:before{display:none;content:none}.student-work-actions>a{border:1px solid #cfc3ff;background:#fff;color:#6840db}
.teacher-student-history-work{min-width:0}.student-works .teacher-student-history-work>button{width:100%;height:auto;min-width:0;margin:0;padding:0;display:block;border:0;border-radius:0;background:#fff;color:#091136;text-align:left;overflow:hidden}.student-works .teacher-student-history-work>button:before{display:none;content:none}.student-works .teacher-student-history-work img{width:100%;height:auto;aspect-ratio:1;display:block;border-radius:0;object-fit:cover}.student-works .teacher-student-history-work span{display:block;padding:10px 11px 12px}.student-works .teacher-student-history-work b,.student-works .teacher-student-history-work small{display:block}.student-works .teacher-student-history-work small{margin-top:4px;color:#737b90;font-size:10px;line-height:1.3}.student-works .teacher-student-history-work em{display:inline-flex;height:29px;align-items:center;margin-top:8px;border-radius:9px;background:linear-gradient(135deg,#733bfa,#368bff);color:#fff;padding:0 11px;font-style:normal;font-size:10px;font-weight:900}.student-page-tab [data-teacher-student-history] .lesson-line{grid-template-columns:1.5fr .8fr .45fr}.student-page-tab [data-teacher-student-history] .lesson-line span:last-child{color:#5f39d8;font-weight:900}
.student-work-actions,.mini-works .student-work-card .student-work-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.student-works .student-work-actions>button,.student-work-actions>a{width:100%!important;min-width:0!important;box-sizing:border-box;margin:0!important}
.student-project-work-preview{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#111a45,#6f45ed);color:#fff;text-align:center;padding:18px;box-sizing:border-box}.student-project-work-preview span{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#ff7b18,#ef42ad);font:900 22px/1 ui-monospace,monospace;box-shadow:0 10px 25px #070c273d}.student-project-work-preview b{font-size:17px}.student-project-work-preview small{max-width:180px;color:#dfe6ff;font-size:11px;line-height:1.35}
.student-work-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.student-work-filters button{min-height:34px;border:1px solid #ddd5fa;border-radius:999px;background:#fff;color:#6e7390;padding:0 13px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.student-work-filters button.active{border-color:#7143ee;background:linear-gradient(135deg,#7143ee,#a441e7);color:#fff;box-shadow:0 5px 14px rgba(103,56,219,.2)}.student-project-live-preview{position:relative;overflow:hidden;padding:0!important;background:#fff!important}.student-project-live-preview iframe{position:absolute;left:0;top:0;width:400%;height:400%;border:0;background:#fff;transform:scale(.25);transform-origin:0 0;pointer-events:none}.student-project-live-preview>span{position:absolute!important;left:50%;bottom:13px;width:auto!important;height:30px!important;transform:translateX(-50%);display:flex!important;align-items:center!important;border-radius:999px!important;background:rgba(77,40,181,.9)!important;color:#fff!important;padding:0 13px!important;font:900 9px/1 inherit!important;white-space:nowrap;box-shadow:0 6px 18px rgba(34,20,80,.25)!important}.student-project-work .student-work-preview:hover .student-project-live-preview>span{background:#703fe8!important}
.teacher-project-work-preview{width:100%;aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(145deg,#111a45,#6f45ed);color:#fff;font:900 28px/1 ui-monospace,monospace}
.teacher-home-grid .teacher-home-applications-panel{grid-column:1/-1;min-height:0;background:linear-gradient(135deg,#fff,#fff7ef)}.teacher-home-applications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.teacher-application-card{border:1px solid #e3e6ee;border-radius:15px;background:rgba(255,255,255,.82);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 14px}.teacher-application-card b,.teacher-application-card small,.teacher-application-card span{display:block}.teacher-application-card h3{margin:0 0 5px;font-size:15px}.teacher-application-card p{margin:3px 0;color:#626a83;font-size:12px}.teacher-application-card small{margin-top:6px;color:#8a91a5;font-size:10px}.teacher-application-card>span{align-self:start;border-radius:999px;background:#fff0e4;color:#ff681d;padding:6px 9px;font-size:10px;font-weight:900}.teacher-application-card.lesson>span{background:#eee9ff;color:#6737e8}.teacher-home-applications-empty{grid-column:1/-1;margin:0;color:#737b90;font-size:13px}@media(max-width:850px){.teacher-home-applications{grid-template-columns:1fr}}
.schedule-week-nav-inline{justify-content:flex-start;margin:0 0 12px;padding:2px 2px 12px;border-bottom:1px solid #e4e7ef}.schedule-week-nav-inline b{margin:0 8px}.schedule-week-nav-inline button:last-child{margin-left:0}
.schedule-week-grid{min-width:1040px;grid-template-columns:68px repeat(7,minmax(128px,1fr));gap:4px}.schedule-week-corner,.schedule-day-head,.schedule-time-label,.schedule-slot{border-radius:11px}.schedule-time-label,.schedule-slot{min-height:84px}.schedule-slot{padding:4px;gap:4px}.schedule-event{border-radius:10px;padding:6px 23px 6px 7px}.schedule-event b{font-size:11px}.schedule-event span{margin-top:3px;font-size:9px}.schedule-event small{margin-top:2px;font-size:8px}

/* Форматы занятий в шахматке */
.schedule-popup-form [hidden],.schedule-assign-card [hidden]{display:none!important}
.schedule-format-legend{display:flex;justify-content:flex-end;gap:8px;margin:8px 0 12px}.schedule-format-legend span{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900}.schedule-format-legend span::before{content:"";width:10px;height:10px;border-radius:50%}.schedule-format-legend .is-offline{background:#f0eaff;color:#6038c9}.schedule-format-legend .is-offline::before{background:#7a4bea}.schedule-format-legend .is-online{background:#fff6ce;color:#7b6412}.schedule-format-legend .is-online::before{background:#f1c83b}.schedule-event.is-offline{border-color:#bba6ff;background:linear-gradient(135deg,#f7f3ff,#e9dfff);box-shadow:0 5px 12px rgba(96,56,201,.12)}.schedule-event.is-offline span{color:#6038c9}.schedule-event.is-online{border-color:#ead37a;background:linear-gradient(135deg,#fffdf0,#fff2b8);box-shadow:0 5px 12px rgba(179,139,0,.12)}.schedule-event.is-online span{color:#80660a}.schedule-event.is-online small{color:#715d16}.schedule-assign-card form{grid-template-columns:minmax(210px,1.4fr) repeat(5,minmax(110px,1fr)) auto}
@media(max-width:1200px){.schedule-assign-card form{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-assign-card form>button{grid-column:1/-1}.schedule-format-legend{justify-content:flex-start}}
@media(max-width:760px){.schedule-assign-card form{grid-template-columns:1fr}}
.schedule-admin-grid{align-items:start}.schedule-admin-card{padding:15px!important}.schedule-admin-card h3{font-size:19px}.schedule-admin-card form{gap:7px}.schedule-assign-card form{row-gap:8px}.schedule-student-picker{padding:8px;min-height:58px}.schedule-student-picker label{min-height:36px!important;padding:4px 8px}.schedule-student-picker img{width:26px;height:26px}.schedule-centers-list{margin-top:8px}.schedule-center-chip{padding:5px 8px}.schedule-form-status{margin:3px 0 0!important;min-height:12px!important}
.student-generation-panel form{grid-template-columns:minmax(0,1fr) 42px 136px}.generation-reference-button{min-width:0!important;width:42px;height:46px;min-height:46px;border:1px solid #d8ddea!important;border-radius:11px!important;background:#fff!important;color:#6737e8!important;display:flex;align-items:center;justify-content:center;padding:0!important;font-size:19px!important;cursor:pointer}.generation-reference-preview{grid-column:1/-1;min-height:46px;display:grid!important;grid-template-columns:36px minmax(0,1fr) 28px;align-items:center;gap:7px;border:1px solid #ddd5fa;border-radius:11px;background:#fff;padding:4px 6px}.generation-reference-preview[hidden]{display:none!important}.generation-reference-preview img{width:36px!important;height:36px!important;border-radius:7px!important;object-fit:cover!important;padding:0!important;filter:none!important}.generation-reference-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900}.generation-reference-preview button{min-width:0!important;width:28px;height:28px!important;border:0!important;border-radius:8px!important;background:#fff0f0!important;color:#e34242!important;padding:0!important}.student-materials-panel{display:grid;gap:14px}.student-material-upload{min-height:130px;border:2px dashed #cbbdff;border-radius:20px;background:#faf8ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;color:#5f39d8;cursor:pointer}.student-material-upload input{position:absolute;opacity:0;pointer-events:none}.student-material-upload>span{font-size:30px}.student-material-upload small{color:#737b90}.student-material-status{min-height:18px;margin:0;color:#5f39d8;font-size:12px;font-weight:900}.student-material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.student-material-card{border:1px solid #e1e5ee;border-radius:18px;background:#fff;overflow:hidden}.student-material-card>img{width:100%;aspect-ratio:1;display:block;object-fit:cover}.student-material-card>div{padding:10px}.student-material-card b,.student-material-card small{display:block}.student-material-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.student-material-card small{margin-top:3px;color:#8a91a5;font-size:10px}.student-material-card button{height:32px;margin-top:8px;border:1px solid #ffd0d0;border-radius:9px;background:#fff;color:#d94343;padding:0 11px;font-size:10px;font-weight:900;cursor:pointer}.student-material-empty{grid-column:1/-1;color:#737b90}.student-material-picker{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.student-material-picker[hidden]{display:none}.student-material-picker__backdrop{position:absolute;inset:0;background:rgba(5,10,41,.68);backdrop-filter:blur(7px)}.student-material-picker>article{position:relative;width:min(760px,94vw);max-height:82vh;overflow:auto;border-radius:24px;background:#fff;padding:24px}.student-material-picker>article>button{position:absolute;right:16px;top:16px;width:38px;height:38px;border:0;border-radius:12px;background:#f2efff;color:#6737e8;font-size:24px}.student-material-picker h2{margin:0 50px 5px 0}.student-material-picker article>p{margin:0 0 15px;color:#737b90}.student-material-picker [data-student-material-picker-grid]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.student-material-picker [data-select-student-material]{border:1px solid #e1e5ee;border-radius:15px;background:#fff;padding:7px;overflow:hidden;cursor:pointer}.student-material-picker [data-select-student-material] img{width:100%;aspect-ratio:1;display:block;border-radius:10px;object-fit:cover}.student-material-picker [data-select-student-material] span{display:block;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900}@media(max-width:800px){.student-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-material-picker [data-student-material-picker-grid]{grid-template-columns:repeat(2,minmax(0,1fr))}.student-generation-panel form{grid-template-columns:minmax(0,1fr) 42px}.student-generation-panel form>button[type=submit]{grid-column:1/-1;height:40px}.generation-reference-button{min-height:46px}}
.generation-reference-review{width:100%;height:38px;border:1px solid #e1d9fb;border-radius:10px;background:#faf8ff;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px;padding:3px 7px;color:#5f39d8;text-align:left;cursor:pointer}.generation-reference-review img{width:30px!important;height:30px!important;border-radius:7px!important;object-fit:cover}.generation-reference-review span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:900}
.student-name-cell{position:relative}.student-new-materials-badge{position:absolute;left:31px;top:-5px;min-width:19px;height:19px;border:2px solid #fff;border-radius:999px;background:linear-gradient(135deg,#ff8712,#ef4fc1);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;font-size:9px;font-weight:900;box-shadow:0 4px 10px rgba(239,79,193,.3)}.teacher-student-materials-panel{grid-column:1/-1}.teacher-student-materials{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.teacher-student-materials>button{border:1px solid #e1e5ee;border-radius:15px;background:#fff;padding:0;overflow:hidden;color:#091136;text-align:left;cursor:pointer}.teacher-student-materials>button>img{width:100%;aspect-ratio:1;display:block;object-fit:cover}.teacher-student-materials>button>span{display:block;padding:9px}.teacher-student-materials b,.teacher-student-materials small{display:block}.teacher-student-materials b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.teacher-student-materials small{margin-top:3px;color:#8a91a5;font-size:9px}.teacher-student-materials>p{grid-column:1/-1;margin:0;color:#737b90}@media(max-width:1100px){.teacher-student-materials{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.teacher-student-materials{grid-template-columns:repeat(2,minmax(0,1fr))}}
.teacher-form [hidden]{display:none!important}.teacher-row .student-format-badge.is-online{width:max-content;display:inline-flex;align-items:center;justify-content:center;border:1px solid #f2d45f;border-radius:999px;background:#fff3b5;color:#745b00;padding:7px 12px;font-style:normal;font-weight:900;line-height:1}
.summary-dashboard .student-upcoming-attention{order:-1;border-color:#f0d57b;background:linear-gradient(135deg,#fffdf3,#fff5c9);box-shadow:0 12px 28px rgba(214,169,31,.14)}.student-upcoming-attention .student-upcoming-card,.student-upcoming-attention .current-lesson-card{border-color:#ead791!important;background:rgba(255,255,255,.72)!important}.student-upcoming-attention .panel-head>span{border-radius:999px;background:#ffe797;color:#8c6700;padding:6px 10px;font-size:11px;font-weight:900}
.home-upcoming-toggle{width:max-content!important;height:38px!important;margin:2px 0 0!important;border:1px solid #d9bd55!important;border-radius:12px!important;background:rgba(255,255,255,.72)!important;color:#765800!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px!important;font-size:12px!important;font-weight:900;cursor:pointer;justify-self:start}.home-upcoming-toggle[hidden]{display:none!important}.home-upcoming-toggle span{font-size:16px;line-height:1}.student-week-schedule .home-extra-upcoming{display:none!important}.student-week-schedule.home-upcoming-expanded .home-extra-upcoming{display:grid!important}
.student-material-grid{grid-template-columns:repeat(auto-fill,minmax(190px,250px));justify-content:start;gap:10px}.student-material-card{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;border-radius:14px}.student-material-card>img{width:72px;height:72px;aspect-ratio:auto;object-fit:cover}.student-material-card>div{min-width:0;padding:8px 9px}.student-material-card b{font-size:11px}.student-material-card small{font-size:9px}.student-material-card button{height:27px;margin-top:5px;padding:0 8px;font-size:9px}.teacher-student-materials{grid-template-columns:repeat(auto-fill,minmax(100px,120px));justify-content:start;gap:9px}.teacher-student-materials>button{border-radius:12px}.teacher-student-materials>button>img{aspect-ratio:1;height:auto}.teacher-student-materials>button>span{padding:7px}.teacher-student-materials b{font-size:9px}.teacher-student-materials small{font-size:8px}@media(max-width:650px){.student-material-grid{grid-template-columns:1fr}.teacher-student-materials{grid-template-columns:repeat(auto-fill,minmax(90px,110px))}}
.student-material-grid{grid-template-columns:repeat(auto-fill,minmax(100px,120px));justify-content:start;gap:9px}.student-material-card{position:relative;display:block;border-radius:12px}.student-material-card>.student-material-preview{display:block;width:100%;height:auto;margin:0;border:0;border-radius:0;background:none;padding:0;overflow:hidden;cursor:pointer}.student-material-card>.student-material-preview img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.student-material-card>div{padding:7px}.student-material-card b{font-size:9px}.student-material-card small{font-size:8px}.student-material-card [data-delete-student-material]{height:23px;margin-top:5px;border-radius:7px;padding:0 7px;font-size:8px}@media(max-width:650px){.student-material-grid{grid-template-columns:repeat(auto-fill,minmax(90px,110px))}}
.student-menu .session-chat-menu{margin-top:30px}.student-menu .session-chat-menu:before{top:-16px}@media(max-width:1200px){.student-menu .session-chat-menu{margin-top:28px}}@media(max-width:760px){.student-menu .session-chat-menu{margin-top:18px}}
.learning-app:not(.teacher-mode) .student-menu .session-chat-menu:before{left:2px;right:2px;height:2px;border-radius:999px;background:rgba(255,255,255,.78)}
.learning-app:not(.teacher-mode) .session-chat-slot{width:100%;margin-top:21px;border-top:1px solid rgba(255,255,255,.72);padding-top:14px}.learning-app:not(.teacher-mode) .session-chat-slot .session-chat-menu{width:100%;margin-top:0}.learning-app:not(.teacher-mode) .session-chat-slot .session-chat-menu:before{display:none}@media(max-width:760px){.learning-app:not(.teacher-mode) .session-chat-slot{grid-column:1/-1;margin-top:9px}}
.student-menu .session-chat-menu:before{display:none!important}.learning-app:not(.teacher-mode) .session-chat-slot{border-top:0!important;padding-top:0!important}

/* Таблица учеников: все шесть колонок всегда остаются внутри доступной ширины */
.students-table .teacher-row{
  width:100%;
  min-width:0;
  grid-template-columns:
    minmax(170px,1.22fr)
    minmax(125px,.86fr)
    minmax(165px,1.04fr)
    minmax(130px,.82fr)
    minmax(190px,1.12fr)
    minmax(125px,.82fr);
  box-sizing:border-box;
}
.students-table .teacher-row>*{min-width:0}
.students-table .student-name-cell b,
.students-table .student-parent-cell,
.students-table .student-contact-cell,
.students-table .student-format-cell{white-space:normal;overflow-wrap:anywhere}
.students-table .student-access-cell{min-width:0;display:flex;align-items:flex-start;gap:5px;flex-wrap:wrap}
.students-table .student-access-cell code{min-width:0;max-width:100%;flex:1 1 100%}
.students-table .student-access-cell button{min-width:0;max-width:100%;white-space:normal;line-height:1.1}
.students-table .student-access-cell button[data-copy-student-access]{flex:1 1 92px}
.students-table .student-format-badge.is-online{max-width:100%;box-sizing:border-box}

/* Адаптивный список учеников: без обрезания правых колонок на небольших экранах */
@media(max-width:1600px){
  .teacher-mode .teacher-grid{grid-template-columns:minmax(0,1fr)}
  .teacher-mode .add-student-panel{position:static}
}
@media(max-width:1450px){
  .students-table{border:0;background:transparent;overflow:visible}
  .students-table .teacher-row.head{display:none}
  .students-table .teacher-row:not(.head){
    min-width:0;
    margin-bottom:12px;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:start;
    gap:16px 18px;
    border:1px solid #e5e8f1;
    border-radius:18px;
    background:#fff;
    padding:16px;
    box-shadow:0 8px 20px rgba(24,35,78,.05);
  }
  .students-table .teacher-row:not(.head):hover{transform:none;border-color:#cfc3ff}
  .students-table .teacher-row:not(.head)>*{min-width:0;white-space:normal;overflow-wrap:anywhere}
  .students-table .teacher-row:not(.head)>[data-label]::before{
    content:attr(data-label);
    display:block;
    margin-bottom:6px;
    color:#7a8195;
    font-size:10px;
    font-weight:900;
    line-height:1.1;
  }
  .students-table .student-name-cell{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center}
  .students-table .student-name-cell::before{grid-column:1/-1}
  .students-table .student-name-cell img{grid-column:1;grid-row:2/4}
  .students-table .student-name-cell small{grid-column:2}
  .students-table .student-access-cell{align-content:flex-start}
  .students-table .student-access-cell code{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
  .students-table .student-format-badge.is-online{margin-top:0}
}
@media(max-width:820px){
  .students-table .teacher-row:not(.head){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .students-table .teacher-row:not(.head){grid-template-columns:1fr}
}
.student-home-greeting{margin:4px 0 20px;padding:0 4px}.student-home-greeting h1{margin:0;color:#091136;font-size:36px;line-height:1.08;font-weight:900}.student-home-greeting h1 span{display:inline-block;margin-left:4px;background:linear-gradient(135deg,#ff8712,#ef4fc1);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:.72em;vertical-align:top}.student-home-greeting p{margin:7px 0 0;color:#273052;font-size:15px;line-height:1.4}.student-home-greeting p b{font-weight:900}@media(max-width:760px){.student-home-greeting{margin-top:18px}.student-home-greeting h1{font-size:30px}.student-home-greeting p{font-size:14px}}
.student-section-heading{display:flex;align-items:center;gap:11px}.student-section-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:flex;align-items:center;justify-content:center}.student-section-icon.lessons-icon{background:linear-gradient(135deg,#eee8ff,#dcecff)}.student-section-icon.calendar-icon{background:linear-gradient(135deg,#fff0c9,#ffe2ed)}.student-section-icon.works-icon{background:linear-gradient(135deg,#e4f8ee,#dff1ff)}.student-section-icon img{width:23px;height:23px;display:block;object-fit:contain}@media(max-width:760px){.student-section-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}.student-section-icon img{width:20px;height:20px}}
.student-section-icon.students-icon{background:linear-gradient(135deg,#dff8ec,#dff1ff)}
.student-section-icon.students-icon img{width:27px;height:27px}
.teacher-home-greeting{margin-bottom:22px}
.teacher-home-grid .teacher-home-card{min-height:220px;border-width:1px;box-shadow:0 14px 32px rgba(42,51,91,.08)}
.teacher-home-grid .panel.teacher-home-today-card{border-color:#efd475;background:linear-gradient(145deg,#fffdf3,#fff5ca)}
.teacher-home-grid .panel.teacher-home-students-card{border-color:#bfe4df;background:linear-gradient(145deg,#fafffd,#eaf8ff)}
.teacher-home-grid .panel.teacher-home-lessons-card{border-color:#d8cdfa;background:linear-gradient(145deg,#fbf9ff,#f1edff)}
.teacher-home-card .panel-head{align-items:center;margin-bottom:16px}
.teacher-home-card .panel-head h2{font-size:24px}
.teacher-home-card .panel-head>button{border-radius:999px;background:rgba(255,255,255,.72);padding:8px 11px;box-shadow:0 5px 13px rgba(54,42,101,.07)}
.teacher-home-card .panel-head>button:hover{background:#fff;transform:translateY(-1px)}
.summary-dashboard .mini-works:has(.student-work-card){width:100%;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(6px,1.2vw,18px)!important;justify-content:stretch!important}.summary-dashboard .mini-works .student-work-card{width:100%;min-width:0}.summary-dashboard .mini-works .student-work-copy{padding:clamp(6px,1vw,13px)!important}.summary-dashboard .mini-works .student-work-copy>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(10px,1vw,15px)}.summary-dashboard .mini-works .student-work-copy>small{min-height:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(7px,.7vw,10px)}.summary-dashboard .mini-works .student-work-actions{gap:clamp(3px,.5vw,8px)!important}.summary-dashboard .mini-works .student-work-actions>button,.summary-dashboard .mini-works .student-work-actions>a{height:clamp(25px,2.5vw,32px)!important;padding:0 clamp(3px,.8vw,13px)!important;font-size:clamp(7px,.7vw,10px)!important}
@media(min-width:761px){#works .student-works,#works .student-works:has(.student-history-work){width:100%;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(8px,1.15vw,16px)!important;justify-content:stretch!important}#works .student-work-card,#works .student-history-work{width:100%;min-width:0}#works .student-work-copy,#works .student-works .student-history-work>button>span{padding:clamp(7px,.9vw,13px)!important}#works .student-work-copy>b,#works .student-works .student-history-work>button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,1.05vw,15px)}#works .student-work-copy>small,#works .student-works .student-history-work>button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(8px,.75vw,10px)}#works .student-work-actions{gap:clamp(4px,.55vw,8px)!important}#works .student-work-actions>button,#works .student-work-actions>a{height:clamp(28px,3vw,32px)!important;padding:0 clamp(4px,.8vw,13px)!important;font-size:clamp(8px,.75vw,10px)!important}}
.tablet-lessons-toggle{display:none}.tablet-lessons-toggle[hidden]{display:none!important}@media(min-width:761px) and (max-width:1280px){.student-lessons-history .tablet-extra-lesson{display:none}.student-lessons-history .tablet-lessons-expanded .tablet-extra-lesson{display:grid}.tablet-lessons-toggle:not([hidden]){height:36px;margin:10px auto 0;border:1px solid #cbbdff;border-radius:11px;background:#f7f4ff;color:#6236da;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;font-size:11px;font-weight:900;cursor:pointer}.tablet-lessons-toggle span{font-size:15px;line-height:1}}
@media(min-width:1281px){.student-lessons-history .desktop-extra-lesson{display:none}.student-lessons-history .tablet-lessons-expanded .desktop-extra-lesson{display:grid}.tablet-lessons-toggle:not([hidden]){width:max-content;height:38px;margin:12px 0 0;border:1px solid #cbbdff;border-radius:12px;background:#f7f4ff;color:#6236da;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;font-size:12px;font-weight:900;cursor:pointer}.tablet-lessons-toggle span{font-size:16px;line-height:1}}
.tablet-page-title{display:none}@media(min-width:761px) and (max-width:1280px){.learning-app:not(.student-home-active) .learning-main{padding-top:0}.learning-app:not(.student-home-active) .app-tab.active{padding-top:8px}.tablet-page-title{display:block;margin:0 0 8px;color:#091136;font-size:22px;line-height:1.05;font-weight:900}.learning-app:not(.student-home-active) .tab-title{margin:0 0 10px}.learning-app:not(.student-home-active) .tab-title h2{font-size:22px}.learning-app:not(.student-home-active) .tab-title p{margin-top:5px;font-size:12px;line-height:1.3}.learning-app:not(.student-home-active) .panel h2{font-size:19px}.learning-app:not(.student-home-active) .panel-head{margin-bottom:9px}.learning-app:not(.student-home-active) .lesson-chat-tab .lesson-room{height:100%;min-height:0;padding:14px}.learning-app:not(.student-home-active) .lesson-chat-tab .lesson-room-head{margin-bottom:10px}.learning-app:not(.student-home-active) .lesson-chat-tab .lesson-room-head h2{font-size:20px}}
.teacher-application-actions{grid-column:1/-1;display:flex;gap:8px;margin-top:2px}.teacher-application-actions button{height:34px;border:0;border-radius:10px;background:linear-gradient(135deg,#733bfa,#338cff);color:#fff;padding:0 12px;font-size:10px;font-weight:900;cursor:pointer}.teacher-application-actions button:last-child{border:1px solid #ffcaca;background:#fff;color:#e34242}.teacher-application-actions button:disabled{opacity:.55;cursor:wait}
.chat-input input:disabled{background:#f1f3f8;color:#8e95a8;cursor:not-allowed}.chat-input button:disabled{background:#d9ddea;color:#9299aa;box-shadow:none;cursor:not-allowed;opacity:1}
@media(min-width:761px) and (max-width:1280px){.learning-app:not(.teacher-mode) .lesson-chat-tab .lesson-room{padding:10px 12px 12px}.learning-app:not(.teacher-mode) .lesson-chat-tab .lesson-layout{gap:0}.learning-app:not(.teacher-mode) .lesson-chat-tab .chat-panel{border:0;border-radius:0;background:transparent;padding:0;gap:9px}.learning-app:not(.teacher-mode) .lesson-chat-tab .student-personal-chat{border-radius:15px;padding:12px}.learning-app:not(.teacher-mode) .lesson-chat-tab .chat-input{grid-template-columns:minmax(0,1fr) 156px;gap:10px;background:transparent;padding-top:0}.learning-app:not(.teacher-mode) .lesson-chat-tab .chat-input input{height:56px;border-radius:15px;padding:0 18px;font-size:15px}.learning-app:not(.teacher-mode) .lesson-chat-tab .chat-input button{height:56px;border-radius:15px;font-size:15px}}
@media(min-width:1281px){.learning-app:not(.teacher-mode) .lesson-chat-tab .lesson-room{padding:14px 16px 16px}.learning-app:not(.teacher-mode) .lesson-chat-tab .lesson-layout{gap:0}.learning-app:not(.teacher-mode) .lesson-chat-tab .chat-panel{border:0;border-radius:0;background:transparent;padding:0;gap:11px}.learning-app:not(.teacher-mode) .lesson-chat-tab .student-personal-chat{border-radius:16px;padding:14px}.learning-app:not(.teacher-mode) .lesson-chat-tab .chat-input{grid-template-columns:minmax(0,1fr) 170px;gap:12px;background:transparent;padding-top:0}.learning-app:not(.teacher-mode) .lesson-chat-tab .chat-input input{height:58px;border-radius:16px;padding:0 20px;font-size:16px}.learning-app:not(.teacher-mode) .lesson-chat-tab .chat-input button{height:58px;border-radius:16px;font-size:16px}}

/* Универсальная проектная практика */
.lesson-room-head>div:first-child{min-width:0;flex:1}.lesson-room-head h2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.08}.lesson-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}.lesson-work-mode{display:grid;grid-template-columns:88px 180px;gap:4px;width:auto;margin:0;border:1px solid #dde3ef;border-radius:13px;background:#eef1f7;padding:4px}.lesson-work-mode[hidden]{display:none!important}.lesson-work-mode button{height:38px;border:0;border-radius:9px;background:transparent;color:#68728a;font:inherit;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}.lesson-work-mode button.active{background:#fff;color:#17213d;box-shadow:0 5px 14px rgba(29,42,78,.11)}.lesson-work-mode button[data-lesson-mode="project"].active{background:linear-gradient(135deg,#7147ed,#476ff1);color:#fff}.lesson-chat-tab .chat-panel[hidden],.lesson-chat-tab .project-workspace[hidden]{display:none!important}.lesson-chat-tab:has(.lesson-work-mode:not([hidden])) .lesson-layout{min-height:0}.lesson-chat-tab:has(.project-workspace:not([hidden])) .lesson-layout{display:block}.lesson-chat-tab:has(.project-workspace:not([hidden])) .project-workspace{height:100%}@media(max-width:900px){.lesson-room-head{align-items:flex-start}.lesson-head-actions{align-items:flex-end;flex-direction:column-reverse}.lesson-work-mode{grid-template-columns:72px 142px}.lesson-work-mode button{font-size:10px}.lesson-status{padding:5px 9px;font-size:10px}}
.teacher-project-panel{display:grid;gap:7px;border:1px solid #b9d8ff;border-radius:18px;background:linear-gradient(135deg,#f1f7ff,#f8f3ff);padding:10px 12px}.teacher-project-panel[hidden]{display:none}.project-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.project-panel-head small{color:#3672e8;font-weight:900}.project-panel-head h3{margin:3px 0 0;font-size:16px}.project-panel-head .generation-brand>span{background:#edf1f8;color:#747b90}.teacher-project-panel.is-open .project-panel-head .generation-brand>span{background:#dff8ec;color:#008957}.project-panel-head>button{height:34px;min-height:34px;border:0;border-radius:11px;background:linear-gradient(135deg,#386cf4,#7748ee);color:#fff;padding:0 12px;font:inherit;font-size:10px;font-weight:900;white-space:nowrap;cursor:pointer}.teacher-project-panel.is-open .project-panel-head>button{background:#17213d}.teacher-project-panel>label{display:grid;grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:9px;color:#303a58;font-size:10px;font-weight:900}.teacher-project-panel select{height:34px;border:1px solid #dce3f2;border-radius:10px;background:#fff;padding:0 9px;color:#17213d;font:inherit;font-size:10px}
.teacher-script-scroll-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.teacher-script-scroll-head h3{margin:0;flex:1}.teacher-script-scroll-head>button{height:34px;border:1px solid #d4c8ff;border-radius:11px;background:#fff;color:#6638df;padding:0 12px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.teacher-script-scroll-head .teacher-script-popup-close{display:none;width:44px;height:44px;border:0;border-radius:14px;background:#f1edff;color:#6f3ce8;padding:0;font-size:30px;line-height:1}.teacher-script-expanded{overflow:hidden}.teacher-script-expanded:before{content:"";position:fixed;inset:0;z-index:119;background:rgba(5,10,41,.76);backdrop-filter:blur(7px)}.teacher-script-scroll.is-expanded{position:fixed;inset:20px;z-index:120;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d9cdfd;border-radius:28px;background:#fff;padding:24px;box-shadow:0 30px 90px rgba(5,10,41,.42)}.teacher-script-scroll.is-expanded .teacher-script-scroll-head{flex:0 0 auto;margin-bottom:14px}.teacher-script-scroll.is-expanded .teacher-script-scroll-head h3{font-size:30px}.teacher-script-scroll.is-expanded [data-expand-live-script]{display:none}.teacher-script-scroll.is-expanded .teacher-script-popup-close{display:block}.teacher-script-scroll.is-expanded .teacher-live-script{flex:1 1 auto;min-height:0;overflow:auto;border:1px solid #e8ebf4;border-radius:18px;background:#fbfcff;padding:18px}@media(max-width:760px){.teacher-script-scroll.is-expanded{inset:7px;border-radius:20px;padding:14px}.teacher-script-scroll.is-expanded .teacher-script-scroll-head h3{font-size:22px}.teacher-script-scroll.is-expanded .teacher-live-script{padding:12px}}
.project-workspace{width:100%;height:100%;min-height:0;border:1px solid #dfe5f1;border-radius:22px;background:#f7f9fd;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 14px 35px rgba(24,38,78,.08)}.project-workspace[hidden]{display:none}.project-runtime{display:flex;align-items:center;gap:8px;margin-left:auto;color:#647087;font-size:11px;font-weight:800;white-space:nowrap}.project-runtime i{width:8px;height:8px;border-radius:50%;background:#22c887}.project-runtime button{height:36px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff7b18,#ef42ad)!important;color:#fff!important;padding:0 14px!important;font:inherit;font-size:11px!important;font-weight:900;cursor:pointer}.project-workspace-tabs{display:flex;align-items:center;gap:5px;min-height:48px;border-bottom:1px solid #e2e7f0;background:#fff;padding:0 10px 0 14px;overflow-x:auto}.project-workspace-tabs>button{height:48px;border:0;border-bottom:3px solid transparent;background:transparent;color:#747e93;padding:0 13px;font:inherit;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}.project-workspace-tabs>button.active{border-color:#7449ef;color:#17213d}.project-workspace-grid{flex:1;min-height:0;display:grid;gap:10px;padding:10px}.project-pane{min-width:0;min-height:0;display:none;border:1px solid #e1e6ef;border-radius:16px;background:#fff;padding:16px;overflow:auto}.project-pane.active{display:block}.project-pane-label{display:block;margin-bottom:8px;color:#6c45df;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.project-task-pane h4{margin:0 0 7px;font-size:24px}.project-task-pane>p{max-width:650px;margin:0;color:#59637a;line-height:1.45}.project-brief{display:grid;gap:7px;margin-top:18px}.project-brief textarea{min-height:100px;border:1px solid #dce2ef;border-radius:14px;padding:12px;font:inherit;resize:vertical}.project-steps{display:flex;gap:9px;margin:18px 0 0;padding:0;list-style:none}.project-steps li{flex:1;border-radius:13px;background:#f4f6fa;padding:11px;color:#717b91;font-size:11px;font-weight:900}.project-steps li.done{background:#e6f8ef;color:#0a945f}.project-steps li.current{background:#eee8ff;color:#6840db}.project-pane-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.project-pane-toolbar .project-pane-label{margin:0}.project-pane-toolbar button{height:30px;border:1px solid #e0e4ed;border-radius:8px;background:#fff;color:#70798e;font:inherit;font-size:9px;font-weight:900}.project-pane-toolbar button.active{background:#ede8ff;color:#6840db}.project-result-pane iframe{width:100%;height:calc(100% - 40px);min-height:330px;border:1px solid #dfe4ec;border-radius:13px;background:#fff}.project-files-pane.active{display:grid;grid-template-columns:150px minmax(0,1fr);padding:0;overflow:hidden}.project-files-pane aside{display:flex;flex-direction:column;gap:5px;border-right:1px solid #e1e6ef;background:#f8faff;padding:14px 9px}.project-files-pane aside button{min-height:36px;border:0;border-radius:9px;background:transparent;color:#515c73;padding:0 9px;text-align:left;font:inherit;font-size:10px;font-weight:900}.project-files-pane aside button.active{background:#eae5ff;color:#6439dc}.project-files-pane textarea{width:100%;height:100%;min-height:350px;border:0;outline:0;background:#17213d;color:#eaf0ff;padding:18px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;resize:none}.project-helper-message{border-radius:15px;background:linear-gradient(135deg,#eee9ff,#f2f7ff);padding:15px}.project-helper-message p{margin:6px 0;color:#515c73;line-height:1.4}.project-helper-message small{color:#6a748b}.project-helper-chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.project-helper-chips button{height:35px;border:1px solid #dcd5f5;border-radius:999px;background:#fff;color:#603bd2;padding:0 12px;font:inherit;font-size:10px;font-weight:900}.project-assistant-pane form{display:grid;grid-template-columns:1fr auto;gap:8px}.project-assistant-pane textarea{min-height:75px;border:1px solid #dce2ef;border-radius:13px;padding:11px;font:inherit;resize:none}.project-assistant-pane form button{border:0;border-radius:13px;background:#7045e9;color:#fff;padding:0 17px;font:inherit;font-size:11px;font-weight:900}.project-version{display:grid;gap:3px;border-left:3px solid #dfe4ed;padding:10px 14px}.project-version.current{border-color:#26bd82;background:#f0fbf6}.project-version small{color:#788196}
.project-workspace[data-layout="split"] .project-workspace-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.project-workspace[data-layout="split"] .project-pane{display:none}.project-workspace[data-layout="split"][data-active-pane="files"] .project-files-pane,.project-workspace[data-layout="split"][data-active-pane="files"] .project-result-pane,.project-workspace[data-layout="split"][data-active-pane="result"] .project-files-pane,.project-workspace[data-layout="split"][data-active-pane="result"] .project-result-pane{display:grid}.project-workspace[data-layout="split"] .project-pane.active:not(.project-files-pane):not(.project-result-pane){display:block;grid-column:1/-1}.project-workspace[data-layout="split"] .project-result-pane{grid-template-rows:auto minmax(0,1fr)}.project-workspace[data-layout="split"] .project-result-pane iframe{height:100%;min-height:0}.project-workspace[data-layout="split"] .project-files-pane{grid-template-columns:105px minmax(0,1fr)}
.project-workspace[data-layout="focus"] [data-project-tab="files"]{display:none}.project-workspace[data-layout="focus"] .project-files-pane{display:none!important}
.project-workspace[data-layout="junior"] [data-project-tab="files"],.project-workspace[data-layout="junior"] [data-project-tab="history"],.project-workspace[data-layout="senior"] [data-project-tab="history"]{display:none!important}.project-workspace[data-layout="junior"] .project-files-pane,.project-workspace[data-layout="junior"] .project-history-pane,.project-workspace[data-layout="senior"] .project-history-pane{display:none!important}
.student-material-picker-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:14px 0 10px;border-radius:13px;background:#eef1f7;padding:4px}.student-material-picker-tabs[hidden]{display:none}.student-material-picker-tabs button{position:static!important;width:auto!important;height:38px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#68728a!important;font:inherit;font-size:11px!important;font-weight:900!important;cursor:pointer}.student-material-picker-tabs button.active{background:#fff!important;color:#603bd2!important;box-shadow:0 5px 14px rgba(29,42,78,.11)}.student-material-picker [data-select-student-generation]{border:1px solid #d9d0ff;border-radius:15px;background:#fff;padding:7px;overflow:hidden;cursor:pointer}.student-material-picker [data-select-student-generation] img{width:100%;aspect-ratio:1;display:block;border-radius:10px;object-fit:cover}.student-material-picker [data-select-student-generation] span{display:block;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900}
.project-review-queue{display:grid;gap:7px;max-height:220px;overflow:auto}.project-review-empty{margin:2px 0;color:#7b8498;font-size:10px}.project-review-card{display:grid;gap:6px;border:1px solid #dce3f2;border-radius:12px;background:#fff;padding:9px}.project-review-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-review-card header b{font-size:11px}.project-review-card header span,.project-review-card small{color:#6a748b;font-size:9px;font-weight:900}.project-review-card p{margin:0;color:#28324f;font-size:10px;line-height:1.35}.project-review-card>div{display:flex;gap:6px}.project-review-card button{height:30px;border:0;border-radius:9px;padding:0 10px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.project-review-card button:first-child{background:#18bf84;color:#fff}.project-review-card button:last-child{background:#fff0f0;color:#de4343}.project-review-card.approved{border-color:#bdebd9;background:#f2fbf7}.project-review-card.rejected{opacity:.65}
.project-result-pane.active{display:flex;flex-direction:column}.project-preview-stage{flex:1;min-height:330px;display:flex;justify-content:center;overflow:auto;border-radius:14px;background:#e9edf5;padding:10px}.project-preview-stage iframe{height:100%;min-height:310px;border:1px solid #d7dce7;border-radius:12px;background:#fff;transition:width .25s ease}.project-preview-stage[data-viewport="tablet"] iframe{width:min(100%,820px)}.project-preview-stage[data-viewport="phone"] iframe{width:min(390px,100%)}.project-result-pane:fullscreen,.project-result-pane.fullscreen-fallback{display:flex!important;flex-direction:column;width:100vw;height:100vh;border-radius:0;background:#11182b;padding:14px}.project-result-pane.fullscreen-fallback{position:fixed;inset:0;z-index:9999}.project-result-pane:fullscreen .project-pane-toolbar,.project-result-pane.fullscreen-fallback .project-pane-toolbar{flex:0 0 auto;border-radius:12px;background:#fff;padding:6px 10px}.project-result-pane:fullscreen .project-preview-stage,.project-result-pane.fullscreen-fallback .project-preview-stage{flex:1;min-height:0;border-radius:12px}.project-result-pane:fullscreen iframe,.project-result-pane.fullscreen-fallback iframe{height:100%;max-height:none}
.project-workspace[data-layout="studio"] .project-workspace-grid{grid-template-columns:minmax(220px,.65fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 170px}.project-workspace[data-layout="studio"] .project-pane{display:block}.project-workspace[data-layout="studio"] .project-task-pane{grid-row:1/3}.project-workspace[data-layout="studio"] .project-files-pane{display:grid;grid-template-columns:105px minmax(0,1fr)}.project-workspace[data-layout="studio"] .project-result-pane{display:grid;grid-template-rows:auto minmax(0,1fr)}.project-workspace[data-layout="studio"] .project-result-pane iframe{height:100%;min-height:0}.project-workspace[data-layout="studio"] .project-assistant-pane{grid-column:2/4}.project-workspace[data-layout="studio"] .project-history-pane{display:none}.project-workspace[data-layout="studio"] .project-assistant-pane .project-helper-chips,.project-workspace[data-layout="studio"] .project-assistant-pane>.project-pane-label{display:none}.project-workspace[data-layout="studio"] .project-assistant-pane{display:grid;grid-template-columns:1fr 1fr;gap:10px}.project-workspace[data-layout="studio"] .project-helper-message{padding:10px}.project-workspace[data-layout="studio"] .project-assistant-pane form textarea{min-height:60px}
@media(max-width:1000px){.project-workspace[data-layout="studio"] .project-workspace-grid{grid-template-columns:1fr 1fr;grid-template-rows:170px minmax(0,1fr) 150px}.project-workspace[data-layout="studio"] .project-task-pane{grid-column:1/3;grid-row:auto}.project-workspace[data-layout="studio"] .project-task-pane .project-brief,.project-workspace[data-layout="studio"] .project-task-pane .project-steps{display:none}.project-workspace[data-layout="studio"] .project-assistant-pane{grid-column:1/3}.project-steps{flex-direction:column}.project-runtime span,.project-runtime i{display:none}}@media(max-width:720px){.project-workspace-head{align-items:flex-start}.project-workspace-head h3{font-size:17px}.project-runtime button{padding:0 10px}.project-workspace[data-layout="split"] .project-workspace-grid,.project-workspace[data-layout="studio"] .project-workspace-grid{display:block}.project-workspace[data-layout="split"] .project-pane,.project-workspace[data-layout="studio"] .project-pane{display:none}.project-workspace[data-layout="split"] .project-pane.active,.project-workspace[data-layout="studio"] .project-pane.active{display:block;height:100%}.project-files-pane.active{grid-template-columns:95px minmax(0,1fr)}.project-workspace-tabs button{padding:0 9px}}
@media(min-width:761px) and (max-width:1280px){.learning-app:not(.teacher-mode):not(.student-home-active) .lesson-chat-tab{height:var(--student-tablet-chat-height,100svh)!important;min-height:0!important;overflow:hidden}.learning-app:not(.teacher-mode):not(.student-home-active) .lesson-chat-tab .lesson-room{height:100%!important;min-height:0!important}}
.project-task-pane .project-brief{margin-top:6px}
.project-create-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-create-row p{margin:0;color:#68728a;font-size:12px;font-weight:800}.project-create-row button{height:44px;border:0;border-radius:13px;background:linear-gradient(135deg,#ff7b18,#ef42ad);color:#fff;padding:0 22px;font:inherit;font-size:13px;font-weight:900;cursor:pointer;white-space:nowrap}.project-create-row button:disabled{opacity:.6;cursor:wait}@media(max-width:700px){.project-create-row{align-items:stretch;flex-direction:column}.project-create-row button{width:100%}}
.project-preview-stage{position:relative}.project-build-state{position:absolute;inset:10px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-radius:12px;background:rgba(247,249,255,.96);color:#18213f;text-align:center;backdrop-filter:blur(5px)}.project-build-state[hidden]{display:none!important}.project-build-state>span{width:34px;height:34px;border:4px solid #ded6ff;border-top-color:#7147ed;border-radius:50%;animation:project-spin .8s linear infinite}.project-build-state b{font-size:18px}.project-build-state small{color:#707990}.project-build-state.success>span{border:0;background:#20c184;animation:none}.project-build-state.success>span:after{content:'✓';display:flex;height:34px;align-items:center;justify-content:center;color:#fff;font-weight:900}@keyframes project-spin{to{transform:rotate(360deg)}}
.project-workspace-grid{gap:0;padding:0;background:#fff}.project-pane{border:0;border-radius:0;background:#fff;padding:18px}.project-files-pane.active{padding:0}.project-result-pane{padding:10px}.project-result-pane .project-pane-toolbar{justify-content:flex-end}.project-history-pane,.project-assistant-pane,.project-task-pane{padding:20px 24px}.project-version:first-child{border-radius:10px}
.project-result-pane .project-pane-toolbar>div{display:flex;align-items:center;gap:10px}.project-result-pane .project-pane-toolbar button{padding:0 13px;border-radius:9px}
.lesson-head-actions{margin-left:auto;flex-direction:row!important;align-items:center!important}.lesson-head-actions .lesson-work-mode{margin-left:auto}
.project-workspace-tabs>.project-fullscreen-top{height:34px;margin-left:auto;border:1px solid #dce2ed;border-radius:9px;background:#fff;color:#5f6880;padding:0 12px;font-size:10px}.project-workspace-tabs>.project-fullscreen-top:hover{border-color:#7650ec;color:#6840db}.project-result-pane{padding:0!important;overflow:hidden}.project-preview-stage{width:100%;height:100%;min-height:0!important;border-radius:0!important;background:#fff!important;padding:0!important;overflow:auto}.project-preview-stage iframe{width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;border:0!important;border-radius:0!important;display:block}.project-result-pane:fullscreen,.project-result-pane.fullscreen-fallback{padding:0}.project-result-pane:fullscreen .project-preview-stage,.project-result-pane.fullscreen-fallback .project-preview-stage{border-radius:0}
.project-workspace:fullscreen,.project-workspace.fullscreen-fallback{width:100vw;height:100vh;border:0;border-radius:0;background:#fff}.project-workspace.fullscreen-fallback{position:fixed;inset:0;z-index:9999}.project-workspace:fullscreen .project-workspace-grid,.project-workspace.fullscreen-fallback .project-workspace-grid{flex:1;min-height:0}.project-workspace:fullscreen .project-result-pane.active,.project-workspace.fullscreen-fallback .project-result-pane.active{height:100%}
.lesson-editor-tab .lesson-modal-grid{align-items:start}.lesson-editor-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-editor-block-head h3{margin:0!important}.lesson-editor-block-head>button{height:30px;border:1px solid #dcd5f5;border-radius:9px;background:#f7f4ff;color:#603bd2;padding:0 10px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.lesson-editor-block-head>button span{margin-left:5px;font-size:13px}.lesson-editor-block-body{margin-top:14px}.lesson-editor-collapsible.is-collapsed{padding:10px 14px!important;border-radius:16px!important}.lesson-editor-collapsible.is-collapsed .lesson-editor-block-body{display:none}.lesson-editor-collapsible.is-collapsed .lesson-editor-block-head h3{font-size:16px}.lesson-editor-collapsible.is-collapsed .lesson-editor-block-head>button{height:27px}
.material-gallery-arrow{position:absolute;top:50%;z-index:4;width:52px;height:72px;border:1px solid #ded8f5;border-radius:18px;background:rgba(255,255,255,.92);color:#633cdb;font-size:48px;line-height:1;box-shadow:0 10px 30px rgba(9,17,54,.18);cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(8px)}.material-gallery-arrow[hidden],.material-gallery-count[hidden]{display:none!important}.material-gallery-arrow--prev{left:34px}.material-gallery-arrow--next{right:34px}.material-gallery-count{position:absolute;left:50%;bottom:30px;z-index:4;transform:translateX(-50%);border-radius:999px;background:rgba(9,17,54,.78);color:#fff;padding:7px 13px;font-size:11px;font-weight:900;backdrop-filter:blur(6px)}@media(max-width:700px){.material-gallery-arrow{width:42px;height:58px;border-radius:14px;font-size:38px}.material-gallery-arrow--prev{left:22px}.material-gallery-arrow--next{right:22px}.material-gallery-count{bottom:24px}}
.student-material-thumbnail .student-video-placeholder{width:100%!important;height:100%!important;margin:0!important;border-radius:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#171c42,#4b3fa7)!important;color:#fff!important;font-size:30px!important}
.student-material-thumbnail{position:relative}.student-material-thumbnail video{background:#111522}.student-material-thumbnail .student-video-play{position:absolute!important;left:50%!important;top:50%!important;width:46px!important;height:46px!important;transform:translate(-50%,-50%);display:grid!important;place-items:center!important;border:2px solid rgba(255,255,255,.72)!important;border-radius:50%!important;background:linear-gradient(135deg,rgba(112,63,239,.94),rgba(151,72,238,.94))!important;box-sizing:border-box!important;box-shadow:0 7px 22px rgba(82,42,190,.38);pointer-events:none}.student-material-thumbnail .student-video-play::before{content:"";display:block;width:0;height:0;margin-left:3px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #fff;filter:drop-shadow(0 1px 1px rgba(30,10,80,.18))}.student-material-thumbnail:hover .student-video-play{background:linear-gradient(135deg,#6233e5,#bc45ec)!important;transform:translate(-50%,-50%) scale(1.06)}
.chat-message .chat-image-series>button>em{height:28px;margin:0 7px 7px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(135deg,#733bfa,#368bff);color:#fff;font-size:9px;font-style:normal;font-weight:900}
.lesson-editor-block-head>button span{display:inline-flex!important;align-items:center;line-height:1!important;transform:translateY(-2px)}
.lesson-prompts-card{display:grid;gap:14px}.lesson-prompts-card .panel-head{align-items:flex-start}.lesson-prompts-card .panel-head p{margin:5px 0 0;color:#737b90;font-size:12px}.add-prompt-template{min-height:42px;border:0;border-radius:13px;background:var(--grad-hot);color:#fff;padding:0 17px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.lesson-prompt-templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.empty-prompt-templates{grid-column:1/-1;margin:0;border:1px dashed #d7dbea;border-radius:15px;background:#fafbfe;padding:20px;color:#7b8296;text-align:center}.lesson-prompt-template{display:grid;gap:9px;border:1px solid #d9cdfd;border-radius:17px;background:linear-gradient(135deg,#faf7ff,#fff9ef);padding:13px}.lesson-prompt-template-head{display:flex;align-items:center;justify-content:space-between}.lesson-prompt-template-head>b{color:#6d39fa}.lesson-prompt-template-head button{width:31px;height:31px;border:1px solid #ffd1c7;border-radius:10px;background:#fff8f5;color:#ef4b45;font-size:19px;cursor:pointer}.lesson-prompt-template label{display:grid;gap:4px;color:#5f667d;font-size:10px;font-weight:900}.lesson-prompt-template input,.lesson-prompt-template textarea{width:100%;box-sizing:border-box;border:1px solid #dce1ec;border-radius:10px;background:#fff;color:#091136;padding:9px 10px;font:inherit;font-size:12px;line-height:1.4}.lesson-prompt-template textarea{resize:vertical;min-height:88px}.lesson-prompt-template>small{color:#8a91a5;font-size:10px}.teacher-script-prompts{display:grid;gap:8px;margin-top:14px}.teacher-script-prompts>h3{margin:0}.teacher-script-prompts article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #e2d7ff;border-radius:14px;background:linear-gradient(120deg,#f7f2ff,#fff7e8);padding:10px}.teacher-script-prompts article>span{border-radius:8px;background:#7040ed;color:#fff;padding:6px 7px;font-size:9px;font-weight:900}.teacher-script-prompts b{display:block}.teacher-script-prompts p{margin:3px 0 0;color:#525a73;font-size:11px;line-height:1.35}.teacher-script-prompts small{color:#008957;font-size:9px;font-weight:900}.prompt-template-message>div{width:min(680px,86%)}.student-prompt-card{display:grid;gap:11px;border:1px solid #cbbaff;border-radius:18px;background:linear-gradient(135deg,#f7f1ff 0%,#fff8e8 100%);padding:14px;box-shadow:0 8px 22px rgba(104,64,219,.12)}.student-prompt-card header>span{display:inline-flex;border-radius:999px;background:#7445ef;color:#fff;padding:5px 9px;font-size:9px;font-weight:900;letter-spacing:.04em}.student-prompt-card h3{margin:7px 0 2px;font-size:17px}.student-prompt-card header p{margin:0!important;color:#626a83!important;font-size:11px!important}.student-prompt-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.student-prompt-fields label{display:grid;gap:4px}.student-prompt-fields label>span{color:#4c5470;font-size:10px;font-weight:900;text-transform:capitalize}.student-prompt-fields input{width:100%;height:38px;box-sizing:border-box;border:1px solid #d7dce8;border-radius:10px;background:#fff;padding:0 10px;color:#091136;font:inherit;font-size:12px}.student-prompt-fields input:focus{border-color:#7846f4;outline:3px solid rgba(120,70,244,.1)}.student-prompt-result{border-radius:12px;background:#fff;padding:10px}.student-prompt-result small{color:#7143e9;font-size:9px;font-weight:900}.student-prompt-result p{margin:4px 0 0!important;color:#252d4c!important;font-size:11px!important;line-height:1.45!important}.student-prompt-actions{display:flex;gap:7px}.student-prompt-actions button{height:38px;border:0;border-radius:11px;padding:0 13px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.student-prompt-actions button:first-child{flex:1;background:var(--grad-hot);color:#fff}.student-prompt-actions button:last-child{border:1px solid #d8cdfa;background:#fff;color:#6737e8}.student-prompt-card>em{min-height:13px;color:#008957;font-size:10px;font-style:normal;font-weight:900}@media(max-width:800px){.lesson-prompt-templates{grid-template-columns:1fr}.student-prompt-fields{grid-template-columns:1fr}.prompt-template-message>div{width:90%}.student-prompt-actions{display:grid;grid-template-columns:1fr 1fr}}
.script-material-token .script-material-icon{cursor:zoom-in}.lesson-page-script .script-material-preview-token{cursor:zoom-in}.lesson-page-script .script-material-preview-token:hover{border-color:#8a63ff;box-shadow:0 8px 22px rgba(105,62,224,.16);transform:translateY(-1px)}
.attached-material-row .material-preview-button{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;margin:0!important;border:0!important;border-radius:6px!important;background:#f2efff!important;color:#091136!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;box-shadow:none!important;cursor:zoom-in}.attached-material-row .material-preview-button:hover{background:#e8e0ff!important;transform:scale(1.06);box-shadow:0 4px 10px rgba(105,62,224,.12)!important}
.lesson-archive{margin-top:22px;padding:18px}.lesson-archive[hidden]{display:none}.lesson-archive .panel-head{align-items:center;margin-bottom:12px}.lesson-archive .panel-head h2{margin:0;font-size:21px}.lesson-archive .panel-head p{margin:4px 0 0;color:#737b90;font-size:11px}.lesson-archive .panel-head>span{border-radius:999px;background:#f1f3f8;color:#737b90;padding:6px 10px;font-size:10px;font-weight:900}.lesson-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lesson-archive-card{min-height:62px;border:1px solid #e4e7ef;border-radius:14px;background:#f8f9fc;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.lesson-archive-card b,.lesson-archive-card small{display:block}.lesson-archive-card b{font-size:12px}.lesson-archive-card small{margin-top:4px;color:#8a91a5;font-size:9px}.lesson-archive-card button{height:34px;border:1px solid #d7cbff;border-radius:10px;background:#fff;color:#653cda;padding:0 11px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.lesson-archive-card button:hover{background:#7041ed;color:#fff}@media(max-width:760px){.lesson-archive-grid{grid-template-columns:1fr}}
.material-presentation-controls{flex:0 0 auto;margin-top:10px;padding:9px 10px;border-radius:15px;background:#fff5d9;display:flex;align-items:center;gap:8px}.material-presentation-controls[hidden]{display:none}.material-presentation-controls span{margin-right:auto;color:#5f4a13;font-size:13px;font-weight:900}.material-presentation-controls button{min-height:38px;border:0;border-radius:11px;background:var(--grad-hot);color:#fff;padding:0 14px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.material-presentation-controls button.secondary{border:1px solid #ffc9bc;background:#fff;color:#ff5146}.student-presentation-status{width:100%;flex:0 0 auto;margin-top:10px;border:0;border-radius:13px;background:#fff5d9;color:#6b5010;padding:9px 12px;text-align:center;font:inherit;font-size:13px;font-weight:900;cursor:pointer}.material-modal.teacher-controlled .material-modal__close{display:none}.material-modal.teacher-controlled .material-modal__preview video{pointer-events:none}.material-modal.teacher-controlled .material-gallery-arrow{display:none!important}
.student-presentation-status.is-free{background:#dff8e9;color:#087a48;box-shadow:0 5px 14px rgba(18,174,103,.14)}
.script-material-live-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:7px 0}.script-material-live-row .script-material-send{margin:0;min-height:56px}.script-material-live-row .script-material-send small{padding:8px 10px;font-size:10px}.script-material-live-row .script-material-send em{padding:6px 9px;font-size:10px}.script-material-present{min-height:34px;border:0;border-radius:10px;background:#07113c;color:#fff;padding:0 11px;font:inherit;font-size:10px;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:0 5px 12px rgba(7,17,60,.12)}.script-material-present:hover{background:#6d39fa;transform:translateY(-1px)}
@media(max-width:760px){.script-material-live-row{grid-template-columns:1fr;gap:5px}.script-material-present{justify-self:end}}
.teacher-script-prompts article>button{min-height:34px;border:0;border-radius:10px;background:var(--grad-hot);color:#fff;padding:0 11px;font:inherit;font-size:10px;font-weight:900;white-space:nowrap;cursor:pointer}.teacher-script-prompts article>button:disabled{background:#dff8e9;color:#087a48;cursor:default}.student-prompt-actions button:disabled{background:#eceef4!important;color:#747b90!important;cursor:default}.teacher-prompt-review{display:grid;gap:8px;border:1px solid #d9cdfd;border-radius:14px;background:#faf7ff;padding:10px}.teacher-prompt-review header{display:flex;align-items:center;gap:7px}.teacher-prompt-review header>span{border-radius:7px;background:#7040ed;color:#fff;padding:5px 7px;font-size:8px;font-weight:900}.teacher-prompt-review header>b{margin-right:auto}.teacher-prompt-review header>small{border-radius:999px;background:#fff0d9;color:#9a6200;padding:5px 7px;font-size:9px;font-weight:900}.teacher-prompt-review header>small[data-status="approved"]{background:#dff8e9;color:#087a48}.teacher-prompt-review header>small[data-status="rejected"]{background:#fff0f0;color:#d94343}.teacher-prompt-review>p{margin:0!important;border-radius:10px;background:#fff;padding:9px!important;font-size:11px!important;line-height:1.4!important}.teacher-prompt-review>div{display:flex;gap:6px}.teacher-prompt-review>div button{min-height:32px;border:0;border-radius:9px;padding:0 10px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.teacher-prompt-review>div button:first-child{background:#12c48b;color:#fff}.teacher-prompt-review>div button:last-child{background:#fff0f0;color:#d94343}
/* Промт-конструктор: одна рамка только у самой карточки. */
.chat-message.prompt-template-message>div{
  width:min(680px,86%);
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0!important;
}
.chat-message.prompt-template-message .student-prompt-card{box-shadow:none}
.student-prompt-fields label>span{text-transform:none}
.prompt-template-message--compact>div{width:min(560px,86%)}
.student-prompt-chat-card{display:grid;gap:8px;border:1px solid #cbbaff;border-radius:18px;background:linear-gradient(135deg,#f7f1ff 0%,#fff8e8 100%);padding:16px;box-shadow:0 8px 22px rgba(104,64,219,.12)}
.student-prompt-chat-card>span{width:max-content;border-radius:999px;background:#7445ef;color:#fff;padding:5px 9px;font-size:9px;font-weight:900;letter-spacing:.04em}
.student-prompt-chat-card h3{margin:0;color:#171d3b;font-size:17px}
.student-prompt-chat-card p{margin:0!important;color:#626a83!important;font-size:11px!important}
.student-prompt-chat-card small{color:#6d748a;font-size:10px;font-weight:800}
.student-prompt-chat-card small[data-status="approved"]{color:#008957}
.student-prompt-chat-card small[data-status="rejected"]{color:#d4493f}
.student-prompt-chat-card button{height:40px;margin-top:2px;border:0;border-radius:11px;background:var(--grad-hot);color:#fff;padding:0 14px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.student-prompt-actions>button{width:100%;flex:1}
.student-prompt-actions .prompt-action-review{background:var(--grad-hot)!important;color:#fff!important;border:0!important}
.student-prompt-actions .prompt-action-generate{background:var(--grad-blue)!important;color:#fff!important;border:0!important;box-shadow:0 10px 22px rgba(51,140,255,.24)}
.student-prompt-actions .prompt-action-project{background:linear-gradient(135deg,#111c42,#7045e9)!important;color:#fff!important;border:0!important;box-shadow:0 10px 22px rgba(70,62,185,.24)}
.student-prompt-actions>button:disabled{background:#eef0f6!important;color:#8c94a8!important;cursor:default}
.prompt-template-sent-message>div{padding:10px 12px!important;background:linear-gradient(135deg,#f6f1ff,#fff8ea)!important;border-color:#d8c9ff!important}
.teacher-prompt-sent{display:flex;align-items:center;gap:10px}
.teacher-prompt-sent>span{flex:0 0 auto;border-radius:999px;background:#7445ef;color:#fff;padding:5px 8px;font-size:8px;font-weight:900;letter-spacing:.04em}
.teacher-prompt-sent section{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1}
.teacher-prompt-sent b{margin:0!important;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.teacher-prompt-sent small{flex:0 0 auto;color:#00945c;font-size:9px;font-weight:900}
.teacher-prompt-preview-message .student-prompt-fields input[readonly]{cursor:default;background:#fff;color:#091136}
.teacher-prompt-preview-message .student-prompt-card>em{color:#00945c}
.student-prompt-popup{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:20px}
.student-prompt-popup.open{display:flex}
.student-prompt-popup__backdrop{position:absolute;inset:0;background:rgba(5,10,41,.78);backdrop-filter:blur(7px)}
.student-prompt-popup__dialog{position:relative;width:min(1040px,96vw);max-height:94vh;overflow:auto;border:1px solid #d9caff;border-radius:26px;background:#fff;padding:28px;box-shadow:0 28px 90px rgba(5,10,41,.38)}
.student-prompt-popup__close{position:sticky;z-index:3;top:0;float:right;width:44px;height:44px;margin:0 0 -44px;border:0;border-radius:14px;background:#f1edff;color:#6f3ce8;font-size:30px;line-height:1;cursor:pointer}
.student-prompt-popup__content{clear:both;padding-top:6px}
.student-prompt-popup__content .prompt-template-message{display:block}
.student-prompt-popup__content .prompt-template-message>img,.student-prompt-popup__content .prompt-template-message time{display:none}
.student-prompt-popup__content .prompt-template-message>div{width:100%;max-width:none}
.student-prompt-popup__content .student-prompt-card{padding:22px;gap:16px}
.student-prompt-popup__content .student-prompt-card h3{font-size:25px}
.student-prompt-popup__content .student-prompt-fields input{height:50px;font-size:15px}
.student-prompt-popup__content .student-prompt-actions button{height:48px;font-size:14px}
@media(max-width:900px){.student-prompt-popup{padding:8px}.student-prompt-popup__dialog{width:100%;max-height:98dvh;border-radius:20px;padding:16px}.student-prompt-popup__content .student-prompt-card{padding:17px}.student-prompt-popup__content .student-prompt-card h3{font-size:21px}.student-prompt-popup__content .student-prompt-fields{grid-template-columns:1fr 1fr}.student-prompt-popup__content .student-prompt-fields input{height:46px}}
@media(max-width:600px){.student-prompt-popup__content .student-prompt-fields{grid-template-columns:1fr}.student-prompt-popup__dialog{padding:12px}.student-prompt-popup__content .student-prompt-card{padding:14px}}
.student-action-notice{position:fixed;inset:0;z-index:130;display:none;align-items:center;justify-content:center;padding:20px}.student-action-notice.open{display:flex}.student-action-notice__backdrop{position:absolute;inset:0;background:rgba(5,10,41,.76);backdrop-filter:blur(7px)}.student-action-notice__dialog{position:relative;width:min(560px,92vw);border:1px solid #cbeedc;border-radius:28px;background:#fff;padding:38px 42px 34px;text-align:center;box-shadow:0 30px 90px rgba(5,10,41,.4)}.student-action-notice__close{position:absolute;right:16px;top:16px;width:42px;height:42px;border:0;border-radius:14px;background:#f1edff;color:#6f3ce8;font-size:29px;line-height:1;cursor:pointer}.student-action-notice__icon{width:66px;height:66px;margin:0 auto 17px;border-radius:50%;background:#dff8ec;color:#008f58;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900}.student-action-notice__dialog h2{margin:0;color:#091136;font-size:28px;line-height:1.15}.student-action-notice__dialog p{margin:12px auto 0;max-width:440px;color:#4f5873;font-size:17px;line-height:1.45;font-weight:800}.student-action-notice[data-type="waiting"] .student-action-notice__icon{background:#fff1d7;color:#ff7914}.student-action-notice[data-type="error"] .student-action-notice__dialog{border-color:#ffd0d0}.student-action-notice[data-type="error"] .student-action-notice__icon{background:#ffe9e9;color:#e64343}@media(max-width:600px){.student-action-notice{padding:12px}.student-action-notice__dialog{width:100%;border-radius:22px;padding:32px 22px 27px}.student-action-notice__dialog h2{font-size:23px}.student-action-notice__dialog p{font-size:15px}.student-action-notice__icon{width:58px;height:58px;font-size:29px}}
.project-assistant-pane.active{display:flex;flex-direction:column}.project-chat-feed{flex:1;min-height:160px;display:flex;flex-direction:column;gap:9px;overflow:auto;padding:2px}.project-chat-message{align-self:flex-start;width:min(720px,88%);display:grid;gap:6px;border:1px solid #e0e5ef;border-radius:15px;background:#f7f9fd;padding:11px 13px}.project-chat-message>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-chat-message b{font-size:11px}.project-chat-message span{border-radius:999px;background:#fff0d9;color:#b76a00;padding:4px 7px;font-size:8px;font-weight:900}.project-chat-message.approved span,.project-chat-message.completed span{background:#dff8ec;color:#008957}.project-chat-message.rejected span{background:#fff0f0;color:#d74040}.project-chat-message p{margin:0;color:#303a56;font-size:11px;line-height:1.4}.project-chat-message>button,.project-review-attachment{width:min(260px,100%);height:48px!important;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center;gap:8px;border:1px solid #dfe4ed!important;border-radius:11px!important;background:#fff!important;color:#17213d!important;padding:4px!important;text-align:left;cursor:pointer}.project-chat-message>button img,.project-review-attachment img{width:40px;height:40px;border-radius:8px;object-fit:cover}.project-chat-message>button small,.project-review-attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:900}.project-chat-composer{grid-template-columns:minmax(0,1fr) 44px auto!important;align-items:stretch;border-top:1px solid #e3e7ef;padding-top:10px}.project-chat-composer textarea{min-height:58px!important}.project-chat-attach{width:44px!important;padding:0!important;background:#fff!important;color:#633ce0!important;border:1px solid #dce2ef!important;font-size:20px!important}.project-chat-composer>p{grid-column:1/-1;min-height:16px;margin:0;color:#646e84;font-size:10px;font-weight:900}.project-chat-attachment{grid-column:1/-1;display:grid!important;grid-template-columns:40px minmax(0,1fr) 30px;align-items:center;gap:8px;border:1px solid #ddd5fa;border-radius:11px;background:#faf8ff;padding:5px}.project-chat-attachment[hidden]{display:none!important}.project-chat-attachment img{width:40px;height:40px;border-radius:8px;object-fit:cover}.project-chat-attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900}.project-chat-attachment button{width:30px!important;height:30px!important;padding:0!important;background:#fff0f0!important;color:#df4343!important}.project-review-attachment{margin:0}.project-review-attachment img{width:40px!important;height:40px!important}@media(max-width:700px){.project-chat-composer{grid-template-columns:minmax(0,1fr) 42px!important}.project-chat-composer>button[type="submit"]{grid-column:1/-1;height:40px}.project-chat-message{width:96%}}
/* Kling video generation */
.kling-lesson-settings{grid-column:1/-1;margin-top:14px;padding:18px;border:1px solid #cfd2d8;border-radius:18px;background:linear-gradient(145deg,#f7f7f8,#e7e8eb);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;color:#25282e}.kling-lesson-settings[hidden]{display:none}.kling-lesson-settings h4,.kling-lesson-settings p{grid-column:1/-1;margin:0}.kling-lesson-settings label{display:grid;gap:6px;font-size:13px;font-weight:900}.kling-lesson-settings select{height:42px;border:1px solid #bfc3ca;border-radius:11px;background:#fff;padding:0 12px;color:#17191d;font-weight:800}.kling-lesson-settings .kling-check{display:flex;align-items:center;gap:9px}.kling-lesson-settings p{color:#656a73;font-size:12px}
.student-video-generation-panel{border-color:#bfc3ca!important;background:linear-gradient(145deg,#f6f6f7,#e3e4e7)!important;color:#202329}.student-video-generation-panel .student-generation-title{color:#202329}.student-video-rules{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 12px}.student-video-rules b,.student-video-rules span{padding:6px 9px;border-radius:999px;background:#d0d2d6;color:#30333a;font-size:12px}.student-video-generation-panel form{display:grid;gap:10px}.student-video-generation-panel textarea{min-height:105px;border:1px solid #b9bdc4;border-radius:14px;padding:12px;resize:vertical}.student-video-frame{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px dashed #9297a0;border-radius:12px;background:#fff;color:#343840;font-weight:900}.student-video-generation-panel button{height:44px;border:0;border-radius:13px;background:linear-gradient(135deg,#24272d,#747982);color:#fff;font-weight:900;cursor:pointer}.generation-video-preview{width:190px;max-height:180px;border-radius:14px;background:#17191d;object-fit:contain}
@media(max-width:700px){.kling-lesson-settings{grid-template-columns:1fr}}
.kling-lesson-settings label.kling-check{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:32px;width:100%;text-align:left}.kling-lesson-settings label.kling-check input[type="checkbox"]{flex:0 0 17px;width:17px!important;height:17px!important;min-width:17px;margin:0;padding:0;accent-color:#555b66}
.student-video-generation-panel .student-video-library-button{height:auto;min-height:40px;padding:9px 12px;background:#fff;color:#3a3e46;border:1px solid #aeb2ba}
.student-work-preview{position:relative}.student-work-preview video{width:100%;height:100%;display:block;object-fit:cover}.student-work-video-mark{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);display:grid;place-items:center;border:2px solid rgba(255,255,255,.76);border-radius:50%;background:linear-gradient(135deg,rgba(105,55,232,.95),rgba(180,65,235,.95));box-sizing:border-box;box-shadow:0 9px 26px rgba(76,35,182,.42);pointer-events:none}.student-work-video-mark::before{content:"";display:block;width:0;height:0;margin-left:4px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #fff;filter:drop-shadow(0 1px 1px rgba(30,10,80,.2))}.student-work-preview:hover .student-work-video-mark{background:linear-gradient(135deg,#6030df,#c13fe9);transform:translate(-50%,-50%) scale(1.06)}
.student-video-generation-panel [data-first-frame-field][hidden],.student-video-generation-panel [data-last-frame-field][hidden],.student-video-generation-panel [data-video-library-field][hidden]{display:none!important}.student-video-generation-panel [data-video-reference-preview][hidden]{display:none!important}
.student-heygen-panel{border-color:#ffbf88!important;background:linear-gradient(135deg,#fff7ec,#fff0e9 52%,#f8ecff)!important}.student-heygen-panel .student-generation-title{color:#ef681d}.student-heygen-panel form{grid-template-columns:42px minmax(0,1fr) 150px!important;align-items:start}.heygen-character-empty{min-height:46px;display:flex;align-items:center;border:1px dashed #e5b88f;border-radius:11px;background:#fff;padding:0 12px;color:#7a6f70;font-size:11px;font-weight:800}.heygen-character-empty[hidden]{display:none}.student-heygen-panel .generation-reference-preview,.heygen-voice-picker,.student-heygen-panel textarea{grid-column:1/-1}.heygen-voice-picker{display:grid;gap:7px}.heygen-voice-picker[hidden]{display:none}.heygen-voice-picker>b{font-size:12px}.heygen-voice-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.heygen-voice-option{display:grid;grid-template-columns:16px 34px minmax(0,1fr);align-items:center;gap:5px;border:1px solid #e4dcea;border-radius:11px;background:#fff;padding:6px;cursor:pointer}.heygen-voice-option:has(input:checked){border-color:#8c45e9;box-shadow:0 0 0 2px rgba(140,69,233,.1)}.heygen-voice-option input{margin:0}.heygen-voice-option button{min-width:0!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#823be8!important;padding:0!important}.heygen-voice-option span{font-size:10px;font-weight:900;line-height:1.15}.student-heygen-panel textarea{min-height:64px;height:64px}.student-heygen-panel form>button[type="submit"]{grid-column:3;grid-row:1;height:46px;background:linear-gradient(135deg,#ff7a19,#ed3fa5)}@media(max-width:800px){.student-heygen-panel form{grid-template-columns:42px minmax(0,1fr)!important}.student-heygen-panel form>button[type="submit"]{grid-column:1/-1;grid-row:auto;width:100%}.heygen-voice-picker>div{grid-template-columns:1fr}}
.teacher-chat-detail .chat-input{grid-template-columns:minmax(0,1fr) 46px auto}.teacher-chat-attach{width:46px!important;padding:0!important;border:1px solid #d9dfea!important;background:#fff!important;color:#5f6570!important;font-size:20px!important}.teacher-chat-attach:disabled{opacity:.4;cursor:not-allowed}.teacher-chat-attachment-draft{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d9dfea;border-radius:12px;background:#f6f7f9;padding:7px 10px}.teacher-chat-attachment-draft[hidden]{display:none}.teacher-chat-attachment-draft span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#343a45;font-size:12px;font-weight:900}.teacher-chat-attachment-draft button{width:30px!important;height:30px!important;padding:0!important;border-radius:9px!important;background:#fff0f0!important;color:#d94141!important}
.teacher-chat-attachment-picker{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:20px}.teacher-chat-attachment-picker[hidden]{display:none}.teacher-chat-attachment-picker__backdrop{position:absolute;inset:0;background:rgba(6,10,34,.72);backdrop-filter:blur(6px)}.teacher-chat-attachment-picker>article{position:relative;width:min(720px,94vw);max-height:88vh;overflow:auto;border-radius:24px;background:#fff;padding:26px;box-shadow:0 30px 90px rgba(5,10,41,.4)}.teacher-chat-attachment-picker>article>button{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:12px;background:#f0edff;color:#6840dc;font-size:27px}.teacher-chat-attachment-picker h2{margin:0 50px 18px 0;color:#101735}.teacher-chat-attachment-picker h3{margin:22px 0 10px;color:#303851;font-size:15px}.teacher-chat-file-choice{display:grid;grid-template-columns:48px minmax(0,1fr);gap:3px 12px;align-items:center;border:1px dashed #aeb4bf;border-radius:17px;background:#f8f9fb;padding:14px;cursor:pointer}.teacher-chat-file-choice input{display:none}.teacher-chat-file-choice>span{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e8e9ec;color:#30343b;font-size:28px}.teacher-chat-file-choice b{font-size:14px}.teacher-chat-file-choice small{color:#747b89;font-size:11px}.teacher-chat-attachment-picker [data-teacher-chat-generation-list]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.teacher-chat-attachment-picker [data-select-teacher-chat-asset]{overflow:hidden;display:grid;grid-template-rows:110px auto;border:1px solid #e0e4eb;border-radius:15px;background:#fff;padding:0;text-align:left;cursor:pointer}.teacher-chat-attachment-picker [data-select-teacher-chat-asset]>img{width:100%;height:110px;object-fit:cover}.teacher-chat-attachment-picker [data-select-teacher-chat-asset]>i{display:grid;place-items:center;height:110px;background:#f3f4f7;font-size:36px;font-style:normal}.teacher-chat-attachment-picker [data-select-teacher-chat-asset]>span{display:grid;gap:2px;padding:9px}.teacher-chat-attachment-picker [data-select-teacher-chat-asset] b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.teacher-chat-attachment-picker [data-select-teacher-chat-asset] small{color:#747b89;font-size:9px}@media(max-width:600px){.teacher-chat-attachment-picker [data-teacher-chat-generation-list]{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-chat-detail .chat-input{grid-template-columns:minmax(0,1fr) 42px}.teacher-chat-detail .chat-input>button[type="submit"]{grid-column:1/-1}}
.student-material-file-icon{display:grid;place-items:center;width:100%;height:100%;min-height:120px;background:#f1f3f7;font-size:44px}
/* Масштабируемая панель инструментов урока: любое число сервисов без наложений. */
.teacher-generation-panel{min-width:0;max-height:min(48vh,520px);overflow:hidden}.generation-panel-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px}.generation-panel-head>div{min-width:0}.generation-brand{min-width:0;align-items:flex-start;flex-wrap:wrap}.generation-services{min-width:0;max-width:100%;flex:1 1 150px;flex-wrap:wrap}.generation-services small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generation-brand>span{flex:0 0 auto;white-space:nowrap}.generation-panel-head>button{max-width:100%;align-self:start}.teacher-kling-runtime{min-width:0;max-width:100%}.teacher-kling-runtime b,.teacher-kling-runtime span{max-width:100%;white-space:normal;line-height:1.2}.generation-queue-filters{max-width:100%;flex-wrap:wrap;overflow:visible}.generation-review-queue{min-width:0;overflow:auto}.generation-review-card{min-width:0}.generation-review-info,.generation-review-card details,.generation-review-card summary{min-width:0}.teacher-project-panel{min-width:0}.project-panel-head{display:grid;grid-template-columns:minmax(0,1fr) auto}.project-panel-head>div{min-width:0}.teacher-script-panel>*{max-width:100%}
.learning-app:not(.teacher-mode) .student-generation-panel{flex:0 0 auto;min-width:0;max-width:100%}.learning-app:not(.teacher-mode) .student-generation-panel form>*{min-width:0}.learning-app:not(.teacher-mode) .student-video-generation-panel form{grid-template-columns:minmax(0,1fr)}.learning-app:not(.teacher-mode) .student-video-generation-panel textarea{width:100%;max-width:100%}
@media(max-width:560px){.generation-panel-head,.project-panel-head{grid-template-columns:1fr}.generation-panel-head>button,.project-panel-head>button{justify-self:start}.generation-brand{display:grid;justify-items:start}.generation-queue-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.generation-queue-filters button{min-width:0;padding:0 5px}.generation-review-card{grid-template-columns:58px minmax(0,1fr)}.generation-preview{width:58px;height:58px}}
.generation-panel-title{margin:0;color:#111936;font-size:16px}.generation-service-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.generation-service-cards>article{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;border:1px solid #dfe3eb;border-radius:14px;background:#fff;padding:8px;transition:border-color .18s,box-shadow .18s}.generation-service-cards>article[hidden]{display:none}.generation-service-cards>article.active{border-color:#8a72dc;box-shadow:0 0 0 2px rgba(111,72,221,.1)}.generation-service-cards>article[data-generation-service-card="kling"].active{border-color:#777d86;box-shadow:0 0 0 2px rgba(70,75,83,.1)}.generation-service-select{min-width:0;display:grid;justify-items:start;gap:2px;border:0;background:transparent;padding:2px;text-align:left;cursor:pointer}.generation-service-select small{font-size:9px;font-weight:900}.generation-service-card b,.generation-service-select b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111936;font-size:11px}.generation-service-select span{border-radius:999px;background:#f0f1f4;color:#747b88;padding:3px 6px;font-size:8px;font-weight:900}.generation-service-cards>article.is-open .generation-service-select span{background:#dff8ec;color:#008957}.generation-service-cards>article[data-generation-service-card="kling"] .generation-service-select small{color:#4c5159}.generation-service-access{align-self:center;height:31px;border:0;border-radius:9px;background:linear-gradient(135deg,#ff7914,#ef3fa4);color:#fff;padding:0 8px;font-size:8px;font-weight:900;white-space:nowrap;cursor:pointer}.generation-service-cards>article[data-generation-service-card="kling"] .generation-service-access{background:linear-gradient(135deg,#2f3339,#777d86)}.generation-service-cards>article.is-open .generation-service-access{background:#111936}.generation-service-cards .teacher-kling-runtime{grid-column:1/-1}.generation-service-cards+.generation-queue-filters{margin-top:2px}@media(max-width:620px){.generation-service-cards{grid-template-columns:1fr}.generation-service-cards>article{grid-template-columns:minmax(0,1fr) auto}}
.teacher-script-panel{overflow-y:auto!important;overflow-x:hidden!important}.teacher-script-panel>.teacher-generation-panel,.teacher-script-panel>.teacher-project-panel{width:100%;max-height:320px}.teacher-script-panel>.teacher-script-scroll{flex:1 0 280px;min-height:280px}.teacher-kling-panel{border-color:#cfd2d8;background:linear-gradient(145deg,#f6f6f7,#e5e6e9)}.teacher-kling-panel .generation-panel-head small{color:#343941}.teacher-kling-panel .generation-panel-head>button{background:linear-gradient(135deg,#2f3339,#777d86)}.teacher-kling-panel.is-open .generation-panel-head>button{background:#111318}.teacher-kling-panel .generation-review-queue{max-height:150px}.teacher-kling-panel .generation-video-preview{width:76px;height:76px;object-fit:cover;background:#17191d}.teacher-generation-panel .generation-panel-head{flex:0 0 auto}.teacher-generation-panel .generation-panel-head h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.learning-app:not(.teacher-mode) .student-video-generation-panel form{display:grid;grid-template-columns:minmax(0,1fr) 42px 136px;gap:6px}.learning-app:not(.teacher-mode) .student-video-generation-panel textarea{width:100%;height:46px;min-height:46px;resize:none;padding:7px 10px}.learning-app:not(.teacher-mode) .student-video-generation-panel form>button[type="submit"]{min-width:136px;height:46px}.learning-app:not(.teacher-mode) .student-video-generation-panel .generation-reference-preview{grid-column:1/-1}@media(max-width:800px){.learning-app:not(.teacher-mode) .student-video-generation-panel form{grid-template-columns:minmax(0,1fr) 42px}.learning-app:not(.teacher-mode) .student-video-generation-panel form>button[type="submit"]{grid-column:1/-1;width:100%}}

/* Переключатель Multi-shot: компактный квадрат и подпись в одной строке слева. */
.lesson-tools-picker .kling-lesson-settings label.kling-check{
  grid-column:1/-1;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:100%!important;
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
.lesson-tools-picker .kling-lesson-settings label.kling-check input[type="checkbox"]{
  position:static!important;
  display:block!important;
  flex:0 0 16px!important;
  width:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  height:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  margin:0!important;
  padding:0!important;
  accent-color:#555b66;
}
.lesson-tools-picker .kling-lesson-settings label.kling-check>span{
  display:inline!important;
  flex:0 1 auto!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1.25!important;
  text-align:left!important;
}
.kling-lesson-settings .kling-check.is-disabled{opacity:.48}.kling-lesson-settings .kling-check.is-disabled span::after{content:" · только Kling 3.0";font-size:10px;font-weight:800}
.generation-video-open{position:relative;overflow:hidden;width:76px;height:76px;border:0;border-radius:12px;background:#17191d;padding:0;cursor:pointer}.generation-video-open .generation-video-preview{display:block;width:100%!important;height:100%!important;border-radius:12px;object-fit:cover}.generation-video-open span{position:absolute;inset:auto 4px 4px;display:block;border-radius:7px;background:rgba(8,10,16,.78);color:#fff;padding:4px 3px;font-size:7px;font-weight:900;line-height:1.1;text-align:center}.generation-video-open:hover span{background:#fff;color:#25282e}
.kling-settings-card .openai-settings-head img{background:#050505;filter:none}.kling-settings-card .openai-budget-form button{background:linear-gradient(135deg,#282c32,#737983)}.kling-deduction-history{display:grid;gap:5px;max-height:150px;overflow:auto}.kling-deduction-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid #e1e3e8;border-radius:11px;background:#f7f7f8;padding:8px 10px}.kling-deduction-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.kling-deduction-row span{color:#777d86;font-size:9px}.kling-deduction-row strong{color:#353940;font-size:12px}.kling-deduction-history>small{color:#858b96;font-weight:800}

/* Единый аккуратный Play в чате и в «Моих работах». */
.student-material-thumbnail .student-video-play,
.student-work-preview .student-work-video-mark{
  width:54px!important;
  height:54px!important;
  border:2px solid rgba(255,255,255,.82)!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#6e38ed 0%,#b33fe8 100%)!important;
  box-shadow:0 8px 24px rgba(76,35,182,.4)!important;
  box-sizing:border-box!important;
}
.student-material-thumbnail .student-video-play::before,
.student-work-preview .student-work-video-mark::before{
  content:""!important;
  display:block!important;
  width:21px!important;
  height:24px!important;
  margin:0!important;
  border:0!important;
  background:#fff!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M3 2.7c0-1.35 1.49-2.17 2.63-1.45l16.1 10.14c1.07.68 1.07 2.54 0 3.22L5.63 24.75C4.49 25.47 3 24.65 3 23.3V2.7Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M3 2.7c0-1.35 1.49-2.17 2.63-1.45l16.1 10.14c1.07.68 1.07 2.54 0 3.22L5.63 24.75C4.49 25.47 3 24.65 3 23.3V2.7Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  transform:translateX(1px)!important;
  filter:none!important;
}
.teacher-heygen-panel{border-color:#ffcda9!important;background:linear-gradient(145deg,#fff9f2,#fff0e8 58%,#f8efff)!important}.teacher-heygen-panel .generation-panel-head small{color:#ef681d}.teacher-heygen-panel .generation-panel-head>button{background:linear-gradient(135deg,#ff7a19,#ed3fa5)}.teacher-heygen-panel.is-open .generation-panel-head>button{background:#111936}.teacher-heygen-panel .generation-review-queue{max-height:180px}
.heygen-settings-card .openai-settings-head img{background:linear-gradient(135deg,#6457ff,#ad55f2);filter:none}.heygen-settings-card .openai-settings-head{justify-content:flex-start}.heygen-refresh-button{justify-self:start;height:38px;border:0;border-radius:11px;background:linear-gradient(135deg,#6457ff,#ad55f2);color:#fff;padding:0 18px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.generation-processing{display:flex;align-items:center;gap:7px;color:#6840db}.generation-processing-spinner{width:13px;height:13px;flex:0 0 13px;border:2px solid #ddd3ff;border-top-color:#7548fb;border-radius:50%;animation:generation-spin .8s linear infinite}@keyframes generation-spin{to{transform:rotate(360deg)}}.generation-review-actions>.generation-processing{min-height:30px}
.lesson-archive-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.lesson-archive-card button.delete-forever{border-color:#ffd2d2;color:#d83d4a}.lesson-archive-card button.delete-forever:hover{border-color:#d83d4a;background:#d83d4a;color:#fff}.lesson-archive-card button:disabled{opacity:.55;cursor:wait}@media(max-width:760px){.lesson-archive-card{align-items:flex-start}.lesson-archive-actions{max-width:190px}}
.student-page-tab [data-teacher-student-history] .teacher-history-extra{display:none}.student-page-tab [data-teacher-student-history].is-expanded .teacher-history-extra{display:grid}.student-history-toggle{height:38px;margin-top:10px;border:1px solid #cbbdff;border-radius:12px;background:#f7f4ff;color:#6236da;padding:0 16px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.student-history-toggle[hidden]{display:none}.teacher-student-video-preview{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#101638}.student-works .teacher-student-history-work .teacher-student-video-preview video{width:100%;height:100%;display:block;object-fit:cover}.teacher-student-video-preview>span{position:absolute;left:50%;top:50%;width:54px;height:54px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.8);border-radius:50%;background:#8a35e8;color:#fff;padding-left:3px;font-size:22px;box-shadow:0 8px 22px rgba(37,16,91,.3)}
.teacher-home-summary-list>span{border:1px solid #f0d579;background:linear-gradient(135deg,#fffbea,#fff3c7);padding:8px 10px;box-shadow:0 7px 16px rgba(207,164,30,.1)}
.teacher-home-questions-panel{background:linear-gradient(135deg,#f8f5ff,#fff)!important}.teacher-application-card.site-question>span{background:#eee9ff;color:#6737e8}.teacher-application-card.site-question.done{opacity:.68}.teacher-application-card.site-question.done>span{background:#e5f8ed;color:#16884b}.site-question-text{font-size:14px!important;color:#1d2548!important;white-space:pre-wrap}
/* Три фильтра списка учеников всегда стоят в одном ряду на широком экране. */
.students-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.students-toolbar{grid-template-columns:1fr}}

/* Активный онлайн-урок ученика: видео слева, рабочий чат справа. */
@media(min-width:761px){
  .learning-app:not(.teacher-mode) .lesson-chat-tab .lesson-room{
    display:grid;
    grid-template-columns:minmax(280px,360px) minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr);
    column-gap:18px;
    row-gap:10px;
    align-items:stretch;
  }
  .learning-app:not(.teacher-mode) .lesson-chat-tab .lesson-room-head{
    grid-column:1/-1;
    grid-row:1;
    margin-bottom:0;
  }
  .learning-app:not(.teacher-mode) .lesson-chat-tab .livekit-classroom{
    grid-column:1;
    grid-row:2;
    align-self:start;
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
  }
  .learning-app:not(.teacher-mode) .lesson-chat-tab .lesson-layout{
    grid-column:2;
    grid-row:2;
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    overflow:hidden;
  }
  .learning-app:not(.teacher-mode) .lesson-chat-tab .chat-panel,
  .learning-app:not(.teacher-mode) .lesson-chat-tab .project-workspace{
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
  }
  .learning-app:not(.teacher-mode) .lesson-chat-tab .livekit-classroom.is-connected .livekit-stage{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    width:100%;
    min-height:0;
    margin:0;
    padding:0;
    overflow:visible;
  }
  .learning-app:not(.teacher-mode) .lesson-chat-tab .livekit-classroom.is-connected .livekit-stage article.is-teacher,
  .learning-app:not(.teacher-mode) .lesson-chat-tab .livekit-classroom.is-connected .livekit-stage article.is-student{
    position:relative;
    right:auto;
    bottom:auto;
    z-index:1;
    margin:0;
    transform:none;
  }
  .learning-app:not(.teacher-mode) .lesson-chat-tab .livekit-classroom.is-connected .livekit-stage article.is-teacher{
    order:1;
    width:100%;
    box-shadow:none;
  }
  .learning-app:not(.teacher-mode) .lesson-chat-tab .livekit-classroom.is-connected .livekit-stage article.is-student{
    order:2;
    width:42%;
    box-shadow:0 12px 28px rgba(5,10,41,.22);
  }
  .learning-app:not(.teacher-mode) .lesson-chat-tab .livekit-classroom.is-connected.is-student-primary .livekit-stage article.is-student{
    order:1;
    width:100%;
    box-shadow:none;
  }
  .learning-app:not(.teacher-mode) .lesson-chat-tab .livekit-classroom.is-connected.is-student-primary .livekit-stage article.is-teacher{
    order:2;
    width:42%;
    box-shadow:0 12px 28px rgba(5,10,41,.22);
  }
  .learning-app:not(.teacher-mode) .lesson-chat-tab .livekit-classroom.is-connected .livekit-controls{
    margin-top:10px;
  }
}

.learning-app:not(.teacher-mode) .livekit-classroom.is-connected .livekit-control--swap{position:relative;width:42px;height:42px;min-height:42px;border-radius:50%;padding:0}.livekit-swap-icon{position:relative;display:block;width:22px;height:20px}.livekit-swap-icon i{position:absolute;width:12px;height:9px;border:2px solid #6339d8;border-radius:3px;box-sizing:border-box}.livekit-swap-icon i:first-child{left:1px;top:1px;background:#6339d8}.livekit-swap-icon i:last-child{right:1px;bottom:1px;background:#fff}.livekit-control--swap[aria-pressed="true"] .livekit-swap-icon i:first-child{background:#fff}.livekit-control--swap[aria-pressed="true"] .livekit-swap-icon i:last-child{background:#6339d8}

.teacher-chat-panel-head{display:flex;align-items:center;gap:10px;flex:0 0 auto}.teacher-chat-panel-head h3{margin:0;flex:1;font-size:22px}.teacher-chat-panel-head>button{height:34px;border:1px solid #d4c8ff;border-radius:11px;background:#fff;color:#6638df;padding:0 12px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.teacher-chat-panel-head .teacher-chat-popup-close{display:none;width:44px;height:44px;border:0;border-radius:14px;background:#f1edff;color:#6f3ce8;padding:0;font-size:30px;line-height:1}.teacher-chat-expanded{overflow:hidden}.teacher-chat-expanded:before{content:"";position:fixed;inset:0;z-index:119;background:rgba(5,10,41,.76);backdrop-filter:blur(7px)}.teacher-live-chat-panel.is-expanded{position:fixed!important;inset:20px!important;z-index:120;display:flex!important;flex-direction:column;width:auto!important;height:auto!important;min-height:0!important;overflow:hidden!important;border:1px solid #d9cdfd;border-radius:28px;background:#fff;padding:24px;box-shadow:0 30px 90px rgba(5,10,41,.42)}.teacher-live-chat-panel.is-expanded .teacher-chat-panel-head{margin-bottom:2px}.teacher-live-chat-panel.is-expanded .teacher-chat-panel-head h3{font-size:30px}.teacher-live-chat-panel.is-expanded [data-expand-live-chat]{display:none}.teacher-live-chat-panel.is-expanded .teacher-chat-popup-close{display:block}.teacher-live-chat-panel.is-expanded .individual-chat-wrap{flex:1 1 auto;min-height:0;overflow:hidden}.teacher-live-chat-panel.is-expanded .individual-thread{height:100%;min-height:0;overflow:auto}.teacher-live-chat-panel.is-expanded .teacher-student-tabs,.teacher-live-chat-panel.is-expanded .teacher-send-mode,.teacher-live-chat-panel.is-expanded .chat-input{flex:0 0 auto}@media(max-width:760px){.teacher-live-chat-panel.is-expanded{inset:7px!important;border-radius:20px;padding:14px}.teacher-live-chat-panel.is-expanded .teacher-chat-panel-head h3{font-size:22px}}

@media(max-width:760px){
  .learning-app:not(.teacher-mode) .lesson-chat-tab .livekit-classroom.is-connected .livekit-stage{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    width:min(340px,100%);
  }
  .learning-app:not(.teacher-mode) .lesson-chat-tab .livekit-classroom.is-connected .livekit-stage article.is-teacher,
  .learning-app:not(.teacher-mode) .lesson-chat-tab .livekit-classroom.is-connected.is-student-primary .livekit-stage article.is-student{
    position:relative;
    right:auto;
    bottom:auto;
    order:1;
    width:100%;
  }
  .learning-app:not(.teacher-mode) .lesson-chat-tab .livekit-classroom.is-connected .livekit-stage article.is-student,
  .learning-app:not(.teacher-mode) .lesson-chat-tab .livekit-classroom.is-connected.is-student-primary .livekit-stage article.is-teacher{
    position:relative;
    right:auto;
    bottom:auto;
    order:2;
    width:42%;
  }
}

@media(min-width:761px){
  .learning-app:not(.teacher-mode) .lesson-chat-tab .lesson-room:has(> .livekit-classroom[hidden]){
    grid-template-columns:minmax(0,1fr);
  }
  .learning-app:not(.teacher-mode) .lesson-chat-tab .lesson-room:has(> .livekit-classroom[hidden]) .lesson-layout{
    grid-column:1;
  }
}

.teacher-student-tabs button{height:94px}.teacher-student-tabs .student-presence{display:flex;align-items:center;justify-content:center;gap:5px;max-width:112px;color:#7c849b;font-size:9px;font-weight:900;line-height:1.1;text-align:center}.teacher-student-tabs .student-presence i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#aeb5c7;box-shadow:0 0 0 3px rgba(174,181,199,.16)}.teacher-student-tabs .student-presence.is-page{color:#3973d7}.teacher-student-tabs .student-presence.is-page i{background:#4b8cff;box-shadow:0 0 0 3px rgba(75,140,255,.15)}.teacher-student-tabs .student-presence.is-video{color:#079865}.teacher-student-tabs .student-presence.is-video i{background:#13c58b;box-shadow:0 0 0 3px rgba(19,197,139,.16)}.teacher-student-tabs .student-presence.is-background{color:#b17b00}.teacher-student-tabs .student-presence.is-background i{background:#f0b429;box-shadow:0 0 0 3px rgba(240,180,41,.16)}

.teacher-mode .livekit-classroom.is-connected .livekit-stage{display:flex;align-items:center;justify-content:flex-start;gap:16px;flex-wrap:wrap}.teacher-mode .livekit-classroom.is-connected .livekit-stage article.is-teacher{flex:0 1 320px;width:320px;max-width:100%;transform:none}.teacher-mode .livekit-classroom.is-connected .livekit-stage article.is-student{flex:0 1 280px;width:280px;max-width:100%;justify-self:auto}@media(max-width:900px){.teacher-mode .livekit-classroom.is-connected .livekit-stage{gap:12px}.teacher-mode .livekit-classroom.is-connected .livekit-stage article.is-teacher{flex-basis:280px;width:280px}.teacher-mode .livekit-classroom.is-connected .livekit-stage article.is-student{flex-basis:240px;width:240px}}

.livekit-student-actions{position:absolute;right:8px;top:8px;z-index:7;display:flex;gap:6px}.livekit-student-actions button{position:relative;width:34px;height:34px;border:1px solid rgba(255,255,255,.72);border-radius:10px;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 6px 16px rgba(5,10,41,.22)}.livekit-student-actions button:disabled{opacity:.48;cursor:not-allowed}.livekit-student-actions button img{width:17px;height:17px;object-fit:contain}.livekit-student-actions [data-teacher-mute].is-muted{border-color:#ff8d86;background:#fff0ef}.livekit-student-actions [data-expand-student-camera] i{width:15px;height:15px;border:2px solid #6339d8;border-radius:2px;box-sizing:border-box}.teacher-camera-expanded{overflow:hidden}.teacher-camera-expanded:before{content:"";position:fixed;inset:0;z-index:129;background:rgba(5,10,41,.82);backdrop-filter:blur(8px)}.teacher-mode .livekit-stage article.is-expanded-camera{position:fixed!important;inset:20px!important;z-index:130!important;width:auto!important;max-width:none!important;height:auto!important;aspect-ratio:auto!important;display:flex;align-items:center;justify-content:center;border-radius:24px;background:#070d2d!important;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.48)}.teacher-mode .livekit-stage article.is-expanded-camera video{width:100%;height:100%;object-fit:contain;border-radius:18px}.teacher-mode .livekit-stage article.is-expanded-camera>span{left:36px;bottom:34px;font-size:15px;padding:8px 13px}.teacher-mode .livekit-stage article.is-expanded-camera .livekit-student-actions{right:34px;top:34px}.teacher-mode .livekit-stage article.is-expanded-camera [data-expand-student-camera] i:after{content:"";position:absolute;left:7px;top:7px;width:16px;height:2px;background:#6339d8;transform:rotate(45deg);transform-origin:center}@media(max-width:760px){.teacher-mode .livekit-stage article.is-expanded-camera{inset:7px!important;border-radius:18px;padding:10px}}

.teacher-mode .livekit-stage-shell{position:relative;min-width:0;padding:0 42px}.teacher-mode .livekit-stage-shell .livekit-stage{display:flex;align-items:center;justify-content:flex-start;gap:16px;flex-wrap:nowrap;overflow-x:hidden;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:4px}.teacher-mode .livekit-stage-shell .livekit-stage article.is-teacher{flex:0 0 320px;width:320px}.teacher-mode .livekit-stage-shell .livekit-stage article.is-student{flex:0 0 280px;width:280px}.livekit-carousel-arrow{position:absolute;top:50%;z-index:8;width:34px;height:58px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;padding:0;transform:translateY(-50%);font:inherit;font-size:30px;font-weight:800;cursor:pointer}.livekit-carousel-arrow--prev{left:2px}.livekit-carousel-arrow--next{right:2px}.livekit-carousel-arrow:hover:not(:disabled){background:rgba(255,255,255,.22)}.livekit-carousel-arrow:disabled{opacity:.28;cursor:default}.livekit-carousel-arrow[hidden]{display:none}.livekit-classroom.is-camera-collapsed .livekit-stage-shell{display:none}@media(max-width:900px){.teacher-mode .livekit-stage-shell{padding:0 36px}.teacher-mode .livekit-stage-shell .livekit-stage{gap:12px}.teacher-mode .livekit-stage-shell .livekit-stage article.is-teacher{flex-basis:280px;width:280px}.teacher-mode .livekit-stage-shell .livekit-stage article.is-student{flex-basis:240px;width:240px}}

.teacher-mode .livekit-classroom.is-connected [data-livekit-connect]{display:none}.teacher-mode .livekit-classroom.is-connected .livekit-controls{margin-top:10px;gap:10px}.teacher-mode .livekit-classroom.is-connected [data-livekit-mic],.teacher-mode .livekit-classroom.is-connected [data-livekit-camera],.teacher-mode .livekit-classroom.is-connected [data-livekit-screen]{position:relative;width:46px;height:46px;min-width:46px;min-height:46px;border-radius:50%;padding:0;gap:0}.teacher-mode .livekit-classroom.is-connected [data-livekit-mic]>span,.teacher-mode .livekit-classroom.is-connected [data-livekit-camera]>span,.teacher-mode .livekit-classroom.is-connected [data-livekit-screen]>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.teacher-mode .livekit-classroom.is-connected [data-livekit-mic] img,.teacher-mode .livekit-classroom.is-connected [data-livekit-camera] img{width:21px;height:21px}.teacher-mode .livekit-classroom.is-connected [data-livekit-screen] .livekit-control__symbol{width:22px;height:22px;font-size:20px!important}.teacher-mode .livekit-classroom.is-connected .livekit-control--leave{min-height:46px;border-radius:14px;padding:0 16px}.teacher-mode .livekit-classroom.is-connected .livekit-control--leave .livekit-control__symbol{width:17px}.teacher-mode .livekit-classroom.is-connected .livekit-control--screen.is-active{border-color:transparent;background:var(--grad-blue);color:#fff}

/* Понятная иконка разворачивания камеры и крестик для её сворачивания. */
.livekit-student-actions [data-expand-student-camera] i{position:relative;width:16px;height:16px;border:0;border-radius:0;box-sizing:border-box}
.livekit-student-actions [data-expand-student-camera] i:before,.livekit-student-actions [data-expand-student-camera] i:after{content:"";position:absolute;width:7px;height:7px;background:transparent;box-sizing:border-box;transform:none}
.livekit-student-actions [data-expand-student-camera] i:before{left:0;top:0;border-left:2px solid #6339d8;border-top:2px solid #6339d8}
.livekit-student-actions [data-expand-student-camera] i:after{left:auto;right:0;top:auto;bottom:0;border-right:2px solid #6339d8;border-bottom:2px solid #6339d8}
.teacher-mode .livekit-stage article.is-expanded-camera [data-expand-student-camera] i:before,.teacher-mode .livekit-stage article.is-expanded-camera [data-expand-student-camera] i:after{left:7px;right:auto;top:0;bottom:auto;width:2px;height:16px;border:0;background:#6339d8;transform-origin:center}
.teacher-mode .livekit-stage article.is-expanded-camera [data-expand-student-camera] i:before{transform:rotate(45deg)}
.teacher-mode .livekit-stage article.is-expanded-camera [data-expand-student-camera] i:after{transform:rotate(-45deg)}