.dashboard-layout{color:#1e293b;background-color:#f8fafc;width:100%;min-height:100vh;font-family:Nunito,sans-serif;display:flex;overflow-x:hidden}.dashboard-sidebar{box-sizing:border-box;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:280px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.sidebar-logo{box-sizing:border-box;justify-content:flex-start;align-items:center;gap:12px;width:100%;min-height:58px;margin-bottom:28px;padding:0 12px;display:flex;overflow:visible}.sidebar-logo-image{object-fit:contain;object-position:center;flex-shrink:0;width:44px;height:44px;display:block}.sidebar-brand-copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.sidebar-logo-name{color:#1e293b;letter-spacing:-.6px;white-space:nowrap;font-family:Nunito,Arial,sans-serif;font-size:24px;font-weight:900;line-height:1}.sidebar-logo-subtitle{color:#61277c;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin-top:5px;font-family:Nunito,Arial,sans-serif;font-size:10.5px;font-weight:800;line-height:1.15}.sidebar-menu{flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.menu-item-container{flex-direction:column;display:flex}.menu-item{color:#64748b;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:15px;font-weight:600;transition:all .2s;display:flex;position:relative}.menu-item:hover{color:#1e293b;background:#f1f5f9}.menu-item.active{color:#4f46e5;background:#eef2ff}.menu-item-icon{stroke:currentColor;stroke-width:2px;fill:none;width:22px;height:22px}.menu-chevron{width:16px;height:16px;margin-left:auto;transition:transform .2s}.menu-chevron.open{transform:rotate(180deg)}.badge{color:#fff;background:#ef4444;border-radius:99px;margin-left:auto;padding:2px 6px;font-size:11px;font-weight:700}.submenu{border-left:2px solid #e2e8f0;flex-direction:column;gap:4px;max-height:0;margin-top:4px;margin-bottom:8px;margin-left:20px;padding-left:12px;transition:max-height .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.submenu.open{max-height:200px}.submenu-item{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;width:100%;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}.submenu-item:hover{color:#1e293b;background:#f8fafc}.submenu-item.active{color:#4f46e5;background:#eef2ff;font-weight:750}.sidebar-bottom{border-top:1px solid #f1f5f9;flex-direction:column;gap:6px;margin-top:auto;padding-top:16px;display:flex}.sidebar-profile{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;display:flex}.profile-avatar{color:#fff;background:#4f46e5;border-radius:50%;place-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:grid}.profile-info{flex:1}.profile-name{color:#1e293b;font-size:13px;font-weight:700}.profile-role{color:#64748b;font-size:11px}.dashboard-center{box-sizing:border-box;flex-direction:column;flex:1;gap:20px;height:100vh;padding:32px;display:flex;overflow-y:auto}.center-header{justify-content:space-between;align-items:center;display:flex}.greeting-title{color:#1e293b;margin:0 0 6px;font-family:"Baloo 2",Nunito,sans-serif;font-size:28px;font-weight:850}.greeting-subtitle{color:#64748b;margin:0;font-size:15px}.header-actions{align-items:center;gap:16px;display:flex}.notification-bell{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;place-items:center;width:44px;height:44px;transition:all .2s;display:grid;position:relative}.notification-bell:hover{color:#1e293b;background:#f8fafc}.bell-badge{color:#fff;background:#ef4444;border:2px solid #f8fafc;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.points-pill{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:15px;font-weight:700;display:flex}.xp-icon{font-size:18px}.learning-banner.cosmic-banner,.learning-banner.dynamic-banner{color:#fff;border-radius:20px;justify-content:space-between;align-items:center;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px -3px #20115e66}.learning-banner.cosmic-banner{background:linear-gradient(135deg,#100e3a 0%,#20115e 40%,#581c87 100%)}.learning-banner.dynamic-banner{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:230px}.cosmic-bg-container{pointer-events:none;z-index:1;position:absolute;inset:0}.cosmic-planet{filter:blur(2px);opacity:.65;border-radius:50%;position:absolute}.planet-purple{background:radial-gradient(circle,#a855f7cc 0%,#6b21a800 70%);width:100px;height:100px;animation:8s ease-in-out infinite floatSlow;top:-20px;left:20%}.planet-orange{background:radial-gradient(circle,#f9731699 0%,#c2410c00 70%);width:140px;height:140px;animation:12s ease-in-out infinite reverse floatSlow;bottom:-40px;right:35%}.cosmic-stars{opacity:.45;background-image:radial-gradient(#fff,#fff3 2px,#0000 40px),radial-gradient(#fff,#ffffff26 1px,#0000 30px),radial-gradient(#fff,#ffffff1a 2px,#0000 40px);background-position:0 0,40px 60px,130px 200px;background-size:240px 240px,180px 180px,280px 280px;width:100%;height:100%;position:absolute}.cosmic-astronaut{font-size:32px;animation:6s ease-in-out infinite floatAstronaut;position:absolute;top:20px;right:42%}@keyframes floatSlow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.05)}}@keyframes floatAstronaut{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-10px,-15px)rotate(15deg)}}.banner-content{z-index:2;max-width:55%;position:relative}.banner-tag{background:#fff3;border:1px solid #ffffff26;border-radius:8px;margin-bottom:12px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block;box-shadow:0 4px 6px #0000000d}.banner-title{margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:28px;font-weight:800;line-height:1.2}.banner-subtitle{opacity:.9;margin:0 0 24px;font-size:16px;font-weight:600}.banner-btn{color:#4f46e5;cursor:pointer;background:#fff;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.banner-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #ffffff26}.banner-graphic{z-index:2;justify-content:center;align-items:flex-end;width:35%;display:flex;position:absolute;top:0;bottom:0;right:5%}.banner-character-composition{flex-direction:column;align-items:center;display:flex;position:relative;bottom:12px}.banner-character-illustration{filter:drop-shadow(0 10px 12px #0000004d);font-size:100px;line-height:1;animation:7s ease-in-out infinite floatAstronaut}.banner-laptop-graphic{z-index:3;filter:drop-shadow(0 4px 6px #0000004d);margin-top:-24px;font-size:54px}.journey-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:18px;font-weight:750}.section-link{color:#4f46e5;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700}.timeline-wrapper{padding:16px 0;overflow-x:auto}.timeline-line{align-items:center;gap:20px;min-width:800px;display:flex;position:relative}.timeline-line:before{content:"";z-index:1;background:#e2e8f0;height:4px;position:absolute;top:21px;left:20px;right:20px}.timeline-step{z-index:2;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.step-node{cursor:pointer;background:#fff;border:none;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;font-size:13px;font-weight:750;transition:all .2s;display:grid}.step-node.completed{color:#fff;background:#10b981}.step-node.active{color:#fff;background:#4f46e5;outline:4px solid #e0e7ff}.step-node.locked{color:#94a3b8;background:#fff;border:2px dashed #cbd5e1}.step-name{color:#64748b;white-space:nowrap;font-size:11px;font-weight:600}.dashboard-layout .dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dashboard-layout .continue-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:16px;min-height:310px;padding:24px;display:flex}.dashboard-layout .continue-card-header{flex-direction:column;gap:4px;display:flex}.dashboard-layout .card-label{color:#10b981;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.dashboard-layout .card-title{margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:20px;font-weight:800}.dashboard-layout .continue-preview{color:#38bdf8;box-sizing:border-box;background:#0f172a;border-radius:12px;min-height:140px;padding:16px;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.6}.dashboard-layout .continue-preview .keyword{color:#f472b6}.dashboard-layout .continue-preview .string{color:#a7f3d0}.dashboard-layout .continue-preview .comment{color:#64748b}.dashboard-layout .continue-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.dashboard-layout .card-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s}.dashboard-layout .card-btn:hover{background:#059669}.dashboard-layout .card-time{color:#64748b;align-items:center;gap:6px;font-size:13px;display:flex}.dashboard-layout .lesson-selection-list{flex-direction:column;gap:8px;max-height:200px;padding-right:4px;display:flex;overflow-y:auto}.dashboard-layout .lesson-list-btn{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 14px;transition:all .2s;display:flex}.lesson-list-btn:hover{background:#f1f5f9;transform:translate(2px)}.lesson-list-btn.active{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe;box-shadow:0 4px 6px -1px #4f46e514}.lesson-number-badge{color:#334155;background:#cbd5e1;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:850}.lesson-list-btn.active .lesson-number-badge{color:#fff;background:#4f46e5}.lesson-info-text{flex:1}.lesson-list-title{margin-bottom:2px;font-size:13px;font-weight:750}.lesson-list-pages-count{color:#64748b;font-size:11px}.lesson-list-btn.active .lesson-list-pages-count{color:#6366f1}.lesson-list-arrow{color:#94a3b8;font-size:14px;font-weight:700}.lesson-list-btn.active .lesson-list-arrow{color:#4f46e5}.my-courses-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:16px;min-height:310px;padding:24px;display:flex}.pages-count-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:750}.courses-list{flex-direction:column;gap:12px;display:flex}.course-progress-item{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;width:100%;padding:12px;transition:all .2s;display:flex}.course-progress-item:hover{background:#f1f5f9;transform:translateY(-2px)}.course-icon{background:#eef2ff;border-radius:10px;place-items:center;width:44px;height:44px;font-size:24px;display:grid}.course-details{flex:1}.course-name{color:#1e293b;margin:0 0 6px;font-size:14px;font-weight:750}.progress-bar-container{align-items:center;gap:12px;display:flex}.progress-bar-bg{background:#e2e8f0;border-radius:99px;flex:1;height:8px;overflow:hidden}.progress-bar-fill{background:#10b981;border-radius:99px;height:100%;transition:width .3s}.progress-text{color:#64748b;text-align:right;min-width:32px;font-size:12px;font-weight:700}.pages-circles-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;max-height:180px;padding:8px 6px 8px 4px;display:grid;overflow-y:auto}.page-circle-item{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;transition:transform .2s;display:flex}.page-circle-item:hover{transform:translateY(-4px)}.circle-node{background:#fff;border:2px solid #ddd6fe;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.page-circle-item:hover .circle-node{background:#f5f3ff;border-color:#8b5cf6;box-shadow:0 10px 15px -3px #8b5cf626}.circle-label{color:#a78bfa;letter-spacing:.5px;font-size:8px;font-weight:800}.circle-number{color:#6d28d9;font-family:"Baloo 2",sans-serif;font-size:18px;font-weight:850;line-height:1.1}.circle-task-count{color:#64748b;font-size:11px;font-weight:600}.page-circle-item.completed .circle-node{background:#ecfdf5;border-color:#10b981}.page-circle-item.completed .circle-label{color:#059669}.page-circle-item.completed .circle-number{color:#10b981;font-size:22px}.page-circle-item.completed:hover .circle-node{background:#d1fae5;border-color:#059669;box-shadow:0 10px 15px -3px #10b98133}.motivational-banner{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:16px;align-items:center;gap:16px;padding:16px 24px;display:flex}.moti-icon{font-size:28px}.moti-text{color:#5b21b6;margin:0;font-size:14px;font-weight:600}.dashboard-right{box-sizing:border-box;background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:24px;width:360px;height:100vh;padding:32px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.right-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex;position:relative}.right-card-header{justify-content:space-between;align-items:center;display:flex}.right-card-title{color:#1e293b;margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:16px;font-weight:750}.right-courses-card{background:#fff;gap:14px;padding:18px}.right-courses-header{gap:12px}.right-courses-title{font-size:20px;font-weight:850;line-height:1}.right-courses-count{color:#475569;background:#f1f5f9;border-radius:10px;flex-shrink:0;padding:6px 10px;font-family:"Baloo 2",Nunito,sans-serif;font-size:12px;font-weight:800;line-height:1}.right-courses-list{flex-direction:column;gap:10px;display:flex}.right-course-item{box-sizing:border-box;text-align:left;background:#f8fafc;border:1px solid #dbe3ef;border-radius:14px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:12px;display:grid}button.right-course-item{appearance:none;color:inherit;font:inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}button.right-course-item:hover{background:#f1f5f9;border-color:#c7d2fe;transform:translateY(-1px)}.right-course-item.selected{background:#f5f7ff;border-color:#c7d2fe;box-shadow:0 5px 14px #4f46e514}.right-course-upcoming{background:#fff;border-style:dashed}.right-course-icon{background:#eef2ff;border-radius:12px;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.right-course-icon.upcoming{opacity:.82;background:#f5f3ff}.right-course-icon img{object-fit:contain;width:100%;height:100%;display:block}.right-course-content{flex-direction:column;gap:5px;min-width:0;display:flex}.right-course-heading{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.right-course-name{color:#1e293b;overflow-wrap:anywhere;min-width:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:16px;font-weight:850;line-height:1.1}.right-course-status{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:4px 7px;font-size:9px;font-weight:850;line-height:1}.right-course-status.current{color:#4338ca;background:#e0e7ff}.right-course-status.upcoming{color:#7c3aed;background:#ede9fe}.right-course-description{color:#64748b;font-size:11px;font-weight:600;line-height:1.35}.right-courses-empty{color:#64748b;text-align:center;margin:0;padding:12px 0;font-size:12px}.dashboard-loading-card{justify-content:center;align-items:center}.dashboard-loading-text,.dashboard-empty-pages{color:#64748b;margin:0;font-size:13px;font-weight:600}.dashboard-empty-pages{text-align:center;grid-column:1/-1;padding:20px 0}.lesson-pages-footer{margin-top:auto;padding:0}.lesson-start-button{width:100%;padding:10px 0}.coming-soon-overlay{z-index:5;background:#ffffffb3;border-radius:20px;place-items:center;display:grid;position:absolute;inset:0}.coming-soon-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#3b28b6;border-radius:99px;padding:8px 16px;font-size:12px;font-weight:800;box-shadow:0 4px 6px -1px #3b28b64d}.achievements-list{opacity:.5;flex-direction:column;gap:12px;display:flex}.achievement-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.ach-icon{background:#fef3c7;border-radius:8px;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.ach-info{flex:1}.ach-name{margin:0 0 2px;font-size:13px;font-weight:700}.ach-desc{color:#64748b;margin:0;font-size:11px}.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;left:24px}.toast{color:#fff;background:#1e293b;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;animation:.3s ease-out slideIn;display:flex;box-shadow:0 10px 15px -3px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.module-progress-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;padding:24px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.module-progress-details{flex-direction:column;gap:8px;display:flex}.progress-module-title{color:#1e293b;margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:20px;font-weight:850}.progress-module-stats{color:#64748b;margin:0;font-size:14px;font-weight:600}.progress-status-pill{border-radius:10px;align-items:center;gap:8px;width:fit-content;margin-top:4px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.progress-status-pill.completed{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.progress-status-pill.in-progress{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.progress-status-pill.locked{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.status-pill-icon{font-size:15px}.module-progress-wheel{flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.progress-ring{transform:rotate(-90deg)}.progress-ring__circle{transform-origin:50%;stroke-linecap:round;transition:stroke-dashoffset .35s}.wheel-content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.wheel-percentage{color:#4f46e5;font-family:"Baloo 2",sans-serif;font-size:20px;font-weight:850;line-height:1}.wheel-label{color:#64748b;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:700}.course-heading-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:7px;display:flex}.course-heading-row .course-name{min-width:0;margin:0}.course-status{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:10px;font-weight:800;line-height:1}.course-status.current{color:#4338ca;background:#e0e7ff}.course-status.upcoming{color:#7c3aed;background:#ede9fe}.current-course-text,.upcoming-course-text{color:#64748b;margin:0;font-size:11px;line-height:1.4}.upcoming-course-item{cursor:default;background:#fafafa;border-style:dashed}.upcoming-course-item:hover{background:#fafafa;transform:none}.upcoming-course-icon{opacity:.75}.courses-empty-message{color:#64748b;text-align:center;margin:0;padding:20px 0;font-size:13px}.timeline-wrapper{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.timeline-wrapper::-webkit-scrollbar{height:6px}.timeline-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:99px}.timeline-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.timeline-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.teacher-space-layout{color:#1e293b;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);width:100%;min-height:100vh;font-family:Nunito,Arial,sans-serif;display:flex}.ts-sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:280px;display:flex;box-shadow:4px 0 24px #94a3b80d}.ts-brand{background:linear-gradient(#fafbfd 0%,#fff 100%);border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding:24px;display:flex}.ts-brand-logo{color:#fff;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);background:#7d2ba8;flex-shrink:0;place-items:center;width:44px;height:48px;font-size:24px;font-weight:900;display:grid}.ts-brand-text{flex-direction:column;justify-content:center;min-width:0;display:flex}.ts-brand h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:19px;font-weight:800}.ts-brand p{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin:1px 0 0;font-size:12px;font-weight:700}.ts-nav-section{padding:20px 14px 10px}.ts-section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;padding-left:12px;font-size:12px;font-weight:800}.ts-nav-link{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 16px;font-size:14.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.ts-nav-link:hover{color:#0f172a;background:#f8fafc;transform:translate(2px)}.ts-nav-link.active{color:#7c3aed;background:#f5f3ff;font-weight:800}.ts-courses-accordion{flex-grow:1;padding:0 14px;overflow-y:auto}.ts-accordion-header{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;padding:11px 16px;font-size:14.5px;font-weight:800;transition:all .2s;display:flex}.ts-accordion-header:hover{color:#0f172a;background:#f8fafc}.ts-accordion-header.active{color:#7c3aed;background:#f5f3ff}.ts-modules-list{border-left:2px solid #e2e8f0;flex-direction:column;gap:4px;margin-bottom:8px;margin-left:16px;padding-left:10px;display:flex}.ts-module-button{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;width:100%;padding:8px 10px;font-size:13.5px;font-weight:700;transition:all .15s;display:flex}.ts-module-button:hover{color:#0f172a;background:#f1f5f9}.ts-module-button.active{color:#7c3aed;background:#faf5ff;font-weight:800}.ts-profile-footer{background:#fafbfd;border-top:1px solid #f1f5f9;align-items:center;gap:12px;margin-top:auto;padding:18px 24px;display:flex}.ts-profile-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:50%;place-items:center;width:38px;height:38px;font-size:16px;font-weight:800;display:grid;box-shadow:0 3px 8px #7c3aed33}.ts-profile-info{flex-direction:column;min-width:0;display:flex}.ts-profile-info strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;overflow:hidden}.ts-profile-info span{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:700}.ts-main{flex-direction:column;flex-grow:1;min-width:0;display:flex}.td-class-page{background:radial-gradient(circle at 88% 2%,#7c3aed14,#0000 24%),radial-gradient(circle at 14% 6%,#0ea5e912,#0000 22%),#f7f8fc;min-height:100%;padding:24px 28px 40px;overflow-y:auto}.td-topbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.td-welcome-block{min-width:0}.td-welcome-text{color:#475569;margin:0 0 7px;font-size:15px;font-weight:650;line-height:1.45}.td-welcome-text strong{color:#172033;font-weight:900}.td-breadcrumb{color:#64748b;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:800;display:flex}.td-breadcrumb strong{color:#6d28d9}.td-breadcrumb-separator{color:#cbd5e1}.td-search{flex-shrink:0;width:min(320px,38vw);position:relative}.td-search-icon{color:#94a3b8;pointer-events:none;font-size:15px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.td-search input{box-sizing:border-box;color:#1e293b;width:100%;font:inherit;background:#ffffffeb;border:1px solid #dbe2ea;border-radius:12px;outline:none;padding:11px 14px 11px 40px;font-size:14.5px;font-weight:650;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:0 6px 18px #0f172a09}.td-search input:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 4px #7c3aed1a,0 8px 22px #0f172a0d}.td-module-navigator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #e2e8f0f2;border-radius:16px;align-items:center;gap:14px;margin-bottom:14px;padding:10px 12px;display:flex;box-shadow:0 8px 26px #0f172a0a}.td-navigator-label{color:#94a3b8;letter-spacing:.1em;text-transform:uppercase;flex:none;padding:0 8px;font-size:11.5px;font-weight:900}.td-module-scroll,.td-lesson-scroll,.td-page-tabs{scrollbar-width:none;align-items:center;min-width:0;display:flex;overflow-x:auto}.td-module-scroll::-webkit-scrollbar{display:none}.td-lesson-scroll::-webkit-scrollbar{display:none}.td-page-tabs::-webkit-scrollbar{display:none}.td-module-scroll{flex:1;gap:8px}.td-module-chip{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;flex:none;align-items:center;gap:9px;max-width:220px;padding:8px 11px;transition:all .18s;display:inline-flex}.td-module-chip:hover{color:#5b21b6;background:#faf5ff;border-color:#e9d5ff}.td-module-chip.active{color:#5b21b6;background:linear-gradient(135deg,#f5f3ff 0%,#faf5ff 100%);border-color:#ddd6fe;box-shadow:0 4px 12px #7c3aed14}.td-module-code{color:#475569;background:#eef2f7;border-radius:9px;flex:none;place-items:center;width:29px;height:29px;font-size:11.5px;font-weight:900;display:grid}.td-module-chip.active .td-module-code{color:#fff;background:#7c3aed;box-shadow:0 5px 10px #7c3aed3d}.td-module-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:800;overflow:hidden}.td-lesson-strip{align-items:center;gap:16px;margin-bottom:18px;padding:0 4px;display:flex}.td-lesson-scroll{flex:1;gap:7px}.td-lesson-tab{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:none;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.td-lesson-tab:hover{color:#334155;background:#fffc}.td-lesson-tab.active{color:#6d28d9;background:#fff;border-color:#ddd6fe;box-shadow:0 5px 16px #0f172a0e}.td-lesson-number{color:#64748b;background:#eef2f7;border-radius:8px;place-items:center;width:25px;height:25px;font-size:11.5px;font-weight:900;display:grid}.td-lesson-tab.active .td-lesson-number{color:#6d28d9;background:#ede9fe}.td-hero{background:linear-gradient(115deg,#fffffffa 0%,#faf5fff7 55%,#eef2fff5 100%);border:1px solid #ddd6fee6;border-radius:22px;justify-content:space-between;align-items:stretch;gap:28px;margin-bottom:18px;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 42px #4c1d9517}.td-hero:before,.td-hero:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.td-hero:before{background:#7c3aed17;width:220px;height:220px;top:-130px;right:-30px}.td-hero:after{background:#0ea5e914;width:130px;height:130px;bottom:-92px;right:170px}.td-hero-copy,.td-hero-side{z-index:1;position:relative}.td-hero-copy{flex:1;min-width:0}.td-hero-kicker{color:#6d28d9;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:9px;font-size:12px;font-weight:900;display:inline-flex}.td-hero h1{color:#172033;letter-spacing:-.035em;max-width:760px;margin:0;font-size:clamp(25px,2.2vw,34px);font-weight:900;line-height:1.12}.td-hero-description{color:#64748b;max-width:720px;margin:10px 0 0;font-size:14.5px;font-weight:650;line-height:1.6}.td-hero-meta{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.td-meta-pill{color:#475569;background:#ffffffb8;border:1px solid #ddd6fee6;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:12.5px;font-weight:800;display:inline-flex}.td-meta-dot{background:#8b5cf6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #8b5cf61a}.td-hero-side{flex-direction:column;justify-content:space-between;align-items:flex-end;min-width:250px;display:flex}.td-hero-score{align-items:baseline;gap:8px;display:flex}.td-hero-score strong{color:#5b21b6;letter-spacing:-.05em;font-size:38px;font-weight:900}.td-hero-score span{color:#64748b;font-size:13px;font-weight:800}.td-hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.td-button{min-height:40px;font:inherit;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13.5px;font-weight:850;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.td-button:hover{transform:translateY(-1px)}.td-button.secondary{color:#6d28d9;background:#ffffffd1;border:1px solid #ddd6fe}.td-button.secondary:hover{background:#fff;box-shadow:0 6px 16px #4c1d9517}.td-button.primary{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border:1px solid #6d28d9;box-shadow:0 7px 18px #6d28d938}.td-button.primary:hover{box-shadow:0 10px 24px #6d28d94d}.td-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.td-summary-card{text-align:left;cursor:pointer;background:#ffffffeb;border:1px solid #e5e9f0;border-radius:16px;align-items:center;gap:13px;min-width:0;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 8px 24px #0f172a09}.td-summary-card:hover{border-color:#d8b4fe;transform:translateY(-2px);box-shadow:0 12px 28px #4c1d9514}.td-summary-card.active{border-color:#c4b5fd;box-shadow:0 0 0 3px #7c3aed14,0 12px 28px #4c1d9514}.td-summary-icon{color:#6d28d9;background:#f3f0ff;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:17px;font-weight:900;display:grid}.td-summary-card:nth-child(2) .td-summary-icon{color:#047857;background:#ecfdf5}.td-summary-card:nth-child(3) .td-summary-icon{color:#1d4ed8;background:#eff6ff}.td-summary-card:nth-child(4) .td-summary-icon{color:#c2410c;background:#fff7ed}.td-summary-copy{flex-direction:column;min-width:0;display:flex}.td-summary-eyebrow{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:11.5px;font-weight:900}.td-summary-value{color:#172033;letter-spacing:-.03em;margin-top:2px;font-size:23px;font-weight:900}.td-summary-detail{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:12px;font-weight:700;overflow:hidden}.td-workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.td-progress-panel{background:#fffffff5;border:1px solid #e5e9f0;border-radius:18px;min-width:0;overflow:hidden;box-shadow:0 12px 34px #0f172a0b}.td-panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 20px 15px;display:flex}.td-panel-heading h2{color:#172033;letter-spacing:-.02em;margin:0;font-size:18px;font-weight:900}.td-panel-heading p{color:#64748b;margin:5px 0 0;font-size:13.5px;font-weight:650}.td-page-tabs{border-bottom:1px solid #edf0f4;gap:5px;padding:0 20px 14px}.td-page-tab{color:#64748b;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:none;align-items:center;gap:7px;padding:7px 10px;font-size:12.5px;font-weight:800;transition:all .18s;display:inline-flex}.td-page-tab:hover{color:#334155;background:#f8fafc}.td-page-tab.active{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.td-table-toolbar{background:#fbfcfe;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;display:flex}.td-result-count{color:#64748b;font-size:12.5px;font-weight:800}.td-toolbar-actions{align-items:center;gap:8px;display:flex}.td-select{color:#475569;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:9px;outline:none;padding:6px 30px 6px 10px;font-size:12.5px;font-weight:800}.td-clear-filter{color:#64748b;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:99px;padding:6px 10px;font-size:12.5px;font-weight:800}.td-table-wrap{width:100%;overflow-x:auto}.td-progress-table{border-collapse:collapse;text-align:left;width:100%}.ts-student-row{cursor:pointer;transition:all .2s}.ts-student-row:hover{background:#f8fafc}.ts-student-row.selected{background:#f5f3ff;border-left:3px solid #7c3aed}.ts-student-cell{align-items:center;gap:14px;display:flex}.ts-student-avatar{color:#0369a1;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border-radius:50%;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid}.ts-progress-bar-container{align-items:center;gap:10px;min-width:120px;display:flex}.ts-progress-bar{background:#f1f5f9;border-radius:999px;width:70px;height:8px;overflow:hidden}.ts-progress-fill{background:linear-gradient(90deg,#8b5cf6 0%,#6d28d9 100%);border-radius:999px;height:100%}.ts-progress-percent{color:#334155;font-size:13.5px;font-weight:800}.ts-badge{border-radius:999px;align-items:center;padding:5px 12px;font-size:12.5px;font-weight:800;display:inline-flex}.ts-badge.completed{color:#065f46;background:#d1fae5}.ts-badge.partial{color:#92400e;background:#fef3c7}.ts-badge.empty{color:#475569;background:#f1f5f9}.tcp-container{width:100%;max-width:1200px;margin:0 auto}.module-progress-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.progress-card-label{color:#6366f1;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.progress-module-title{color:#1e293b;margin:8px 0;font-size:24px;font-weight:800}.progress-module-stats{color:#64748b;margin-bottom:16px;font-size:14px}.progress-status-pill{color:#059669;background:#ecfdf5;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.journey-section{margin-bottom:32px}.section-title{color:#1e293b;margin:0 0 16px;font-size:18px;font-weight:700}.timeline-wrapper{padding-bottom:16px;overflow-x:auto}.timeline-line{align-items:center;gap:24px;display:flex;position:relative}.timeline-step{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.step-node{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;place-items:center;width:42px;height:42px;font-size:15px;font-weight:700;transition:all .2s;display:grid}.step-node.active{color:#fff;background:#6366f1;box-shadow:0 4px 12px #6366f159}.step-name{color:#64748b;font-size:13px;font-weight:600}.step-name.active{color:#6366f1;font-weight:700}.dashboard-grid{grid-template-columns:350px 1fr;gap:24px;display:grid}.tcp-container .lesson-selector-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.tcp-container .continue-card-header{border-bottom:1px solid #f1f5f9;padding:20px}.tcp-container .card-label{color:#10b981;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.tcp-container .card-title{color:#1e293b;margin-top:4px;font-size:18px;font-weight:800}.tcp-container .lesson-selection-list{max-height:420px;overflow-y:auto}.tcp-container .lesson-list-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;width:100%;padding:16px 20px;transition:background-color .2s;display:flex;position:relative}.tcp-container .lesson-list-btn.active{background:#f8fafc}.tcp-container .active-indicator{background:#6366f1;width:4px;position:absolute;top:0;bottom:0;left:0}.tcp-container .lesson-number-badge{color:#64748b;background:#e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.tcp-container .lesson-list-btn.active .lesson-number-badge{color:#fff;background:#6366f1}.tcp-container .lesson-info-text{flex-grow:1;min-width:0}.tcp-container .lesson-list-title{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:14px;font-weight:600;overflow:hidden}.tcp-container .lesson-list-btn.active .lesson-list-title{color:#6366f1;font-weight:700}.tcp-container .lesson-list-pages-count{color:#64748b;font-size:12px}.tcp-container .lesson-list-arrow{color:#cbd5e1;font-weight:700}.tcp-container .lesson-list-btn.active .lesson-list-arrow{color:#6366f1}.tcp-container .my-courses-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.tcp-container .pages-count-tag{color:#64748b;font-size:13px;font-weight:600}.tcp-container .pages-circles-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:24px;display:grid}.tcp-container .page-circle-item{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;display:flex}.tcp-container .circle-node{color:#8b5cf6;background:#fff;border:2px solid #8b5cf6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:72px;height:72px;transition:all .2s;display:flex;box-shadow:0 4px 10px #8b5cf626}.tcp-container .page-circle-item:hover .circle-node{color:#fff;background:#8b5cf6;transform:translateY(-2px)}.tcp-container .circle-label{opacity:.7;font-size:10px;font-weight:800}.tcp-container .circle-number{font-size:20px;font-weight:800}.tcp-container .circle-task-count{color:#64748b;font-size:12px;font-weight:600}.tcp-container .preview-lesson-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:800;box-shadow:0 4px 12px #10b9814d}.tcp-container .preview-lesson-btn:hover{background:#059669}@media (width<=1200px){.tcp-container .dashboard-grid{grid-template-columns:1fr}}@media (width<=992px){.teacher-space-layout{flex-direction:column}.ts-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;width:100%}.ts-profile-footer{margin-top:0}}@media (width<=768px){.td-class-page{padding:16px 14px 32px}.td-topbar{flex-direction:column;align-items:stretch;gap:12px}.td-search{width:100%}.td-module-chip{padding:6px 10px;font-size:13px}.pages-circles-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:14px}.circle-node{width:60px;height:60px}.circle-number{font-size:16px}.circle-label{font-size:9px}.preview-lesson-btn{padding:14px;font-size:15px}}@media (width<=480px){.td-class-page{padding:12px 10px 24px}.td-welcome-text{font-size:14px}.pages-circles-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:10px}.circle-node{width:52px;height:52px}.circle-number{font-size:14px}.circle-label{font-size:8px}.circle-task-count{font-size:10px}}:root{--debug-bar-height:0px!important}.debug-bar{visibility:hidden!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}.app-shell{width:100%;min-width:0;min-height:100vh;position:relative;overflow-x:hidden}.lms-shell-content{box-sizing:border-box;justify-content:center;align-items:flex-start;width:100%;min-width:0;display:flex}.lms-shell-content>*{width:100%;min-width:0}.lms-shell-content .mcq-layout,.lms-shell-content .mcq-layout.no-side{box-sizing:border-box;width:min(1180px,100vw - 80px);max-width:100%;margin-left:auto;margin-right:auto}.lms-shell-content .mcq-card{box-sizing:border-box;width:100%;max-width:none}.lms-topbar{z-index:100;box-sizing:border-box;background:radial-gradient(circle at 50% -80%,#8b5cf638,#0000 54%),#071728;border-bottom:1px solid #ffffff0d;grid-template-columns:380px minmax(0,1fr) 380px;align-items:center;gap:16px;min-height:104px;padding:12px 18px;display:grid;position:sticky;top:0}.lms-topbar__logo{background:#fff;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:10px;left:18px}.lms-topbar__logo span{color:#071728;font-size:26px;font-weight:900;line-height:1}.lms-topbar__logo:after{content:"";border-top:10px solid #fff;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;bottom:-10px;left:10px}.lms-topbar__context{box-sizing:border-box;background:linear-gradient(135deg,#ffffff1a,#ffffff0e);border:1px solid #ffffff21;border-radius:17px;grid-column:1;justify-self:start;width:310px;min-width:0;margin-left:58px;padding:9px 12px 10px;box-shadow:inset 0 1px #ffffff14,0 8px 22px #0000001f}.lms-topbar__course-row{align-items:baseline;gap:8px;min-width:0;margin-bottom:7px;display:flex}.lms-topbar__context-label{color:#aebdd0;letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:10px;font-weight:800}.lms-topbar__course-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:900;line-height:1.1;overflow:hidden}.lms-topbar__context-pills{align-items:center;gap:7px;display:flex}.lms-topbar__context-pills>span{box-sizing:border-box;background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;justify-content:space-between;align-items:center;gap:7px;min-width:63px;padding:5px 8px;display:inline-flex}.lms-topbar__context-pills>span.is-current-task{background:#8943ef3d;border-color:#b476ff80}.lms-topbar__context-pills small{color:#aebdd0;font-size:9px;font-weight:750;line-height:1}.lms-topbar__context-pills strong{color:#fff;font-size:12px;font-weight:950;line-height:1}.lms-topbar__lesson-name{color:#d4deea;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.lms-topbar__content{grid-column:2;justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.lms-topbar__steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:11px;width:100%;display:flex}.lms-topbar__step{color:#fff;cursor:pointer;background:#000;border:0;border-radius:999px;flex:0 0 50px;place-items:center;width:50px;height:50px;padding:0;font-size:21px;font-weight:800;line-height:1;transition:transform .12s,background-color .16s,box-shadow .16s;display:grid;position:relative;overflow:visible}.lms-topbar__step:hover{transform:translateY(-2px)scale(1.04)}.lms-topbar__step.is-active{transform:scale(1.06)}.lms-topbar__step:focus-visible{outline-offset:3px;outline:3px solid #ffffffd9}.lms-topbar__step-marker{z-index:1;line-height:1;display:block;position:relative}.lms-topbar__step.is-active{box-shadow:0 0 0 2px #ffffff73,0 0 0 4px #ffffff1f}.lms-topbar__step.is-completed{color:#fff!important;background:#16a34a!important}.lms-topbar__step.is-completed:hover{background:#15803d!important}.lms-topbar__step.is-completed.is-active{box-shadow:0 0 0 2px #ffffffd9,0 0 0 5px #22c55e52}.lms-topbar__step.is-just-completed{animation:.72s cubic-bezier(.2,.9,.2,1) lms-task-correct-pop}.lms-topbar__step-check{z-index:2;color:#fff;pointer-events:none;background:#22c55e;border:2px solid #071728;border-radius:50%;place-items:center;width:21px;height:21px;font-size:11px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:-5px;right:-5px}.lms-progress-strip{box-sizing:border-box;background:linear-gradient(135deg,#fffffffa 0%,#f8f4fffa 100%);border:1px solid #8943ef38;border-radius:18px;grid-column:3;justify-self:end;width:360px;padding:12px 14px 13px;box-shadow:0 8px 22px #21114024,inset 0 1px #ffffffb8}.lms-progress-strip__value{color:#fff;text-align:center;background:linear-gradient(135deg,#8943ef 0%,#a55cf4 100%);border-radius:12px;flex:none;min-width:54px;padding:7px 10px;font-size:15px;font-weight:900;line-height:1;box-shadow:0 5px 12px #8943ef3d}.lms-progress-strip__track{background:#ece7f4;border-radius:999px;width:100%;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #321d4f1f}.lms-progress-strip__fill{border-radius:inherit;background:linear-gradient(90deg,#6f2bd8 0%,#8943ef 56%,#b26cf8 100%);height:100%;transition:width .95s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 0 12px #8943ef47}.lms-progress-strip__shine{background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:2.8s ease-in-out infinite lms-strip-shine;position:absolute;inset:0;transform:translate(-120%)}.lms-progress-strip__glow{opacity:0;background:radial-gradient(circle at 18%,#ffffff85,#0000 14%),radial-gradient(circle at 52%,#ffffff52,#0000 12%),radial-gradient(circle at 84%,#ffffff6b,#0000 13%);position:absolute;inset:0}.lms-progress-strip-placeholder{grid-column:3;justify-self:end;width:360px;height:63px}.lms-progress-flight-backdrop{z-index:999;opacity:1;pointer-events:none;background:0 0;position:fixed;inset:0}.lms-progress-strip.is-floating{z-index:1001;transform-origin:50%;will-change:transform, opacity;background:radial-gradient(circle at 12% 14%,#fff,#0000 28%),linear-gradient(135deg,#fff 0%,#fbf8ff 54%,#f0e5ff 100%);border:2px solid #8943ef47;border-radius:26px;grid-column:auto;justify-self:auto;width:min(620px,100vw - 40px);padding:24px 27px 26px;position:fixed;top:50%;left:50%;box-shadow:0 22px 54px #25123a4d,0 0 0 8px #ffffff4d,0 0 46px #8943ef4d}@keyframes lms-flight-in{0%{transform:translate(calc(-50% + var(--progress-start-x)), calc(-50% + var(--progress-start-y))) scale(var(--progress-start-scale));opacity:.85;box-shadow:0 4px 12px #8943ef14}to{opacity:1;transform:translate(-50%,-50%)scale(1);box-shadow:0 22px 54px #25123a4d,0 0 0 8px #ffffff4d,0 0 46px #8943ef4d}}@keyframes lms-flight-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1);box-shadow:0 22px 54px #25123a4d,0 0 0 8px #ffffff4d,0 0 46px #8943ef4d}to{transform:translate(calc(-50% + var(--progress-start-x)), calc(-50% + var(--progress-start-y))) scale(var(--progress-start-scale));opacity:.2;box-shadow:0 4px 12px #8943ef14}}.lms-progress-strip.is-flight-start{transform:translate(calc(-50% + var(--progress-start-x)), calc(-50% + var(--progress-start-y))) scale(var(--progress-start-scale));opacity:.85}.lms-progress-strip.is-flight-exit{animation:.35s cubic-bezier(.36,0,.66,-.56) forwards lms-flight-out}.lms-progress-strip.is-floating .lms-progress-strip__header{margin-bottom:15px}.lms-progress-strip.is-floating .lms-progress-strip__label{color:#23152d;font-size:21px}.lms-progress-strip.is-floating .lms-progress-strip__count{color:#786985;margin-top:4px;font-size:14px}.lms-progress-strip.is-floating .lms-progress-strip__value{border-radius:18px;min-width:82px;padding:12px 15px;font-size:23px;box-shadow:0 9px 20px #8943ef3d,0 0 0 4px #8943ef12}.lms-progress-strip.is-floating .lms-progress-strip__track{background:#e8def0;border:3px solid #8943ef1a;height:27px;box-shadow:inset 0 3px 8px #39204e1f,0 4px 12px #8943ef14}.lms-progress-strip.is-floating .lms-progress-strip__fill{background:linear-gradient(90deg,#7130da 0%,#8943ef 50%,#ad69f5 78%,#c98cff 100%);transition:width .95s cubic-bezier(.18,1,.3,1);box-shadow:0 0 20px #8943ef61,inset 0 3px #fff6}.lms-progress-strip.is-floating .lms-progress-strip__shine{animation:.82s ease-out .36s both lms-progress-center-shine}.lms-progress-strip.is-floating .lms-progress-strip__glow{opacity:1;animation:1.3s ease-in-out infinite alternate lms-progress-glow-drift}.lms-progress-strip__celebration-badge{z-index:4;color:#5f25a8;white-space:nowrap;background:#fff;border:1px solid #8943ef2e;border-radius:999px;align-items:center;gap:9px;padding:10px 17px;font-size:14px;font-weight:900;display:flex;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 11px 24px #2513392b,0 0 0 6px #ffffff14}.lms-progress-strip__celebration-icon{color:#fff;background:linear-gradient(135deg,#8943ef,#ad69f5);border-radius:50%;place-items:center;width:25px;height:25px;font-size:15px;display:grid}.lms-progress-strip__celebration-copy{flex-direction:column;align-items:flex-start;gap:2px;line-height:1.1;display:flex}.lms-progress-strip__celebration-copy strong{color:#5f25a8;font-size:16px;font-weight:1000}.lms-progress-strip__celebration-copy small{color:#786985;font-size:11px;font-weight:750}.lms-progress-strip__success-ring{opacity:0;pointer-events:none;border:2px solid #8943ef47;border-radius:50%;width:42px;height:42px;animation:.9s ease-out .3s lms-success-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lms-progress-strip__particles{z-index:3;pointer-events:none;position:absolute;inset:-45px;overflow:visible}.lms-progress-strip__spark{opacity:0;background:#8943ef;border-radius:50%;width:7px;height:7px;animation:.76s ease-out .42s forwards lms-progress-spark;position:absolute;top:50%;left:50%}.lms-progress-strip__spark:nth-child(3n+2){background:#c98cff}.lms-progress-strip__spark:nth-child(3n){background:#fff;box-shadow:0 0 8px #8943ef59}.lms-progress-strip__spark:first-child{--x:-250px;--y:-95px}.lms-progress-strip__spark:nth-child(2){--x:-170px;--y:-145px}.lms-progress-strip__spark:nth-child(3){--x:-75px;--y:-170px}.lms-progress-strip__spark:nth-child(4){--x:75px;--y:-170px}.lms-progress-strip__spark:nth-child(5){--x:170px;--y:-145px}.lms-progress-strip__spark:nth-child(6){--x:250px;--y:-95px}.lms-progress-strip__spark:nth-child(7){--x:-220px;--y:105px}.lms-progress-strip__spark:nth-child(8){--x:-95px;--y:150px}.lms-progress-strip__spark:nth-child(9){--x:95px;--y:150px}.lms-progress-strip__spark:nth-child(10){--x:220px;--y:105px}@keyframes lms-success-ring{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.7)}}@keyframes lms-progress-center-shine{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes lms-progress-glow-drift{0%{transform:translate(-2%)}to{transform:translate(5%)}}@keyframes lms-progress-spark{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}72%{opacity:.95}to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1)}}.lms-progress-firework--3{bottom:-38%;left:50%;transform:translate(-50%)}.lms-progress-firework--2 i{background:#b26cf8;animation-delay:.5s;box-shadow:0 0 10px #b26cf8bf}.lms-progress-firework--3 i{background:#f4b4ff;animation-delay:.72s;box-shadow:0 0 10px #f4b4ffc7}@keyframes lms-firework-burst{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--firework-angle)) translateY(0) scale(.25)}18%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--firework-angle)) translateY(-108px) scale(1)}}@keyframes lms-progress-happy-bounce{0%{transform:translate(-50%,-50%)scale(1)}28%{transform:translate(-50%,-50%)scale(1.055)}56%{transform:translate(-50%,-50%)scale(.985)}78%{transform:translate(-50%,-50%)scale(1.025)}to{transform:translate(-50%,-50%)scale(1)}}.lms-floating-back{z-index:120;color:#4f46e5;cursor:pointer;background:#fffffff2;border:0;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:700;position:fixed;bottom:16px;left:16px;box-shadow:0 8px 18px #00000024}.lms-floating-back:hover{opacity:.96}@keyframes lms-task-correct-pop{0%{transform:scale(1)}35%{transform:scale(1.36)rotate(-6deg);box-shadow:0 0 0 9px #22c55e38,0 0 32px #22c55eb3}70%{transform:scale(.95)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes lms-strip-shine{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}@media (width<=1450px){.lms-topbar{grid-template-columns:300px minmax(0,1fr) 300px}.lms-progress-strip{width:292px}.lms-progress-strip__value{min-width:50px;font-size:14px}}@media (width<=1500px){.lms-topbar{grid-template-columns:310px minmax(0,1fr) 310px}.lms-topbar__context{width:250px}.lms-topbar__lesson-name{display:none}.lms-topbar__step{flex-basis:46px;width:46px;height:46px;font-size:19px}.lms-progress-strip{width:292px}}@media (width<=1100px){.lms-topbar{grid-template-columns:250px minmax(0,1fr) 250px;gap:8px;padding-inline:10px}.lms-progress-strip{width:238px;padding:10px 11px}.lms-progress-strip__count{font-size:10px}}@media (width<=720px){.lms-shell-content .mcq-layout,.lms-shell-content .mcq-layout.no-side{width:calc(100vw - 28px)}.lms-topbar{grid-template-columns:1fr 110px;gap:6px;min-height:70px;padding:9px 8px}.lms-topbar__logo{width:38px;height:38px;top:10px;left:10px}.lms-topbar__context{display:none}.lms-topbar__logo span{font-size:22px}.lms-topbar__content{box-sizing:border-box;grid-column:1;padding-left:45px}.lms-topbar__steps{gap:7px}.lms-topbar__step{flex-basis:38px;width:38px;height:38px;font-size:16px}.lms-topbar__step-check{width:16px;height:16px;font-size:9px;bottom:-4px;right:-4px}.lms-progress-strip{border-radius:14px;grid-column:2;width:122px;padding:8px}.lms-progress-strip__header{margin-bottom:6px}.lms-progress-strip__label,.lms-progress-strip__count{display:none}.lms-progress-strip__value{min-width:38px;padding:5px 7px;font-size:11px}.lms-progress-strip__track{height:10px}.lms-progress-strip.is-floating{border-radius:24px;width:calc(100vw - 28px);padding:21px 18px 23px}.lms-progress-strip.is-floating .lms-progress-strip__label{font-size:18px;display:block}.lms-progress-strip.is-floating .lms-progress-strip__count{font-size:12px;display:block}.lms-progress-strip.is-floating .lms-progress-strip__value{min-width:66px;padding:10px 12px;font-size:19px}.lms-progress-strip.is-floating .lms-progress-strip__track{height:23px}.lms-progress-strip__celebration-badge{max-width:calc(100vw - 48px);padding:9px 13px;top:-28px}.lms-progress-strip__celebration-copy strong{font-size:14px}.lms-progress-strip__celebration-copy small{font-size:10px}.lms-progress-strip__particle:nth-child(n){--y:-150px}.lms-progress-strip__particle:nth-child(odd){--x:-145px}.lms-progress-strip__particle:nth-child(2n){--x:145px}}@media (prefers-reduced-motion:reduce){.lms-topbar__step,.lms-progress-strip__fill,.lms-celebration-card__fill{transition:none}.lms-topbar__step.is-just-completed,.lms-progress-strip__shine,.lms-progress-strip.is-floating,.lms-progress-flight-backdrop,.lms-progress-strip__celebration-badge,.lms-progress-strip__spark{animation:none}.lms-progress-strip__spark,.lms-progress-fireworks{display:none}}.lms-progress-strip{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#f7f3fb 100%);border:2px solid #8943ef2e;border-radius:18px;grid-column:3;justify-self:end;width:360px;min-height:76px;padding:12px 14px 14px;position:relative;overflow:visible;box-shadow:0 8px 20px #23133624,inset 0 1px #ffffffe6}.lms-progress-strip:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#8943ef0a 0 18%,#0000 18% 44%,#8943ef09 44% 62%,#0000 62%);position:absolute;inset:0;overflow:hidden}.lms-progress-strip__header,.lms-progress-strip__track{z-index:2;position:relative}.lms-progress-strip__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.lms-progress-strip__header>div{flex-direction:column;gap:3px;min-width:0;display:flex}.lms-progress-strip__label{color:#27212e;font-size:15px;font-weight:900;line-height:1}.lms-progress-strip__count{color:#746b7d;font-size:11px;font-weight:750;line-height:1}.lms-progress-strip__details{color:#8943ef;letter-spacing:.04em;flex:none;font-size:11px;font-weight:950}.lms-progress-strip__badge-chip{color:#6927bd;text-overflow:ellipsis;white-space:nowrap;background:#f0e5ff;border:1px solid #8943ef38;border-radius:999px;flex:none;max-width:132px;padding:5px 8px;font-size:10px;font-weight:950;overflow:hidden}.lms-progress-strip__track{background:#e7e2eb;border:2px solid #8943ef1a;border-radius:999px;width:100%;height:20px;overflow:hidden;box-shadow:inset 0 2px 4px #37234721}.lms-progress-strip__fill{z-index:2;border-radius:inherit;background:linear-gradient(90deg,#6f2bd8 0%,#8943ef 62%,#aa65f4 100%);height:100%;transition:width 1.7s cubic-bezier(.2,.72,.22,1);position:absolute;top:0;left:0;box-shadow:0 0 12px #8943ef4d,inset 0 2px #ffffff47}.lms-progress-strip__preview{z-index:1;border-radius:inherit;background:repeating-linear-gradient(115deg,#8943ef33 0 7px,#8943ef14 7px 14px);height:100%;animation:.7s ease-in-out infinite alternate lms-progress-preview-pulse;position:absolute;top:0;box-shadow:inset 0 0 0 1px #8943ef29}.lms-progress-strip__inside-value{z-index:4;color:#fff;text-shadow:0 1px 3px #34165180;pointer-events:none;place-items:center;font-size:12px;font-weight:1000;line-height:1;display:grid;position:absolute;inset:0}.lms-progress-strip.is-loading{animation:.62s cubic-bezier(.2,.9,.2,1) lms-progress-card-pop}.lms-progress-fireworks{z-index:10;pointer-events:none;position:absolute;inset:-62px;overflow:visible}.lms-progress-firework{width:8px;height:8px;position:absolute}.lms-progress-firework--1{top:32%;left:8%}.lms-progress-firework--2{top:28%;right:8%}.lms-progress-firework--3{bottom:18%;left:31%}.lms-progress-firework--4{bottom:14%;right:29%}.lms-progress-firework i{opacity:0;width:6px;height:6px;transform:translate(-50%, -50%) rotate(var(--firework-angle)) translateY(0) scale(.35);background:#8943ef;border-radius:50%;animation:.9s ease-out .12s forwards lms-simple-firework;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #8943efb8}.lms-progress-firework--2 i{background:#b76af8;animation-delay:.28s}.lms-progress-firework--3 i{background:#d392ff;animation-delay:.43s}.lms-progress-firework--4 i{background:#6f2bd8;animation-delay:.57s}.lms-badge-unlock{z-index:1500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b0d1461;place-items:center;padding:20px;animation:.22s both lms-badge-overlay-in;display:grid;position:fixed;inset:0}.lms-badge-unlock__card{z-index:3;text-align:center;background:linear-gradient(145deg,#fff 0%,#f4eafd 100%);border:3px solid #8943ef57;border-radius:25px;width:min(390px,100vw - 36px);padding:28px 28px 25px;animation:.76s cubic-bezier(.16,1.1,.3,1) both lms-badge-card-in;position:relative;box-shadow:0 30px 80px #220f3759,0 0 0 10px #ffffff2e}.lms-badge-unlock__eyebrow{color:#8943ef;letter-spacing:.12em;font-size:11px;font-weight:1000;display:block}.lms-badge-unlock__medal{color:#fff;background:linear-gradient(145deg,#7430dc,#a451f1);border:8px solid #e8d5ff;border-radius:50%;place-items:center;width:94px;height:94px;margin:18px auto 12px;display:grid;box-shadow:0 13px 27px #8943ef57,inset 0 4px #ffffff47}.lms-badge-unlock__medal span{font-size:44px;line-height:1}.lms-badge-unlock h2{color:#271d31;margin:0;font-size:28px;font-weight:1000}.lms-badge-unlock p{color:#746b7d;margin:8px 0 11px;font-size:14px;font-weight:700}.lms-badge-unlock__name{color:#6825b8;letter-spacing:.04em;background:#eee0ff;border:2px solid #8943ef33;border-radius:999px;padding:8px 15px;font-size:17px;font-weight:1000;display:inline-flex}.lms-badge-unlock button{color:#fff;cursor:pointer;background:#8943ef;border:0;border-radius:12px;min-width:150px;min-height:42px;margin-top:20px;font-size:14px;font-weight:900;box-shadow:0 8px 18px #8943ef4d}.lms-badge-unlock__fireworks{z-index:2;pointer-events:none;position:absolute;inset:0}.lms-badge-unlock__fireworks .lms-progress-firework--1{top:26%;left:25%}.lms-badge-unlock__fireworks .lms-progress-firework--2{top:24%;right:25%}.lms-badge-unlock__fireworks .lms-progress-firework--3{bottom:23%;left:32%}.lms-badge-unlock__fireworks .lms-progress-firework--4{bottom:22%;right:31%}.lms-badge-unlock__fireworks .lms-progress-firework i{width:9px;height:9px;animation-duration:1.25s}@keyframes lms-progress-preview-pulse{0%{opacity:.48}to{opacity:1}}@keyframes lms-progress-card-pop{0%{transform:scale(1)}42%{transform:scale(1.045)}72%{transform:scale(.99)}to{transform:scale(1)}}@keyframes lms-simple-firework{0%{opacity:1;transform:translate(-50%, -50%) rotate(var(--firework-angle)) translateY(0) scale(.35)}76%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--firework-angle)) translateY(-76px) scale(1)}}@keyframes lms-badge-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes lms-badge-card-in{0%{opacity:0;transform:translateY(28px)scale(.82)rotate(-3deg)}62%{opacity:1;transform:translateY(-5px)scale(1.04)rotate(1deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@media (width<=1450px){.lms-progress-strip{width:292px}.lms-progress-strip__badge-chip{max-width:95px}}@media (width<=1100px){.lms-progress-strip{width:202px;min-height:67px;padding:10px 11px 12px}.lms-progress-strip__count{display:none}.lms-progress-strip__badge-chip{max-width:88px}}@media (width<=720px){.lms-progress-strip{border-radius:14px;grid-column:2;width:122px;min-height:48px;padding:7px 8px 8px}.lms-progress-strip__header{margin-bottom:6px}.lms-progress-strip__label,.lms-progress-strip__count,.lms-progress-strip__details,.lms-progress-strip__badge-chip{display:none}.lms-progress-strip__track{height:15px}.lms-progress-strip__inside-value{font-size:10px}.lms-progress-fireworks{inset:-40px}}@media (prefers-reduced-motion:reduce){.lms-progress-strip,.lms-progress-strip__fill,.lms-progress-strip__preview,.lms-progress-firework i,.lms-badge-unlock,.lms-badge-unlock__card{transition-duration:1ms!important;animation:none!important}}.lms-progress-strip,.lms-progress-strip-placeholder{box-sizing:border-box;grid-column:3;justify-self:end;width:405px;min-height:88px}.lms-progress-strip{background:linear-gradient(135deg,#fff 0%,#f7f2fc 100%);border:2px solid #8943ef38;border-radius:20px;padding:15px 17px 16px;box-shadow:0 10px 24px #23133629,inset 0 1px #ffffffeb}.lms-progress-strip-placeholder{height:88px}.lms-progress-strip__label{font-size:17px}.lms-progress-strip__count{font-size:12px}.lms-progress-strip__track{height:24px}.lms-progress-strip__inside-value{font-size:13px}.lms-progress-strip__status{z-index:3;color:#6f2bbd;text-align:center;letter-spacing:.01em;margin-top:9px;font-size:12px;font-weight:900;position:relative}.lms-progress-strip.is-floating{z-index:1601;transform-origin:50%;will-change:transform, opacity;border:3px solid #8943ef61;border-radius:28px;grid-column:auto;justify-self:auto;width:min(680px,100vw - 36px);min-height:138px;padding:24px 28px 23px;transition:transform .56s cubic-bezier(.16,1.05,.3,1),opacity .18s,box-shadow .3s;position:fixed;top:50%;left:50%;box-shadow:0 27px 75px #220f375c,0 0 0 10px #8943ef1a,0 0 48px #8943ef52}.lms-progress-strip.is-flight-start,.lms-progress-strip.is-flight-exit{transform:translate(calc(-50% + var(--progress-start-x)), calc(-50% + var(--progress-start-y))) scale(var(--progress-start-scale))}.lms-progress-strip.is-flight-start{opacity:.96}.lms-progress-strip.is-flight-center{opacity:1;animation:.76s cubic-bezier(.16,1,.3,1) .48s lms-center-progress-pop;transform:translate(-50%,-50%)scale(1)}.lms-progress-strip.is-flight-exit{opacity:.92}.lms-progress-strip.is-floating .lms-progress-strip__label{font-size:24px}.lms-progress-strip.is-floating .lms-progress-strip__count{font-size:14px}.lms-progress-strip.is-floating .lms-progress-strip__details,.lms-progress-strip.is-floating .lms-progress-strip__badge-chip{font-size:12px}.lms-progress-strip.is-floating .lms-progress-strip__track{border-width:3px;height:34px}.lms-progress-strip.is-floating .lms-progress-strip__inside-value{font-size:18px}.lms-progress-strip.is-floating .lms-progress-strip__status{margin-top:12px;font-size:14px}.lms-progress-strip.is-floating .lms-progress-strip__fill{transition:width 1.9s cubic-bezier(.18,.72,.22,1)}.lms-progress-strip.is-completing .lms-progress-strip__fill{transition-duration:2.7s}.lms-progress-strip.is-completing{border-color:#8943ef94;box-shadow:0 31px 85px #220f3766,0 0 0 14px #8943ef1f,0 0 68px #8943ef7a}.lms-progress-strip.is-floating .lms-progress-strip__preview{background:repeating-linear-gradient(115deg,#8943ef57 0 8px,#8943ef1f 8px 16px);animation:.52s ease-in-out infinite alternate lms-preview-segment-pulse;box-shadow:inset 0 0 0 2px #8943ef29,0 0 10px #8943ef26}.lms-screen-fireworks{z-index:1600;pointer-events:none;position:fixed;inset:0;overflow:hidden}.lms-screen-firework{width:12px;height:12px;position:absolute}.lms-screen-firework--1{top:18%;left:14%}.lms-screen-firework--2{top:13%;left:50%}.lms-screen-firework--3{top:21%;right:13%}.lms-screen-firework--4{top:54%;left:8%}.lms-screen-firework--5{top:52%;right:8%}.lms-screen-firework--6{bottom:14%;left:24%}.lms-screen-firework--7{bottom:10%;left:51%}.lms-screen-firework--8{bottom:16%;right:22%}.lms-screen-firework i{opacity:0;width:9px;height:9px;transform:translate(-50%, -50%) rotate(var(--firework-angle)) translateY(0) scale(.3);background:#8943ef;border-radius:50%;animation:1.05s ease-out .52s forwards lms-screen-firework-burst;position:absolute;top:50%;left:50%;box-shadow:0 0 9px #8943efd9,0 0 17px #8943ef73}.lms-screen-firework--2 i{background:#b56cf7;animation-delay:.76s}.lms-screen-firework--3 i{background:#6f2bd8;animation-delay:.96s}.lms-screen-firework--4 i{background:#d495ff;animation-delay:1.18s}.lms-screen-firework--5 i{background:#8943ef;animation-delay:1.4s}.lms-screen-firework--6 i{background:#b56cf7;animation-delay:1.63s}.lms-screen-firework--7 i{background:#6f2bd8;animation-delay:1.87s}.lms-screen-firework--8 i{background:#d495ff;animation-delay:2.11s}.lms-screen-fireworks.is-complete .lms-screen-firework i{width:11px;height:11px;animation-duration:1.3s}.lms-screen-fireworks.is-complete .lms-screen-firework--1 i{animation-delay:.42s}.lms-screen-fireworks.is-complete .lms-screen-firework--2 i{animation-delay:.85s}.lms-screen-fireworks.is-complete .lms-screen-firework--3 i{animation-delay:1.26s}.lms-screen-fireworks.is-complete .lms-screen-firework--4 i{animation-delay:1.69s}.lms-screen-fireworks.is-complete .lms-screen-firework--5 i{animation-delay:2.12s}.lms-screen-fireworks.is-complete .lms-screen-firework--6 i{animation-delay:2.55s}.lms-screen-fireworks.is-complete .lms-screen-firework--7 i{animation-delay:2.98s}.lms-screen-fireworks.is-complete .lms-screen-firework--8 i{animation-delay:3.41s}@keyframes lms-center-progress-pop{0%{transform:translate(-50%,-50%)scale(1)}46%{transform:translate(-50%,-50%)scale(1.045)}72%{transform:translate(-50%,-50%)scale(.992)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes lms-complete-progress-pop{0%{transform:translate(-50%,-50%)scale(1)}30%{transform:translate(-50%,-50%)scale(1.075)rotate(-1deg)}56%{transform:translate(-50%,-50%)scale(.985)rotate(.8deg)}78%{transform:translate(-50%,-50%)scale(1.035)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes lms-preview-segment-pulse{0%{opacity:.5}to{opacity:1}}@keyframes lms-screen-firework-burst{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--firework-angle)) translateY(0) scale(.25)}12%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--firework-angle)) translateY(-118px) scale(1)}}@media (width<=1450px){.lms-progress-strip,.lms-progress-strip-placeholder{width:320px}}@media (width<=1100px){.lms-progress-strip,.lms-progress-strip-placeholder{width:225px;min-height:76px}.lms-progress-strip-placeholder{height:76px}.lms-progress-strip{padding:12px}.lms-progress-strip__count{display:none}.lms-progress-strip.is-floating{width:min(620px,100vw - 28px);min-height:126px;padding:22px 24px}.lms-progress-strip.is-floating .lms-progress-strip__count{display:block}}@media (width<=720px){.lms-progress-strip,.lms-progress-strip-placeholder{grid-column:2;width:128px;min-height:50px}.lms-progress-strip-placeholder{height:50px}.lms-progress-strip{border-radius:14px;padding:8px}.lms-progress-strip__header{display:none}.lms-progress-strip__track{height:17px}.lms-progress-strip.is-floating{border-radius:22px;width:calc(100vw - 24px);min-height:118px;padding:20px 17px;top:50%;left:50%}.lms-progress-strip.is-floating .lms-progress-strip__header{display:flex}.lms-progress-strip.is-floating .lms-progress-strip__label{font-size:20px;display:block}.lms-progress-strip.is-floating .lms-progress-strip__count{font-size:12px;display:block}.lms-progress-strip.is-floating .lms-progress-strip__track{height:29px}.lms-progress-strip.is-floating .lms-progress-strip__inside-value{font-size:15px}.lms-progress-strip.is-floating .lms-progress-strip__status{font-size:12px}.lms-screen-firework i{width:7px;height:7px}}@media (prefers-reduced-motion:reduce){.lms-progress-strip.is-floating,.lms-progress-strip__fill,.lms-progress-strip__preview,.lms-screen-firework i{transition-duration:1ms!important;animation:none!important}}.lms-progress-strip.is-floating{width:min(740px,100vw - 36px);min-height:146px;padding:25px 30px 26px}.lms-progress-strip.is-floating .lms-progress-strip__track{height:39px;overflow:visible}.lms-progress-strip__header-actions{flex:none;align-items:center;gap:9px;display:flex}.lms-progress-strip__sound{color:#6f2bd8;cursor:pointer;background:#fff;border:1px solid #8943ef33;border-radius:11px;place-items:center;width:34px;height:34px;padding:0;font-size:15px;line-height:1;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 5px 12px #401d601f}.lms-progress-strip__sound:hover{transform:translateY(-1px)scale(1.06);box-shadow:0 7px 16px #401d6033}.lms-progress-strip.is-floating .lms-progress-strip__sound{border-radius:14px;width:42px;height:42px;font-size:18px}.lms-progress-strip__change{white-space:nowrap;background:linear-gradient(135deg,#fff 0%,#f0e3ff 100%);border:2px solid #8943ef30;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-width:118px;padding:7px 11px;display:inline-flex;box-shadow:0 6px 15px #8943ef29}.lms-progress-strip__change small{color:#81748b;font-size:13px;font-weight:850}.lms-progress-strip__change b{color:#8943ef;font-size:17px;animation:.54s ease-in-out infinite alternate lms-progress-arrow-pulse}.lms-progress-strip__change strong{color:#6d26c2;font-size:17px;font-weight:1000}.lms-progress-strip.is-floating .lms-progress-strip__change{border-radius:16px;min-width:154px;padding:9px 14px}.lms-progress-strip.is-floating .lms-progress-strip__change small{font-size:16px}.lms-progress-strip.is-floating .lms-progress-strip__change b,.lms-progress-strip.is-floating .lms-progress-strip__change strong{font-size:22px}.lms-progress-strip__target-marker{z-index:8;color:#6b25bf;text-align:center;background:#fff;border:2px solid #8943ef47;border-radius:10px;min-width:46px;padding:5px 7px;font-size:11px;font-weight:1000;line-height:1;animation:.62s ease-in-out infinite alternate lms-target-marker-bounce;position:absolute;top:-34px;transform:translate(-50%);box-shadow:0 6px 13px #3e1c5d2e}.lms-progress-strip__target-marker:after{content:"";background:#fff;border-bottom:2px solid #8943ef47;border-right:2px solid #8943ef47;width:9px;height:9px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.lms-progress-strip.is-floating .lms-progress-strip__target-marker{border-radius:12px;min-width:58px;padding:7px 9px;font-size:14px;top:-42px}.lms-progress-strip__status{display:none!important}.lms-progress-strip.is-flight-center{animation:1.12s cubic-bezier(.14,1.08,.26,1) .45s lms-strong-center-pop}.lms-progress-strip.is-completing.is-flight-center{animation:1.65s cubic-bezier(.14,1.1,.25,1) .43s lms-strong-complete-pop}.lms-celebration-flash{z-index:1597;pointer-events:none;opacity:0;background:radial-gradient(circle,#e1b7ff70 0%,#8943ef2b 28%,#0000 64%);animation:1.15s ease-out .42s forwards lms-celebration-flash;position:fixed;inset:0}.lms-celebration-flash.is-complete{background:radial-gradient(circle,#ffffffad 0%,#dfa5ff6e 24%,#8943ef33 45%,#0000 72%);animation:1.7s ease-out .36s forwards lms-complete-screen-flash}.lms-celebration-rings{z-index:1599;pointer-events:none;width:90px;height:90px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.lms-celebration-rings span{opacity:0;border:4px solid #b967ff99;border-radius:50%;animation:1.45s ease-out .64s forwards lms-celebration-ring;position:absolute;inset:0;box-shadow:0 0 22px #8943ef66}.lms-celebration-rings span:nth-child(2){animation-delay:.92s}.lms-celebration-rings span:nth-child(3){animation-delay:1.2s}.lms-celebration-rings.is-complete span{border-width:6px;animation-duration:1.9s}.lms-screen-fireworks{z-index:1598}.lms-screen-firework--9{top:31%;left:34%}.lms-screen-firework--10{top:35%;right:32%}.lms-screen-firework--11{bottom:27%;left:39%}.lms-screen-firework--12{bottom:29%;right:37%}.lms-screen-firework i{width:10px;height:10px;animation-name:lms-strong-firework-burst;animation-duration:1.25s;box-shadow:0 0 11px #8943eff0,0 0 23px #8943ef94}.lms-screen-firework--9 i{background:#c77dff;animation-delay:.63s}.lms-screen-firework--10 i{background:#6f2bd8;animation-delay:1.03s}.lms-screen-firework--11 i{background:#e0a6ff;animation-delay:1.47s}.lms-screen-firework--12 i{background:#8943ef;animation-delay:1.91s}.lms-screen-fireworks.is-complete .lms-screen-firework i{width:12px;height:12px;animation-name:lms-strong-firework-burst;animation-duration:1.5s}@keyframes lms-progress-arrow-pulse{0%{transform:translate(-2px)scale(.92)}to{transform:translate(3px)scale(1.1)}}@keyframes lms-target-marker-bounce{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-5px)}}@keyframes lms-strong-center-pop{0%{transform:translate(-50%,-50%)scale(1)}25%{transform:translate(-50%,-50%)scale(1.095)rotate(-1.4deg)}48%{transform:translate(-50%,-50%)scale(.975)rotate(1deg)}70%{transform:translate(-50%,-50%)scale(1.045)rotate(-.4deg)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes lms-strong-complete-pop{0%{transform:translate(-50%,-50%)scale(1)}20%{transform:translate(-50%,-50%)scale(1.14)rotate(-2deg)}40%{transform:translate(-50%,-50%)scale(.96)rotate(1.5deg)}61%{transform:translate(-50%,-50%)scale(1.09)rotate(-.8deg)}80%{transform:translate(-50%,-50%)scale(.99)rotate(.3deg)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes lms-celebration-flash{0%{opacity:0;transform:scale(.8)}22%{opacity:1}to{opacity:0;transform:scale(1.18)}}@keyframes lms-complete-screen-flash{0%{opacity:0;transform:scale(.72)}18%{opacity:1}46%{opacity:.52}to{opacity:0;transform:scale(1.32)}}@keyframes lms-celebration-ring{0%{opacity:.92;transform:scale(.25)}to{opacity:0;transform:scale(13)}}@keyframes lms-strong-firework-burst{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--firework-angle)) translateY(0) scale(.2)}12%{opacity:1}68%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--firework-angle)) translateY(-145px) scale(1.15)}}@media (width<=720px){.lms-progress-strip.is-floating{width:calc(100vw - 20px);min-height:132px;padding:22px 16px}.lms-progress-strip__sound{width:30px;height:30px;font-size:13px}.lms-progress-strip.is-floating .lms-progress-strip__sound{width:36px;height:36px;font-size:15px}.lms-progress-strip__change{gap:5px;min-width:92px;padding:6px 8px}.lms-progress-strip.is-floating .lms-progress-strip__change{min-width:112px;padding:7px 9px}.lms-progress-strip.is-floating .lms-progress-strip__change small,.lms-progress-strip.is-floating .lms-progress-strip__change strong{font-size:15px}.lms-progress-strip.is-floating .lms-progress-strip__track{height:34px}.lms-progress-strip.is-floating .lms-progress-strip__target-marker{font-size:12px;top:-38px}.lms-screen-firework i{width:8px;height:8px}}@media (prefers-reduced-motion:reduce){.lms-celebration-flash,.lms-celebration-rings,.lms-screen-fireworks{display:none}}.lms-topbar{z-index:100;box-sizing:border-box;background:radial-gradient(circle at 23% -90%,#824dff57,#0000 48%),linear-gradient(102deg,#071526 0%,#0a1430 55%,#140d36 100%);border-bottom:1px solid #ffffff17;flex-direction:column;align-items:stretch;gap:0;width:100%;min-height:0;padding:0;display:flex;position:sticky;top:0;overflow:visible;box-shadow:0 8px 24px #02081733}.lms-topbar__info-row{box-sizing:border-box;grid-template-columns:minmax(330px,390px) minmax(380px,1fr) minmax(280px,340px);align-items:center;column-gap:22px;width:100%;min-width:0;min-height:76px;padding:7px 24px 6px;display:grid}.lms-topbar__identity{align-items:center;gap:12px;min-width:0;display:flex;overflow:visible}.lms-topbar__logo{width:44px;height:52px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:0 0 44px;place-items:center;display:grid;position:relative;top:auto;left:auto;overflow:visible}.lms-topbar__logo:after{content:none;display:none}.lms-topbar__logo img{z-index:2;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:relative}.lms-topbar__logo-fallback{z-index:1;color:#642b82;background:#fff;place-items:center;font-size:25px;font-weight:950;line-height:1;display:grid;position:absolute;inset:4px 4px 8px}.lms-topbar__logo-fallback:after{content:"";background:#fff;width:14px;height:14px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.lms-topbar__robot{width:92px;height:68px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:0 0 92px;align-self:end;position:relative;overflow:hidden}.lms-topbar__robot img{object-fit:contain;object-position:center top;filter:drop-shadow(0 6px 8px #00000052)drop-shadow(0 0 11px #8b5cf638);-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;max-width:none;height:112px;display:block;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.lms-topbar__course-code{color:#fff;letter-spacing:.02em;white-space:nowrap;background:linear-gradient(135deg,#6f2bd8 0%,#9847ef 100%);border:1px solid #cc99ff6b;border-radius:12px;min-width:0;max-width:260px;padding:9px 14px;font-size:14.5px;font-weight:950;line-height:1;overflow:visible;box-shadow:0 7px 17px #5b22a74a,inset 0 1px #ffffff3d}.lms-topbar__lesson-context{color:#fff;justify-content:flex-start;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.lms-topbar__separator{color:#dce2f052;flex:none;font-size:20px;font-weight:400;line-height:1}.lms-topbar__info-pill{box-sizing:border-box;background:#fff1;border:1px solid #ffffff24;border-radius:11px;flex:none;align-items:center;gap:6px;min-height:36px;padding:7px 10px;display:inline-flex}.lms-topbar__info-pill.is-task{background:#7e3ad538;border-color:#bc7dff7a}.lms-topbar__info-pill small{color:#aebbd0;font-size:10px;font-weight:800;line-height:1}.lms-topbar__info-pill strong{color:#fff;white-space:nowrap;font-size:13px;font-weight:950;line-height:1}.lms-topbar__lesson-title{color:#fff;text-overflow:ellipsis;white-space:normal;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:60px;max-width:420px;font-size:16px;font-weight:950;line-height:1.25;display:-webkit-box;overflow:hidden}.lms-topbar__progress-slot{justify-content:flex-end;align-items:center;width:100%;min-width:0;height:58px;display:flex;position:relative}.lms-topbar__progress-slot .lms-progress-strip-placeholder{width:100%;height:58px;min-height:58px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){z-index:1;box-sizing:border-box;background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border:1px solid #b070ff47;border-radius:16px;grid-column:auto;justify-self:auto;width:100%;max-width:380px;min-height:0;padding:8px 11px 9px;position:relative;top:auto;left:auto;overflow:hidden;transform:none;box-shadow:inset 0 1px #ffffff17,0 8px 18px #00000029}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating):before{opacity:.14}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__header{align-items:center;gap:10px;min-height:20px;margin:0 0 6px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__header>div:first-child{flex-direction:row;align-items:baseline;gap:8px;min-width:0;display:flex}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__count{color:#aebbd0;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;line-height:1;overflow:hidden}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__header-actions{flex:none;align-items:center;gap:6px;display:flex}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__sound{color:#fff;width:27px;height:27px;box-shadow:none;background:#ffffff13;border:1px solid #ffffff21;border-radius:8px;place-items:center;padding:0;font-size:11px;display:grid}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__details,.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__badge-chip{display:none}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__track{background:#01051280;border:1px solid #ffffff17;border-radius:999px;width:100%;height:20px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #00000047}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__fill{border-radius:inherit;background:linear-gradient(90deg,#6f2bd8 0%,#9a49ee 62%,#c075ff 100%);overflow:hidden;box-shadow:0 0 13px #974df075,inset 0 1px #ffffff47}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__preview{border-radius:inherit}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__target-marker{display:none}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__inside-value{z-index:5;color:#fff;text-shadow:0 1px 3px #00000073;pointer-events:none;background:linear-gradient(135deg,#461687e0,#8943efeb);border-radius:8px;place-items:center;width:50px;min-width:50px;font-size:10px;font-weight:950;line-height:1;display:grid;position:absolute;inset:2px 3px 2px auto}.lms-topbar__navigation-row{box-sizing:border-box;background:linear-gradient(#ffffff05,#00000017);border-top:1px solid #ffffff17;align-items:center;width:100%;min-width:0;min-height:58px;padding:8px 24px 10px;display:flex}.lms-topbar__navigation-row .lms-topbar__steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:11px 18px;width:100%;min-width:0;display:flex;position:relative}.lms-topbar__navigation-row .lms-topbar__step{color:#aeb8cb;cursor:pointer;background:#020712b8;border:1px solid #a9bad940;border-radius:999px;flex:0 0 42px;place-items:center;width:42px;height:42px;padding:0;font-size:17px;font-weight:900;line-height:1;transition:transform .13s,border-color .16s,background-color .16s,box-shadow .16s;display:grid;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff0f}.lms-topbar__navigation-row .lms-topbar__step:hover{color:#fff;border-color:#be85ff8c;transform:translateY(-2px)scale(1.04)}.lms-topbar__navigation-row .lms-topbar__step.is-active{z-index:2;color:#fff;background:#07070b;border-color:#b77aff;transform:scale(1.08);box-shadow:0 0 0 3px #b77aff3d,0 0 18px #9746efad}.lms-topbar__navigation-row .lms-topbar__step.is-completed{border-color:#4fe78ab8;color:#fff!important;background:linear-gradient(135deg,#159447 0%,#1db85a 100%)!important}.lms-topbar__navigation-row .lms-topbar__step.is-completed.is-active{box-shadow:0 0 0 2px #ffffffb8,0 0 0 5px #22c55e3b,0 0 18px #22c55e6b}.lms-topbar__navigation-row .lms-topbar__step-check{border-width:2px;border-color:#071526;width:17px;height:17px;font-size:9px;bottom:-4px;right:-4px}@media (width<=1500px){.lms-topbar__info-row{grid-template-columns:minmax(255px,300px) minmax(360px,1fr) minmax(285px,330px);column-gap:14px;padding-inline:16px}.lms-topbar__identity{gap:9px}.lms-topbar__robot{flex-basis:78px;width:78px}.lms-topbar__robot img{height:105px}.lms-topbar__course-code{max-width:180px;padding-inline:11px}.lms-topbar__lesson-context{gap:8px}.lms-topbar__lesson-title{max-width:210px;font-size:16px}}@media (width<=1180px){.lms-topbar__info-row{grid-template-columns:minmax(225px,270px) minmax(285px,1fr) minmax(235px,285px);column-gap:10px;padding-inline:12px}.lms-topbar__robot{flex-basis:65px;width:65px}.lms-topbar__robot img{height:98px;top:-14px}.lms-topbar__course-code{max-width:160px;padding:9px 10px;font-size:13px}.lms-topbar__lesson-title{max-width:145px;font-size:15px}.lms-topbar__info-pill{padding-inline:8px}.lms-topbar__info-pill small{display:none}.lms-topbar__separator{font-size:16px}}@media (width<=930px){.lms-topbar__info-row{grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"identity lesson""progress progress";row-gap:6px;min-height:112px;padding-top:6px}.lms-topbar__identity{grid-area:identity}.lms-topbar__lesson-context{grid-area:lesson;justify-content:flex-end}.lms-topbar__progress-slot{grid-area:progress;height:45px}.lms-topbar__progress-slot .lms-progress-strip-placeholder{height:45px;min-height:45px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){max-width:none;padding-block:5px 6px}}@media (width<=650px){.lms-topbar__info-row{grid-template-columns:1fr;grid-template-areas:"identity""lesson""progress";row-gap:5px;padding:6px 9px}.lms-topbar__identity{justify-content:flex-start}.lms-topbar__logo{flex-basis:36px;width:36px;height:43px}.lms-topbar__robot{flex-basis:58px;width:58px;height:49px}.lms-topbar__robot img{height:83px;top:-12px}.lms-topbar__course-code{max-width:calc(100vw - 130px)}.lms-topbar__lesson-context{scrollbar-width:none;justify-content:flex-start;padding-bottom:1px;overflow-x:auto}.lms-topbar__lesson-context::-webkit-scrollbar{display:none}.lms-topbar__lesson-title{min-width:max-content;max-width:none}.lms-topbar__navigation-row{padding-inline:10px}.lms-topbar__navigation-row .lms-topbar__steps{justify-content:flex-start;column-gap:12px}.lms-topbar__navigation-row .lms-topbar__step{flex-basis:38px;width:38px;height:38px;font-size:15px}}@media (prefers-reduced-motion:reduce){.lms-topbar__navigation-row .lms-topbar__step{transition:none}}.lms-topbar__info-row{grid-template-columns:max-content minmax(320px,1fr) minmax(300px,350px);column-gap:14px;min-height:64px;padding:6px 16px 5px}.lms-topbar__logo{flex-basis:40px;width:40px;height:46px}.lms-topbar__robot{flex:0 0 92px;align-self:end;width:92px;height:58px;margin-top:6px;overflow:visible}.lms-topbar__course-code{max-width:140px}.lms-topbar__lesson-context{gap:8px}.lms-topbar__lesson-title{max-width:380px;font-size:15px}.lms-topbar__progress-slot{height:48px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){border-radius:14px;max-width:350px;min-height:0;padding:6px 10px 7px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:0 0 5px;display:grid}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__header>div:first-child{flex-flow:row;align-items:baseline;gap:8px;min-width:0;display:flex}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__label{white-space:nowrap;font-size:12px;line-height:1}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__count{white-space:nowrap;font-size:10px;line-height:1}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__header-actions{white-space:nowrap;gap:5px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__sound{border-radius:8px;width:24px;height:24px;font-size:10px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__details,.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__badge-chip{white-space:nowrap;border-radius:999px;align-items:center;max-width:94px;padding:4px 7px;font-size:8px;line-height:1;display:inline-flex}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__change{font-size:8px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__track{height:15px}@media (width<=1450px){.lms-topbar__info-row{grid-template-columns:max-content minmax(220px,1fr) minmax(270px,320px);column-gap:10px}.lms-topbar__robot{flex-basis:82px;width:82px}.lms-topbar__robot img{height:104px;bottom:-22px}.lms-topbar__lesson-title{max-width:180px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){max-width:320px}}@media (width<=1160px){.lms-topbar__info-row{grid-template-columns:max-content minmax(180px,1fr) minmax(240px,280px)}.lms-topbar__robot{flex-basis:72px;width:72px}.lms-topbar__robot img{height:96px;bottom:-22px}.lms-topbar__course-code{max-width:108px;font-size:13px}.lms-topbar__lesson-title{max-width:125px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){max-width:280px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__details,.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__badge-chip{max-width:78px;font-size:7px}}@media (width<=920px){.lms-topbar__robot{flex-basis:66px;width:66px}.lms-topbar__robot img{height:88px;bottom:-20px}.lms-topbar__progress-slot{height:44px}.lms-topbar__progress-slot .lms-progress-strip-placeholder{height:44px;min-height:44px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){max-width:none}}@media (width<=640px){.lms-topbar__identity{align-items:center}.lms-topbar__robot{flex-basis:56px;width:56px;height:44px;margin-top:0}.lms-topbar__robot img{height:76px;bottom:-17px}.lms-topbar__progress-slot{height:42px}.lms-topbar__progress-slot .lms-progress-strip-placeholder{height:42px;min-height:42px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){padding:6px 8px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__details,.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__badge-chip{display:none}}.lms-topbar__identity{align-items:center;gap:10px}.lms-topbar__logo{align-self:center}.lms-topbar__robot img{object-fit:contain;object-position:center bottom;width:auto;max-width:none;height:112px;bottom:-44px;left:50%;transform:translate(-50%)}.lms-topbar__course-code,.lms-topbar__info-pill{box-sizing:border-box;align-items:center;min-height:34px;display:inline-flex}.lms-topbar__course-code{justify-content:center;align-self:center;margin:0;padding-top:6px;padding-bottom:6px}.lms-topbar__lesson-context{align-items:center;gap:9px}.lms-topbar__lesson-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:center;min-height:28px;margin:0;line-height:1.25;display:-webkit-box}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){border-radius:13px;grid-template-rows:28px;grid-template-columns:max-content minmax(120px,1fr) 28px;align-items:center;gap:10px;width:100%;max-width:390px;min-height:42px;padding:6px 9px;display:grid;overflow:hidden}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__header{margin:0;display:contents}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__header>div:first-child{flex-direction:column;grid-area:1/1;justify-content:center;align-items:flex-start;gap:3px;min-width:0;display:flex}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__track{grid-area:1/2;width:100%;height:18px;margin:0;overflow:hidden}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__header-actions{grid-area:1/3;justify-content:center;align-items:center;gap:0;width:28px;display:flex}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__sound{border-radius:9px;flex:0 0 28px;width:28px;height:28px;font-size:12px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__details,.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__badge-chip,.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__change{display:none}@media (width<=1450px){.lms-topbar__info-row{grid-template-columns:max-content minmax(250px,1fr) minmax(290px,340px);column-gap:11px}.lms-topbar__robot{flex-basis:92px;width:92px}.lms-topbar__robot img{height:104px;bottom:-40px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){grid-template-columns:max-content minmax(100px,1fr) 27px;gap:8px;max-width:340px}}@media (width<=1160px){.lms-topbar__info-row{grid-template-columns:max-content minmax(190px,1fr) minmax(250px,290px)}.lms-topbar__robot{flex-basis:80px;width:80px}.lms-topbar__robot img{height:96px;bottom:-36px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){grid-template-columns:max-content minmax(82px,1fr) 26px;gap:7px;max-width:290px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__label{font-size:11px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__count{font-size:9px}}@media (width<=920px){.lms-topbar__robot{flex-basis:72px;width:72px}.lms-topbar__robot img{height:88px;bottom:-31px}.lms-topbar__progress-slot{height:42px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){max-width:none}}@media (width<=640px){.lms-topbar__robot{flex-basis:62px;width:62px;height:48px}.lms-topbar__robot img{height:78px;bottom:-27px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){grid-template-columns:max-content minmax(80px,1fr) 26px}}.lms-topbar{min-height:0!important}.lms-topbar__info-row{grid-template-columns:max-content minmax(330px,1fr) minmax(390px,460px)!important;align-items:center!important;column-gap:14px!important;min-height:52px!important;padding:2px 14px!important}.lms-topbar__identity{height:52px;align-items:center!important;gap:9px!important}.lms-topbar__logo{flex-basis:38px!important;align-self:center!important;width:38px!important;height:43px!important}.lms-topbar__robot{flex:0 0 90px!important;align-self:center!important;width:90px!important;height:52px!important;margin:0!important;position:relative!important;overflow:visible!important}.lms-topbar__robot img{object-fit:contain!important;object-position:center top!important;width:auto!important;max-width:none!important;height:74px!important;position:absolute!important;top:0!important;bottom:auto!important;left:50%!important;transform:translate(-50%)!important}.lms-topbar__course-code,.lms-topbar__info-pill{box-sizing:border-box!important;align-items:center!important;height:32px!important;min-height:32px!important;margin:0!important;padding-top:5px!important;padding-bottom:5px!important;display:inline-flex!important}.lms-topbar__course-code{justify-content:center!important;align-self:center!important}.lms-topbar__lesson-context{height:52px;align-items:center!important;gap:8px!important}.lms-topbar__lesson-title{-webkit-line-clamp:2!important;text-overflow:ellipsis!important;white-space:normal!important;word-break:break-word!important;-webkit-box-orient:vertical!important;align-self:center!important;max-width:420px!important;height:auto!important;min-height:28px!important;max-height:46px!important;margin:0!important;line-height:1.25!important;display:-webkit-box!important;overflow:hidden!important}.lms-topbar__separator{align-self:center!important}.lms-topbar__progress-slot{align-items:center!important;height:38px!important}.lms-topbar__progress-slot .lms-progress-strip-placeholder{height:38px!important;min-height:38px!important}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){box-sizing:border-box!important;border-radius:12px!important;width:100%!important;max-width:325px!important;height:38px!important;min-height:38px!important;padding:4px 7px!important;overflow:hidden!important}.lms-progress-strip__compact-row{grid-template-columns:max-content minmax(150px,1fr) 28px;align-items:center;gap:10px;width:100%;min-width:0;height:100%;display:grid}.lms-progress-strip__compact-copy{white-space:nowrap;align-items:baseline;gap:7px;min-width:0;display:flex}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__label{color:#fff!important;white-space:nowrap!important;font-size:12px!important;font-weight:900!important;line-height:1!important}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__count{color:#b7c1d4!important;white-space:nowrap!important;font-size:10px!important;font-weight:750!important;line-height:1!important;display:inline!important}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__track{width:100%!important;height:16px!important;margin:0!important;overflow:hidden!important}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__inside-value{font-size:10px!important}.lms-progress-strip__compact-row .lms-progress-strip__sound{border-radius:8px!important;width:28px!important;min-width:28px!important;height:28px!important;padding:0!important;font-size:11px!important}.lms-topbar__navigation-row{min-height:44px!important;padding:4px 14px 5px!important}.lms-topbar__navigation-row .lms-topbar__steps{gap:8px 16px!important}.lms-topbar__navigation-row .lms-topbar__step{flex-basis:36px!important;width:36px!important;height:36px!important;font-size:15px!important}.lms-topbar__navigation-row .lms-topbar__step-check{width:16px!important;height:16px!important;font-size:8px!important}@media (width<=1450px){.lms-topbar__info-row{grid-template-columns:max-content minmax(230px,1fr) minmax(340px,390px)!important;column-gap:10px!important;padding-inline:10px!important}.lms-topbar__robot{flex-basis:82px!important;width:82px!important}.lms-topbar__robot img{height:70px!important}.lms-progress-strip__compact-row{grid-template-columns:max-content minmax(120px,1fr) 27px;gap:8px}}@media (width<=1160px){.lms-topbar__info-row{grid-template-columns:max-content minmax(180px,1fr) minmax(280px,320px)!important}.lms-topbar__robot{flex-basis:72px!important;width:72px!important}.lms-topbar__robot img{height:66px!important}.lms-progress-strip__compact-row{grid-template-columns:max-content minmax(95px,1fr) 26px;gap:7px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__count{display:none!important}}@media (width<=920px){.lms-topbar__info-row{min-height:90px!important}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){max-width:none!important}}@media (width<=640px){.lms-topbar__robot{flex-basis:60px!important;width:60px!important}.lms-topbar__robot img{height:61px!important}.lms-progress-strip__compact-row{grid-template-columns:max-content minmax(80px,1fr) 26px}}.lms-topbar{overflow:visible!important}.lms-topbar__info-row{z-index:3!important;position:relative!important;overflow:visible!important}.lms-topbar__identity{z-index:4!important;position:relative!important;overflow:visible!important}.lms-topbar__navigation-row{z-index:1!important;position:relative!important;overflow:visible!important}.lms-topbar__robot{z-index:20!important;pointer-events:none!important;width:104px!important;height:98px!important;margin:0!important;position:absolute!important;top:-2px!important;left:47px!important;overflow:visible!important}.lms-topbar__course-code{margin-left:104px!important}.lms-topbar__robot img{object-fit:contain!important;object-position:center top!important;-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important;width:auto!important;max-width:none!important;height:104px!important;position:absolute!important;top:0!important;bottom:auto!important;left:50%!important;transform:translate(-50%)!important}@media (width<=1450px){.lms-topbar__robot{width:98px!important;height:96px!important;top:-1px!important;left:45px!important}.lms-topbar__robot img{height:100px!important}.lms-topbar__course-code{margin-left:98px!important}}@media (width<=1160px){.lms-topbar__robot{width:90px!important;height:91px!important;top:0!important;left:43px!important}.lms-topbar__robot img{height:94px!important}.lms-topbar__course-code{margin-left:90px!important}}@media (width<=920px){.lms-topbar__robot{width:82px!important;height:86px!important;top:1px!important;left:42px!important}.lms-topbar__robot img{height:88px!important}.lms-topbar__course-code{margin-left:82px!important}}@media (width<=640px){.lms-topbar__robot{width:70px!important;height:78px!important;top:2px!important;left:39px!important}.lms-topbar__robot img{height:80px!important}.lms-topbar__course-code{margin-left:70px!important}}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){overflow:hidden!important}.lms-progress-strip__compact-row{grid-template-columns:max-content minmax(70px,1fr) 30px!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;display:grid!important}.lms-progress-strip__compact-copy{white-space:nowrap!important;min-width:0!important}.lms-progress-strip__compact-row .lms-progress-strip__track{width:100%!important;min-width:0!important}.lms-progress-strip__compact-row .lms-progress-strip__sound{z-index:6!important;visibility:visible!important;opacity:1!important;color:#fff!important;cursor:pointer!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;box-shadow:none!important;background:#ffffff14!important;border:1px solid #ffffff26!important;border-radius:9px!important;flex:0 0 30px!important;place-items:center!important;margin:0!important;padding:0!important;font-size:12px!important;line-height:1!important;display:grid!important;position:relative!important}@media (width<=1450px){.lms-progress-strip__compact-row{grid-template-columns:max-content minmax(55px,1fr) 28px!important;gap:7px!important}.lms-progress-strip__compact-row .lms-progress-strip__sound{flex-basis:28px!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important}}@media (width<=1160px){.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__count{display:none!important}.lms-progress-strip__compact-row{grid-template-columns:max-content minmax(45px,1fr) 27px!important;gap:6px!important}.lms-progress-strip__compact-row .lms-progress-strip__sound{flex-basis:27px!important;width:27px!important;min-width:27px!important;max-width:27px!important;height:27px!important}}.lms-topbar__robot{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;overflow:visible!important}.lms-topbar__robot:before,.lms-topbar__robot:after{content:none!important;background:0 0!important;display:none!important}.lms-topbar__robot img{box-shadow:none!important;mix-blend-mode:normal!important;background:0 0!important;border:0!important;border-radius:0!important;display:block!important}.lms-frame{box-sizing:border-box;background:linear-gradient(#8a45ef 0%,#7f39ea 100%);min-height:calc(100vh - 76px);padding:34px 24px 90px;overflow-x:hidden}.lms-frame__inner{box-sizing:border-box;width:min(1440px,100vw - 170px);margin:0 auto;padding:0;position:relative}.lms-frame__inner--narrow{width:min(900px,100vw - 170px)}.lms-frame__card{background:#fff;border-radius:18px;width:100%;min-height:620px;overflow:visible;box-shadow:0 10px 28px #1218281f}.ptsy-feedback-banner{box-sizing:border-box;border:1.5px solid #0000;border-radius:12px;align-items:flex-start;gap:16px;margin-top:24px;padding:16px 20px;animation:.25s ease-out ptsyBannerFade;display:flex}.ptsy-banner--error{color:#991b1b;background:#fff1f2;border-color:#fca5a5}.ptsy-banner--success{color:#166534;background:#f0fdf4;border-color:#86efac}.ptsy-banner__icon-wrap{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;display:flex}.ptsy-banner--error .ptsy-banner__icon-wrap{background:#dc2626}.ptsy-banner--success .ptsy-banner__icon-wrap{background:#16a34a}.ptsy-banner__icon{width:20px;height:20px}.ptsy-banner__text-wrap{flex-direction:column;gap:2px;display:flex}.ptsy-banner__title{font-size:16px;font-weight:700;line-height:1.3}.ptsy-banner__desc{opacity:.95;font-size:14px;font-weight:400;line-height:1.4}@keyframes ptsyBannerFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lms-frame__content{box-sizing:border-box;width:100%;min-height:620px;padding:24px 28px;overflow:visible}.lms-frame__content>*{box-sizing:border-box;max-width:100%}.lms-frame__side{color:#8b5cf6;cursor:pointer;z-index:20;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:54px;height:60px;font-size:24px;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000001a}.lms-frame__side--left{left:-78px}.lms-frame__side--right{right:-78px}.lms-frame__side--ide{z-index:9999;position:fixed}.lms-frame__side--ide.lms-frame__side--left{left:20px}.lms-frame__side--ide.lms-frame__side--right{right:20px}.lms-frame__side:disabled{opacity:.35;cursor:default}.lms-frame__floating-actions{z-index:100;flex-direction:column;gap:12px;display:flex;position:absolute;top:16px;right:-56px}.lms-frame__floating-actions--ide{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;top:100px;right:20px}.lms-frame__back-to-course{color:#fff;cursor:pointer;z-index:9999;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:fixed;bottom:24px;left:24px}.lms-frame__back-to-course:hover{background:#ffffff4d}.lms-fab{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000001a}.lms-fab svg{width:24px;height:24px}.lms-fab:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.lms-fab--check{color:#10b981;border-color:#10b981}.lms-fab--check:not(:disabled):hover{background:#f0fdf4;transform:translateY(-2px)}.lms-fab--reset{color:#8b5cf6;border-color:#8b5cf6}.lms-fab--reset:not(:disabled):hover{background:#f5f3ff;transform:translateY(-2px)}.lms-fab--back{color:#3b82f6;border-color:#3b82f6}.lms-fab--back:not(:disabled):hover{color:#fff;background:#3b82f6;transform:translateY(-2px)}@keyframes lms-fab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lms-fab-spinner{border:3px solid #10b9814d;border-top-color:#10b981;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite lms-fab-spin}.lms-frame__next{color:#111827;cursor:pointer;background:#f6d031;border:0;border-radius:14px;min-width:360px;max-width:min(560px,100vw - 80px);padding:14px 28px;font-size:18px;font-weight:700;box-shadow:0 8px 18px #0000001f}.lms-frame__next:disabled{opacity:.35;cursor:default}.lms-frame pre,.lms-frame code,.lms-frame textarea,.lms-frame input,.lms-frame table,.lms-frame img,.lms-frame video,.lms-frame canvas,.lms-frame svg{max-width:100%}.lms-frame .functional-stage,.lms-frame .activity-stage,.lms-frame .activity-content,.lms-frame .task-content,.lms-frame .captured-task,.lms-frame .ide-task,.lms-frame .code-task,.lms-frame .matching-task{box-sizing:border-box;max-width:100%}@media (width<=1200px){.lms-frame{padding:28px 18px 24px}.lms-frame__inner,.lms-frame__bottom{width:calc(100vw - 140px)}.lms-frame__side{width:48px;height:54px;font-size:36px}.lms-frame__side--left{left:-64px}.lms-frame__side--right{right:-64px}}@media (width<=900px){.lms-frame{padding:22px 14px 20px}.lms-frame__inner{width:calc(100vw - 28px)}.lms-frame__card,.lms-frame__content{min-height:520px}.lms-frame__content{padding:18px}.lms-frame__side{width:42px;height:48px;font-size:34px}.lms-frame__side--left{left:8px}.lms-frame__side--right{right:8px}.lms-frame__bottom{width:calc(100vw - 28px)}.lms-frame__next{min-width:220px}}.lms-frame__footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;display:flex}.code-copy-task{box-sizing:border-box;justify-content:center;width:100%;min-height:600px;display:flex}.code-copy-card{box-sizing:border-box;color:#071222;background:#fff;border-radius:10px;width:100%;max-width:100%;min-height:600px;padding:16px 20px 48px;position:relative}.code-copy-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.code-copy-part{color:#8b3ff2;align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.code-copy-info{color:#fff;text-align:center;background:#8b3ff2;border-radius:999px;width:18px;height:18px;font-size:13px;font-weight:900;line-height:18px}.code-copy-attempt{color:#667085;font-size:15px}.code-copy-card h1{color:#071222;margin:0 0 28px;font-size:17px;font-weight:900;line-height:1.35}.code-copy-image-wrap{background:#f8fafc;border-radius:6px;justify-content:center;align-items:center;max-width:100%;margin:0 auto 28px;display:flex;overflow:hidden}.code-copy-image-wrap img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:460px;margin:0 auto;display:block}.code-copy-code{color:#0b1528;white-space:pre;background:0 0;flex-direction:column;align-items:center;margin:0 auto 32px;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:26px;font-weight:400;line-height:1.42;display:flex}.code-copy-code code{font-family:inherit}.code-copy-line{min-height:34px}.code-copy-token.keyword{color:#001eff;font-weight:900}.code-copy-token.function{color:#d11a1a;font-weight:700}.code-copy-token.number{color:#d11a1a;font-weight:800}.code-copy-token.string{color:green;font-weight:700}.code-copy-token.comment{color:#6b7280;font-style:italic}.code-copy-token.object{color:#111827;font-weight:500}.code-copy-token.property{color:#3478f6;font-weight:500}.code-copy-confirm-row{justify-content:center;align-items:center;gap:14px;margin:24px auto;display:flex}.code-copy-confirm-row label{color:#172033;font-size:17px;font-weight:500}.code-copy-yes-btn{color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;background:#8b3ff2;border:none;border-radius:4px;min-width:64px;height:34px;padding:0 16px;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.code-copy-yes-btn:active{cursor:grabbing}.code-copy-yes-btn:hover{background:#762ee4}.code-copy-input-box{box-sizing:border-box;color:#000;background:#fff;border:1.5px solid #333;border-radius:4px;outline:none;width:140px;height:34px;padding:4px 10px;font-size:15px}.code-copy-input-box:focus{border-color:#8b3ff2;box-shadow:0 0 0 3px #8b3ff233}.code-copy-reset{color:#8b3ff2;cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:800;position:absolute;bottom:28px;right:36px}.code-copy-reset:hover{text-decoration:underline}@media (width<=1000px){.code-copy-card{width:100%;padding:12px 10px 36px}.code-copy-code{font-size:22px}}.connected-blocks-stage{box-sizing:border-box;width:100%;min-height:calc(100vh - 130px);padding:40px 0 60px}.connected-blocks-shell{width:max-content;margin:0 auto;position:relative}.connected-blocks-board-scale{position:relative}.connected-blocks-board{background:#071a2d;border-radius:4px;width:840px;height:740px;position:relative;overflow:hidden}.connected-blocks-wires{pointer-events:none;position:absolute;inset:0}.connected-blocks-wire{fill:none;stroke:#f4d94f;stroke-width:3px;stroke-linecap:round}.connected-block{box-sizing:border-box;border-radius:6px;align-items:center;display:flex;position:absolute}.connected-block.is-root{background:linear-gradient(#9250ff 0%,#7a3df0 100%);box-shadow:0 4px 14px #0000002e}.connected-block.is-child{background:#f7df4f;border:2px solid #3c3020;box-shadow:0 4px 14px #0000002e}.connected-block-input{box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 18px;font-family:inherit;font-size:20px;font-weight:500}.connected-block.is-root .connected-block-input{color:#fff}.connected-block.is-child .connected-block-input{color:#151515}.connected-block-add{color:#263238;cursor:pointer;background:#fff;border:2px solid #263238;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:18px;line-height:1;display:inline-flex;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.connected-block-remove{color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:#f28bc3;border:none;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;line-height:1;transition:opacity .15s;display:inline-flex;position:absolute;top:-10px;right:-10px}.connected-block:hover .connected-block-remove{opacity:1;pointer-events:auto}.connected-blocks-toolbar{flex-direction:column;gap:8px;display:flex;position:absolute;top:20px;right:-18px}.connected-blocks-tool{color:#fff;cursor:pointer;background:#0c1525;border:2px solid #8b4df7;border-radius:6px;width:34px;height:34px;font-size:16px}.connected-blocks-tool:hover{background:#16233a}.idea-list-task{justify-content:center;align-items:flex-start;width:min(900px,100%);min-height:660px;margin:0 auto;display:flex}.idea-list-board{box-sizing:border-box;color:#fff;background:#071827;border:1px solid #8b3ff259;border-radius:5px;width:min(860px,100%);min-height:640px;padding:28px 30px 42px;position:relative;box-shadow:0 20px 42px #1c10403d}.idea-list-header{margin-bottom:24px}.idea-list-title-row{align-items:center;gap:10px;display:flex}.idea-list-title-icon{color:#071827;background:#8b3ff2;border-radius:999px;justify-content:center;align-items:center;width:17px;height:17px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.idea-list-title-row h1{color:#8b3ff2;margin:0;font-size:16px;font-weight:900;line-height:1.2}.idea-list-header p{color:#ffffffb8;margin:10px 0 0 27px;font-size:14px;line-height:1.4}.idea-list-items{flex-direction:column;gap:14px;padding-right:28px;display:flex}.idea-list-row{align-items:stretch;gap:10px;width:min(620px,100%);min-height:34px;display:flex;position:relative}.idea-list-input{resize:vertical;box-sizing:border-box;color:#fff;background:#183252bf;border:1px solid #429aff73;border-radius:3px;outline:none;width:100%;min-height:34px;padding:8px 38px 8px 12px;font-family:inherit;font-size:15px;line-height:1.3}.idea-list-input:focus{border-color:#62d5ff;box-shadow:0 0 0 3px #62d5ff24}.idea-list-input::placeholder{color:#ffffff59}.idea-list-delete{color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:#ffffff24;border:0;border-radius:999px;width:22px;height:22px;font-size:18px;font-weight:800;line-height:1;transition:opacity .12s,background .12s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.idea-list-row:hover .idea-list-delete,.idea-list-row:focus-within .idea-list-delete{opacity:1;pointer-events:auto}.idea-list-delete:hover{background:#ef4444e6}.idea-list-toolbar{flex-direction:column;gap:12px;display:flex;position:absolute;top:24px;right:-18px}.idea-list-tool-button{color:#fff;cursor:pointer;background:#071827;border:3px solid #8b3ff2;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:23px;font-weight:900;line-height:1;display:flex}.idea-list-tool-button:hover{background:#10243a}.idea-list-tool-button.is-check{color:#22c55e;font-size:20px}.idea-list-tool-button.is-reset{font-size:19px}@media (width<=900px){.idea-list-board{min-height:560px}.idea-list-toolbar{right:16px}.idea-list-items{padding-right:0}.idea-list-row{width:calc(100% - 64px)}}.image-dropzones-task{box-sizing:border-box;justify-content:center;width:100%;min-height:720px;display:flex}.image-dropzones-card{box-sizing:border-box;color:#071222;background:#fff;border-radius:12px;width:min(1040px,100vw - 250px);min-height:560px;padding:34px 38px 42px;position:relative}.image-dropzones-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.image-dropzones-part{color:#8b3ff2;align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.image-dropzones-info{color:#fff;text-align:center;background:#8b3ff2;border-radius:999px;width:18px;height:18px;font-size:13px;font-weight:900;line-height:18px}.image-dropzones-attempt{color:#667085;font-size:15px}.image-dropzones-title{color:#071222;margin:0 0 28px;font-size:17px;font-weight:900;line-height:1.35}.image-dropzones-helper{color:#475467;margin:-14px 0 24px;font-size:15px}.image-dropzones-layout{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:26px;display:grid}.image-dropzones-sidebar{flex-direction:column;gap:14px;display:flex}.image-dropzones-draggable{box-sizing:border-box;color:#fff;cursor:grab;background:#8b3ff2;border:2px solid #8b3ff2;border-radius:7px;min-height:58px;padding:10px 14px;font-size:17px;font-weight:700;box-shadow:0 8px 16px #4123781f}.image-dropzones-draggable.has-image{color:#111827;background:#fff;min-height:96px;padding:8px}.image-dropzones-draggable:active{cursor:grabbing}.image-dropzones-draggable.is-selected{color:#fff;background:#762ee4;outline:4px solid #8b3ff238}.image-dropzones-draggable.has-image.is-selected{background:#f4ebff}.image-dropzones-draggable-image{object-fit:contain;pointer-events:none;max-width:100%;max-height:80px;margin:0 auto;display:block}.image-dropzones-empty{color:#667085;text-align:center;border:2px dashed #d0d5dd;border-radius:8px;padding:18px 12px;font-size:15px}.image-dropzones-image-area{min-width:0}.image-dropzones-image-shell{background:#f8fafc;width:100%;max-width:760px;margin:0 auto;position:relative;overflow:hidden}.image-dropzones-image{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.image-dropzones-zone{box-sizing:border-box;color:#111827;cursor:pointer;background:#ffffffeb;border:2px solid #8b3ff2bf;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;position:absolute}.image-dropzones-zone.is-ready{box-shadow:0 0 0 4px #8b3ff229}.image-dropzones-zone:hover{transform:translateY(-1px)}.image-dropzones-zone.has-item{color:#fff;background:#8b3ff2}.image-dropzones-zone.has-image-item{color:#111827;background:#fffffff5}.image-dropzones-zone.is-correct{color:#fff;background:#12b76a;border-color:#12b76a}.image-dropzones-zone.has-image-item.is-correct{background:#12b76a1f}.image-dropzones-zone.is-wrong{color:#fff;background:#f04438;border-color:#f04438}.image-dropzones-zone.has-image-item.is-wrong{background:#f044381f}.image-dropzones-zone-placeholder{opacity:0;font-size:13px;font-weight:800}.image-dropzones-placed{cursor:grab;width:100%;height:100%;color:inherit;text-align:center;justify-content:center;align-items:center;font-size:16px;font-weight:800;line-height:1.15;display:flex}.image-dropzones-placed:active{cursor:grabbing}.image-dropzones-placed-image{object-fit:contain;pointer-events:none;max-width:100%;max-height:100%;display:block}.image-dropzones-clear{color:#fff;text-align:center;cursor:pointer;background:#111827;border-radius:999px;width:22px;height:22px;font-size:16px;font-weight:900;line-height:21px;position:absolute;top:-10px;right:-10px}.image-dropzones-no-image{color:#667085;border:2px dashed #d0d5dd;border-radius:12px;justify-content:center;align-items:center;min-height:360px;font-size:16px;display:flex}.image-dropzones-actions{justify-content:center;gap:34px;margin-top:34px;display:flex}.image-dropzones-reset,.image-dropzones-check{cursor:pointer;border:none;border-radius:8px;min-width:130px;height:46px;font-size:17px;font-weight:800}.image-dropzones-reset{color:#101828;background:#fff;box-shadow:inset 0 0 0 1px #d0d5dd}.image-dropzones-check{color:#fff;background:#8b3ff2}.image-dropzones-check:hover{background:#762ee4}@media (width<=980px){.image-dropzones-card{width:calc(100vw - 110px)}.image-dropzones-layout{grid-template-columns:1fr}.image-dropzones-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.matching-rule-task{box-sizing:border-box;justify-content:center;align-items:flex-start;width:100%;min-height:620px;padding:18px 0 0;display:flex}.matching-rule-card{box-sizing:border-box;color:#111827;background:#fff;border-radius:12px;width:min(1060px,100vw - 260px);min-height:560px;padding:36px 42px 58px;position:relative;box-shadow:0 8px 18px #14142814}.matching-rule-toolbar{align-items:center;display:flex;position:absolute;top:28px;right:36px}.matching-rule-attempt{color:#6b7280;white-space:nowrap;font-size:16px;font-weight:700}.matching-rule-icon-button{color:#8b3ff0;cursor:pointer;background:#fff;border:3px solid #8b3ff0;border-radius:10px;grid-column:2;width:44px;height:44px;font-size:24px;font-weight:800;line-height:1}.matching-rule-icon-button:disabled{opacity:.45;cursor:default}.matching-rule-icon-button.is-success{color:#fff;background:#22c55e;border-color:#22c55e}.matching-rule-header{max-width:760px}.matching-rule-header h1{color:#8b3ff0;align-items:center;gap:14px;margin:0 0 16px;font-size:18px;font-weight:800;display:flex}.matching-rule-header p{color:#111827;margin:0 0 20px;font-size:18px;font-weight:800;line-height:1.45}.matching-rule-info{color:#fff;background:#8b3ff0;border-radius:999px;place-items:center;width:22px;height:22px;font-size:14px;font-style:normal;font-weight:900;display:inline-grid}.matching-rule-workspace{grid-template-columns:250px minmax(520px,1fr);align-items:start;gap:54px;margin-top:78px;display:grid}.matching-rule-bank{gap:26px;display:grid}.matching-rule-item,.matching-rule-placed-item{color:#fff;text-align:center;cursor:grab;width:100%;min-height:62px;box-shadow:none;background:#8138e6;border:0;border-radius:4px;font-size:18px;font-weight:900;line-height:1.2}.matching-rule-item:active,.matching-rule-placed-item:active{cursor:grabbing}.matching-rule-item.is-selected{outline-offset:4px;outline:4px solid #8138e647}.matching-rule-empty-bank{color:#fff;text-align:center;background:#d1d5db;border-radius:4px;place-items:center;min-height:62px;font-weight:800;display:grid}.matching-rule-table{background:#111827;border:1.5px solid #111827;gap:1.5px;display:grid}.matching-rule-row{background:#111827;grid-template-columns:240px minmax(360px,1fr);gap:1.5px;display:grid}.matching-rule-slot,.matching-rule-definition{box-sizing:border-box;text-align:center;place-items:center;min-height:88px;padding:10px 14px;display:grid}.matching-rule-slot,.matching-rule-slot.is-filled{background:#fff}.matching-rule-definition{color:#111827;background:#d7d7d7;font-size:20px;font-weight:500;line-height:1.22}.matching-rule-placeholder{color:#0000;-webkit-user-select:none;user-select:none}.matching-rule-placed-item{min-height:60px;padding:0 12px}.matching-rule-row.is-correct .matching-rule-slot{outline-offset:-2px;outline:2px solid #22c55e}.matching-rule-row.is-wrong .matching-rule-slot{outline-offset:-2px;outline:2px solid #ef4444}.matching-rule-feedback{color:#fff;border-radius:0 0 12px 12px;align-items:center;gap:12px;min-height:48px;padding:0 42px;font-size:18px;font-weight:800;display:flex;position:absolute;bottom:0;left:0;right:0}.matching-rule-feedback.is-error{background:#dc2626}.matching-rule-feedback.is-success{background:#22c55e}.matching-rule-feedback-icon{color:#fff;background:#111827;border-radius:999px;place-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:inline-grid}@media (width<=1100px){.matching-rule-card{width:100%;padding:32px 28px 58px}.matching-rule-toolbar{right:16px}.matching-rule-workspace{grid-template-columns:1fr;gap:28px;margin-top:42px}.matching-rule-bank{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.matching-rule-row{grid-template-columns:220px minmax(260px,1fr)}}.matching-rule-task--image-drop .matching-rule-card{overflow:visible}.matching-image-workspace{grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.matching-image-panel{min-width:0}.matching-image-stage{background:#f5f7fb;border-radius:18px;width:100%;min-height:360px;position:relative;overflow:hidden}.matching-image-base{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.matching-image-slot{z-index:3;cursor:pointer;background:#ffffff73;border:2px dashed #7c3aedbf;border-radius:12px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}.matching-image-slot.is-filled{background:0 0;border-style:solid}.matching-image-slot.is-correct{border-color:#16a34a}.matching-image-slot.is-wrong{border-color:#dc2626}.matching-image-placeholder{color:#1118278c;pointer-events:none;font-size:12px;font-weight:800}.matching-image-placed-block,.matching-image-free-block{color:#fff;cursor:grab;background:#8338ec;border:0;border-radius:10px;min-width:110px;min-height:42px;padding:10px 14px;font-size:14px;font-weight:800;line-height:1.15;box-shadow:0 8px 18px #4c1d9540}.matching-image-placed-block:active,.matching-image-free-block:active{cursor:grabbing}.matching-image-free-block{z-index:4;position:absolute;transform:translate(-50%,-50%)}@media (width<=900px){.matching-image-workspace{grid-template-columns:1fr}}.matching-rule-image-target{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:120px;display:flex}.matching-rule-target-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:100%;max-height:150px;display:block}.matching-rule-target-label{color:#111827bf;text-align:center;font-size:13px;font-weight:700}.matching-category-task .matching-rule-card{min-height:680px}.matching-category-bank{grid-template-columns:repeat(3,minmax(160px,1fr));gap:18px 24px;margin-top:36px;display:grid}.matching-category-item,.matching-category-placed-item{color:#fff;cursor:grab;background:#8338ec;border:0;border-radius:9px;min-height:42px;padding:12px 16px;font-size:15px;font-weight:800;line-height:1.2;box-shadow:0 7px 16px #4c1d9529}.matching-category-item.is-selected{outline:4px solid #8338ec40}.matching-category-empty{text-align:center;color:#111827a6;background:#f5f7fb;border-radius:12px;grid-column:1/-1;padding:18px;font-weight:800}.matching-category-zones{grid-template-columns:repeat(2,minmax(240px,1fr));gap:24px;margin-top:32px;display:grid}.matching-category-zone{cursor:pointer;background:#fff;border:2px dashed #8338ec4d;border-radius:14px;min-height:260px;padding:18px}.matching-category-zone h2{text-align:center;margin:0 0 16px;font-size:16px;line-height:1.2}.matching-category-zone-body{flex-direction:column;gap:12px;display:flex}.matching-category-placed-item.is-correct{background:#16a34a}.matching-category-placed-item.is-wrong{background:#dc2626}@media (width<=900px){.matching-category-bank,.matching-category-zones{grid-template-columns:1fr}}.matching-rule-captured-image{justify-content:flex-start;margin:18px 0 24px;display:flex}.matching-rule-captured-image img{object-fit:contain;border-radius:8px;max-width:280px;max-height:140px}.matching-connect-stage{box-sizing:border-box;background:linear-gradient(#8b3ff2 0%,#7b2fe6 100%);width:100vw;min-height:calc(100vh - 130px);margin-left:calc(50% - 50vw);padding:170px 0 90px;position:relative;overflow:hidden}.matching-connect-card{box-sizing:border-box;color:#101828;background:#fff;border-radius:12px;width:min(1060px,100vw - 280px);min-height:440px;margin:0 auto;padding:34px 40px 36px;position:relative;box-shadow:0 18px 45px #3819852e}.matching-connect-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.matching-connect-heading{min-width:0}.matching-connect-part{color:#7c3aed;align-items:center;gap:10px;margin-bottom:12px;font-size:15px;font-weight:800;display:flex}.matching-connect-info{color:#fff;background:#7c3aed;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.matching-connect-title{color:#0f172a;margin:0;font-size:18px;font-weight:800;line-height:1.35}.matching-connect-helper{color:#475467;margin:8px 0 0;font-size:14px;line-height:1.45}.matching-connect-attempt{color:#667085;white-space:nowrap;flex:none;padding-top:4px;font-size:15px}.matching-connect-board{box-sizing:border-box;-webkit-user-select:none;user-select:none;flex-direction:column;gap:16px;padding:0 8px;display:flex;position:relative}.matching-connect-lines{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.matching-connect-line{stroke-width:4px;stroke-linecap:round;transition:stroke .16s,stroke-width .16s,opacity .16s}.matching-connect-line.is-preview{stroke-width:4px;opacity:.9}.matching-connect-line.is-wrong{stroke-width:5px}.matching-connect-row{z-index:2;grid-template-columns:minmax(260px,360px) 34px 130px 34px minmax(260px,360px);align-items:center;column-gap:10px;min-height:64px;display:grid;position:relative}.matching-connect-left-cell,.matching-connect-right-cell{min-width:0}.matching-connect-left-dot-cell,.matching-connect-right-dot-cell{justify-content:center;align-items:center;display:flex}.matching-connect-middle-cell{min-height:1px}.matching-connect-pill{color:#101828;text-align:center;cursor:pointer;background:#f0f2f5;border:0;border-radius:9px;width:100%;min-height:38px;font-family:inherit;font-size:15px;line-height:1.25;transition:background .16s,box-shadow .16s,transform .16s}.matching-connect-pill:hover{background:#e8ebef;box-shadow:0 6px 16px #0f172a14}.matching-connect-left-pill{padding:8px 16px}.matching-connect-right-pill{padding:8px 14px}.matching-connect-left-pill.has-image{min-height:76px;padding:6px 12px}.matching-connect-left-pill.is-active{background:#ede9fe;box-shadow:inset 0 0 0 2px #7c3aed}.matching-connect-left-pill.is-connected,.matching-connect-right-pill.is-connected{background:#eef2ff}.matching-connect-left-pill.is-wrong{background:#fee2e2;box-shadow:inset 0 0 0 2px #ef4444}.matching-connect-item-image{object-fit:contain;pointer-events:none;width:auto;max-width:112px;height:auto;max-height:64px;margin:0 auto;display:block}.matching-connect-dot{z-index:5;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:999px;flex:none;width:24px;height:24px;padding:0;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s,filter .16s;position:relative;box-shadow:0 0 0 4px #fff}.matching-connect-dot:hover{border-color:#8b3ff2;transform:scale(1.12);box-shadow:0 0 0 4px #fff,0 0 0 7px #7c3aed2e}.matching-connect-dot.is-active,.matching-connect-dot.is-connected{border-color:var(--dot-color);background:var(--dot-color)}.matching-connect-dot.is-wrong{background:#ef4444;border-color:#ef4444}.matching-connect-feedback{border-radius:999px;width:fit-content;margin:26px auto 0;padding:10px 18px;font-size:15px;font-weight:800}.matching-connect-feedback.is-correct{color:#15803d;background:#dcfce7}.matching-connect-feedback.is-wrong{color:#b91c1c;background:#fee2e2}.matching-connect-feedback.is-incomplete{color:#92400e;background:#fef3c7}.matching-connect-side-actions{z-index:10;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:30px;right:-18px}.matching-connect-check,.matching-connect-reset{cursor:pointer;border:2px solid #0000;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:20px;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 6px 14px #0f172a2e}.matching-connect-check{color:#98a2b3;background:#fff;border-color:#cbd5e1}.matching-connect-check:hover{color:#fff;background:#35d04f;border-color:#35d04f}.matching-connect-reset{color:#8b3ff2;background:#fff;border-color:#8b3ff2}.matching-connect-empty{color:#667085;margin:24px 0 0;font-size:16px}@media (width<=1100px){.matching-connect-card{width:min(940px,100vw - 80px)}.matching-connect-row{grid-template-columns:minmax(220px,1fr) 30px 90px 30px minmax(220px,1fr)}}@media (width<=820px){.matching-connect-stage{padding:90px 16px 70px}.matching-connect-card{width:100%;padding:28px 22px 32px}.matching-connect-header{flex-direction:column;gap:10px}.matching-connect-row{grid-template-columns:1fr;gap:10px;min-height:auto}.matching-connect-lines,.matching-connect-left-dot-cell,.matching-connect-right-dot-cell,.matching-connect-middle-cell{display:none}.matching-connect-side-actions{flex-direction:row;justify-content:center;margin-top:24px;position:static}}.mcq-visual-choice-list{grid-template-columns:repeat(2,minmax(260px,1fr));gap:24px;display:grid}.mcq-visual-choice{align-items:flex-start;min-height:260px;padding:16px;position:relative}.mcq-choice-content{flex-direction:column;flex:auto;gap:12px;min-width:0;display:flex}.mcq-choice-image-wrap{background:#fff;border-radius:4px;width:100%;display:block;overflow:hidden}.mcq-choice-image{object-fit:contain;width:100%;height:180px;display:block}.mcq-choice-text{color:#050b18;text-align:center;font-size:24px;font-weight:900;line-height:1.15;display:block}.mcq-visual-choice.selected{border-color:#7ee7ff;box-shadow:0 0 0 4px #7ee7ff40}@media (width<=900px){.mcq-visual-choice-list{grid-template-columns:1fr}}.project-checklist-task{grid-template-columns:minmax(0,1fr) 380px;gap:0;width:100%;min-height:720px;display:grid;position:relative}.project-checklist-task.is-panel-closed{grid-template-columns:minmax(0,1fr) 34px}.project-checklist-main{justify-content:center;align-items:flex-start;min-width:0;padding:90px 28px 48px;display:flex}.project-checklist-card{background:#fff;border-radius:2px;width:min(860px,100%);padding:34px 32px 28px;box-shadow:0 18px 40px #1c10401f}.project-checklist-instructions{color:#050b18;margin:0 0 30px 20px;padding:0;font-size:15px;font-weight:800;line-height:1.35}.project-checklist-media{background:#e5e7eb;border-radius:5px;width:100%;overflow:hidden}.project-checklist-media img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-height:360px;display:block}.project-checklist-submit-row{grid-template-columns:minmax(0,1fr) 40px 40px;align-items:center;gap:10px;margin-top:28px;display:grid}.project-checklist-submit-row input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;height:42px;padding:0 16px;font-size:14px}.project-checklist-submit-row input:focus{border-color:#8b3ff2;box-shadow:0 0 0 3px #8b3ff229}.project-checklist-btn-send,.project-checklist-btn-attach{color:#fff;cursor:pointer;background:#8b3ff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,transform .1s;display:flex}.project-checklist-btn-send:hover,.project-checklist-btn-attach:hover{background:#7928ca}.project-checklist-btn-send:active,.project-checklist-btn-attach:active{transform:scale(.95)}.project-checklist-panel{background:#eef0f3;border-left:1px solid #0f172a1f;min-height:720px;position:relative}.project-checklist-panel-toggle{z-index:5;color:#8b3ff2;cursor:pointer;background:#fff;border:0;border-radius:999px 0 0 999px;width:18px;height:62px;font-size:28px;line-height:1;position:absolute;top:50%;left:-18px;transform:translateY(-50%);box-shadow:0 8px 20px #1c10402e}.project-checklist-panel-inner{padding:16px 16px 24px;transition:opacity .15s}.project-checklist-task.is-panel-closed .project-checklist-panel-inner{opacity:0;pointer-events:none}.project-checklist-panel-title{color:#050b18;background:#fff;border-radius:9px;padding:18px 14px;font-size:21px;font-weight:900;line-height:1.15}.project-checklist-divider{background:#b8bcc5;border-radius:999px;height:4px;margin:16px 0}.project-checklist-check-title{color:#6b7280;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;margin:0 0 12px;font-size:12px;font-weight:700;line-height:1.25;display:flex}.project-checklist-items{flex-direction:column;gap:12px;display:flex}.project-checklist-item{color:#050b18;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:10px;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;width:100%;min-height:62px;padding:12px 14px;font-size:14px;font-weight:700;line-height:1.25;display:grid}.project-checklist-box{color:#8b3ff2;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-weight:900;display:flex}.project-checklist-item.is-checked .project-checklist-box{background:#8b3ff21f;border-color:#8b3ff2}@media (width<=1000px){.project-checklist-task,.project-checklist-task.is-panel-closed{grid-template-columns:1fr}.project-checklist-panel{min-height:auto}.project-checklist-panel-toggle{border-radius:999px;width:48px;height:32px;top:-18px;left:auto;right:12px;transform:none}}.sequence-order-task{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:24px;width:min(980px,100%);min-height:720px;margin:0 auto;display:grid}.sequence-order-side-card{background:#fff;border-radius:6px;min-height:640px;overflow:hidden}.sequence-order-image{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:230px;display:block}.sequence-order-side-content{padding:16px 20px}.sequence-order-side-content h1{color:#050b18;margin:0;font-size:17px;font-weight:900;line-height:1.25}.sequence-order-side-content p{color:#050b18;margin:14px 0 0;font-size:15px;line-height:1.35}.sequence-order-list{flex-direction:column;gap:20px;display:flex}.sequence-order-row{grid-template-columns:72px minmax(0,1fr) 52px;align-items:center;gap:16px;display:grid}.sequence-order-number{color:#050b18;-webkit-user-select:none;user-select:none;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;font-size:26px;font-weight:500;line-height:1;display:flex}.sequence-order-block{color:#050b18;text-align:left;cursor:grab;background:#fff;border:0;border-radius:7px;min-height:88px;padding:18px 28px;font-size:17px;line-height:1.28;box-shadow:0 10px 22px #1c104014}.sequence-order-block:active{cursor:grabbing}.sequence-order-row.is-correct .sequence-order-block{outline:4px solid #16a34a59}.sequence-order-row.is-wrong .sequence-order-block{outline:4px solid #dc262659}.sequence-order-controls{opacity:.2;flex-direction:column;gap:6px;transition:opacity .12s;display:flex}.sequence-order-row:hover .sequence-order-controls{opacity:1}.sequence-order-controls button{color:#050b18;cursor:pointer;background:#fff;border:0;border-radius:8px;width:34px;height:30px;font-weight:900}@media (width<=900px){.sequence-order-task{grid-template-columns:1fr}.sequence-order-side-card{min-height:auto}.sequence-order-row{grid-template-columns:56px minmax(0,1fr)}.sequence-order-controls{flex-direction:row;grid-column:2}}.tool-label-task{width:min(920px,100%);margin:0 auto}.tool-label-title{color:#071426;margin:0 0 28px;font-size:22px;font-weight:800;line-height:1.3}.tool-label-helper{color:#334155;margin:-12px 0 24px;font-size:16px}.tool-label-board{grid-template-columns:230px 1fr;align-items:stretch;gap:30px;display:grid}.tool-label-bank{background:#2d2d2d;border-radius:12px;flex-direction:column;justify-content:center;gap:18px;min-height:280px;padding:28px 22px;display:flex}.tool-label-card{color:#fff;cursor:grab;background:#3b3b3b;border:3px solid #fff;border-radius:10px;width:100%;min-height:54px;font-size:26px;font-weight:800;box-shadow:0 2px #ffffff59}.tool-label-card:active{cursor:grabbing}.tool-label-panel{background:#2d2d2d;border-radius:12px;justify-content:center;align-items:center;min-height:280px;padding:44px 48px;display:flex}.tool-label-icons{grid-template-columns:repeat(3,150px);justify-content:center;align-items:start;gap:24px;display:grid}.tool-label-icon-column{flex-direction:column;align-items:center;gap:16px;display:flex}.tool-label-icon{color:#7db5ff;text-shadow:0 0 2px #fff,0 0 6px #7db5ffb3;justify-content:center;align-items:center;width:112px;height:92px;font-size:76px;font-weight:900;line-height:1;display:flex}.tool-label-icon.is-scale{border:8px solid #7db5ff;border-radius:10px;font-size:62px}.tool-label-drop{background:#fff;border:3px solid #fff;border-radius:4px;justify-content:center;align-items:center;width:126px;min-height:40px;display:flex}.tool-label-drop.has-value{background:#fff;border-color:#8b35ea}.tool-label-placed{color:#fff;cursor:grab;background:#8b35ea;border:0;border-radius:4px;width:100%;min-height:34px;font-size:16px;font-weight:800}.tool-label-placed:active{cursor:grabbing}@media (width<=900px){.tool-label-board{grid-template-columns:1fr}.tool-label-bank{flex-flow:wrap;min-height:auto}.tool-label-card{width:170px}.tool-label-panel{padding:28px 18px}.tool-label-icons{grid-template-columns:repeat(3,minmax(90px,1fr));gap:14px}}.feedback-task{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;display:flex;box-shadow:none!important;background:0 0!important;padding:40px 20px 60px!important}.feedback-task__badge{background:#fff;border-radius:40px;align-items:center;gap:12px;margin-bottom:30px;padding:8px 24px 8px 12px;display:inline-flex;box-shadow:0 4px 15px #0000000d}.feedback-task__badge-img{width:40px;height:auto}.feedback-task__badge-text{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.feedback-task__badge-title{color:#834bf2;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800}.feedback-task__badge-subtitle{color:#2b1c4e;font-size:14px;font-weight:700}.feedback-task h1{color:#26164d;letter-spacing:-.5px;margin:0 0 10px;font-size:40px;font-weight:800}.feedback-task__description{color:#8c8c8c;margin:0 0 40px;font-size:18px}.feedback-task__cards{justify-content:center;gap:24px;width:100%;max-width:900px;display:flex}.feedback-task__card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:24px;flex-direction:column;flex:1;align-items:center;padding:40px 20px;transition:all .2s ease-in-out;display:flex;box-shadow:0 10px 30px #0000000a}.feedback-task__card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000014}.feedback-task__card.is-selected{border-color:#834bf2;transform:translateY(-5px);box-shadow:0 15px 35px #834bf226}.feedback-task__card:active{transform:translateY(0)}.feedback-task__card-img-wrap{border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:24px;display:flex;overflow:hidden}.feedback-task__card-img-wrap img{object-fit:contain;width:120px;height:auto}.bg-sad{background-color:#ffe8ec}.text-sad{color:#ff5277}.bg-neutral{background-color:#fff4d8}.text-neutral{color:#f7a810}.bg-happy{background-color:#dffff1}.text-happy{color:#38c858}.feedback-task__card h3{margin:0 0 8px;font-size:24px;font-weight:800}.feedback-task__card p{color:#6c757d;margin:0;font-size:16px;font-weight:600}@media (width<=768px){.feedback-task__cards{flex-direction:column;align-items:stretch}}.feedback-thanks-view{box-sizing:border-box;text-align:left;justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:960px;min-height:480px;padding:36px 48px;display:flex}.feedback-thanks-left{flex-direction:column;flex:1;align-items:flex-start;display:flex}.feedback-received-badge{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.green-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.feedback-thanks-title{color:#1e1b4b;letter-spacing:-1px;margin:0 0 8px;font-size:52px;font-weight:900}.feedback-thanks-subtitle{color:#64748b;margin:0 0 32px;font-size:20px;font-weight:600}.feedback-thanks-quote-box{color:#334155;background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:12px;width:100%;max-width:480px;margin-bottom:32px;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.green-heart{font-size:18px}.feedback-thanks-next-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:280px;height:52px;font-size:18px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 10px 24px #7c3aed4d}.feedback-thanks-next-btn:hover{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 14px 28px #7c3aed66}.feedback-thanks-next-btn:active{transform:translateY(0)}.next-arrow{font-size:20px;transition:transform .2s}.feedback-thanks-next-btn:hover .next-arrow{transform:translate(4px)}.feedback-thanks-right{justify-content:center;align-items:center;width:380px;display:flex;position:relative}.feedback-thanks-robot-img{object-fit:contain;filter:drop-shadow(0 20px 30px #00000014);width:320px;height:auto}.feedback-sparkles{pointer-events:none;position:absolute;inset:0}.sparkle{color:#22c55e;font-size:22px;animation:2s ease-in-out infinite sparkle-pulse;position:absolute}.sparkle.s1{top:10%;left:5%}.sparkle.s2{font-size:28px;top:25%;right:10%}.sparkle.s3{font-size:18px;bottom:15%;left:0}@keyframes sparkle-pulse{0%,to{opacity:.6;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (width<=900px){.feedback-thanks-view{text-align:center;flex-direction:column-reverse;padding:24px}.feedback-thanks-left{align-items:center}.feedback-thanks-right{width:240px}.feedback-thanks-robot-img{width:200px}}.lesson-finish-task{min-height:480px;width:100%!important;max-width:100%!important;box-shadow:none!important;text-align:center!important;box-sizing:border-box!important;background:0 0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;padding:40px 20px!important;display:flex!important}.lesson-finish-task__image-wrap{justify-content:center;align-items:center;width:100%;margin-bottom:36px;display:flex}.lesson-finish-task__image{object-fit:contain;width:100%;max-width:520px;height:auto}.lesson-finish-task__btn{color:#fff;cursor:pointer;background-color:#834bf2;border:none;border-radius:12px;padding:14px 48px;font-size:16px;font-weight:700;transition:background-color .2s,transform .1s;box-shadow:0 4px 14px #834bf259}.lesson-finish-task__btn:hover{background-color:#7237e3;transform:translateY(-2px)}.lesson-finish-task__btn:active{transform:translateY(0)}.typing-practice{box-sizing:border-box;width:100%;min-height:620px}.typing-practice-intro-screen{background:#141b24;justify-content:center;align-items:flex-start;padding-top:72px;display:flex}.typing-practice-intro-card{box-sizing:border-box;color:#111827;text-align:center;background:#fff;border-radius:20px;width:min(980px,100vw - 320px);min-height:300px;padding:68px 80px 64px}.typing-practice-intro-card h1{letter-spacing:.03em;margin:0 0 36px;font-size:44px;font-weight:900;line-height:1.1}.typing-practice-intro-card p{color:#1f2937;margin:0 0 52px;font-size:22px;line-height:1.45}.typing-practice-start-button{color:#111827;letter-spacing:.16em;cursor:pointer;background:#ffd735;border:0;border-radius:999px;min-width:190px;min-height:70px;padding:0 42px;font-size:16px;font-weight:900}.typing-practice-start-button:hover{filter:brightness(.98)}.typing-practice-screen{color:#a8adb5;background:#202326;outline:none;flex-direction:column;justify-content:center;padding:80px 0;display:flex}.typing-practice-editor{letter-spacing:.04em;width:min(850px,100vw - 460px);margin:0 auto;font-family:Consolas,Courier New,monospace;font-size:28px;font-weight:700;line-height:1.6}.typing-practice-line{grid-template-columns:56px minmax(0,1fr);align-items:baseline;min-height:44px;display:grid}.typing-practice-line-number{color:#a8adb5;opacity:.95;text-align:right;-webkit-user-select:none;user-select:none;padding-right:28px}.typing-practice-line-content{white-space:pre;min-height:44px}.typing-practice-char{color:#9ca3af;min-width:.58em;display:inline-block;position:relative}.typing-practice-char.is-done{color:#d1d5db}.typing-practice-char.is-current{color:#d1d5db;outline-offset:1px;border-radius:3px;outline:2px solid #67e8f9}.typing-practice-wrong{z-index:2;color:#f9a8d4;white-space:pre;background:#f472b638;border:2px solid #f472b6;border-radius:4px;padding:0 3px;line-height:1.18;display:inline-block;position:absolute;top:-.12em;left:0}.typing-practice-footer{color:#9ca3af;justify-content:space-between;align-items:center;gap:18px;width:min(850px,100vw - 460px);margin:44px auto 0;font-size:14px;display:flex}.typing-practice-progress,.typing-practice-complete,.typing-practice-hint{font-weight:700}.typing-practice-complete{color:#22c55e}.typing-practice-reset{color:#d1d5db;cursor:pointer;background:0 0;border:1px solid #4b5563;border-radius:999px;min-height:36px;padding:0 18px;font-weight:800}.typing-practice-reset:hover{background:#ffffff0f}.typing-practice-empty{color:#fca5a5;font-size:18px}@media (width<=1100px){.typing-practice-intro-card,.typing-practice-editor,.typing-practice-footer{width:calc(100vw - 120px)}.typing-practice-intro-card{padding:48px 40px}.typing-practice-intro-card h1{font-size:34px}.typing-practice-editor{font-size:22px}}.window-fill-task{grid-template-columns:320px minmax(0,1fr);align-items:stretch;gap:24px;width:min(1120px,100%);min-height:620px;margin:0 auto;display:grid}.window-fill-side-card,.window-fill-main-card{background:#fff;border-radius:8px;overflow:hidden}.window-fill-side-card{flex-direction:column;display:flex}.window-fill-side-image{object-fit:cover;object-position:center top;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:180px;display:block}.window-fill-side-content{padding:18px 20px}.window-fill-side-content h1{color:#050b18;margin:0 0 20px;font-size:19px;font-weight:900;line-height:1.15}.window-fill-side-content p{color:#050b18;margin:0;font-size:17px;line-height:1.3}.window-fill-main-card{min-height:620px;padding:28px 32px}.window-fill-paragraph{color:#050b18;margin:0 0 38px;font-size:18px;line-height:1.85}.window-fill-blank-input{color:#050b18;text-align:center;vertical-align:middle;background:#fff;border:2px solid #69dff4;border-radius:9px;outline:none;width:92px;height:34px;margin:0 4px;font-size:17px;line-height:1;display:inline-block}.window-fill-blank-input:focus{box-shadow:0 0 0 4px #69dff440}.window-fill-blank-input.is-correct{background:#16a34a14;border-color:#16a34a}.window-fill-blank-input.is-wrong{background:#dc262614;border-color:#dc2626}@media (width<=900px){.window-fill-task{grid-template-columns:1fr}.window-fill-main-card{min-height:420px}}.youtube-embed-task{justify-content:center;align-items:flex-start;width:min(1220px,100%);min-height:700px;margin:0 auto;display:flex}.youtube-embed-card{background:#fff;border-radius:4px;width:min(1180px,100%);padding:28px 32px 34px;box-shadow:0 18px 40px #1c10401f}.youtube-embed-card h1{color:#a72bbf;margin:0 0 18px;font-size:30px;font-weight:900;line-height:1.2}.youtube-embed-description{color:#111827;margin:0 0 18px;font-size:17px;line-height:1.45}.youtube-embed-frame-wrap{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.youtube-embed-frame{border:0;width:100%;height:100%;position:absolute;inset:0}.youtube-embed-missing{color:#111827b8;background:#f8f8fb;border:2px dashed #a72bbf59;border-radius:12px;justify-content:center;align-items:center;min-height:360px;font-weight:800;display:flex}.google-slide-task{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;padding:0}.google-slide-header{background:#fff;border-radius:14px;margin-bottom:18px;padding:22px 26px;box-shadow:0 8px 18px #14142814}.google-slide-header h1{color:#111827;margin:0 0 10px;font-size:24px;font-weight:900;line-height:1.25}.google-slide-header p{color:#111827;margin:0 0 14px;font-size:16px;line-height:1.45}.google-slide-open-link{color:#fff;background:#8338ec;border-radius:10px;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex}.google-slide-frame-wrap{background:#fff;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 8px 18px #14142814}.google-slide-frame{width:100%;height:100%;min-height:inherit;background:#fff;border:0;display:block}.google-slide-empty{color:#6b7280;background:#fff;border-radius:16px;place-items:center;min-height:360px;font-size:18px;font-weight:800;display:grid}@media (width<=1100px){.google-slide-task{width:100%;padding:18px 18px 72px}}.theory-reading-task{width:100%;max-width:100%;min-height:570px;box-shadow:none;box-sizing:border-box;background:0 0;border-radius:0;flex-direction:column;justify-content:space-between;align-items:center;margin:0;padding:16px 8px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.theory-reading-content{flex-direction:column;align-items:center;width:100%;display:flex}.theory-reading-title{color:#111827;text-align:center;margin:0 0 36px;font-size:22px;font-weight:700;line-height:1.4}.theory-reading-title .text-red,.theory-reading-title span[style*="color: red"],.theory-reading-title span[style*=color\:red],.theory-reading-title span[style*="color: #e53935"]{font-weight:700;color:#e53935!important}.theory-reading-code-box{box-sizing:border-box;background:#fff;border:1px solid #f0f0f0;border-radius:12px;width:100%;max-width:100%;margin-bottom:24px;padding:28px 36px;box-shadow:0 2px 8px #00000005}.theory-reading-code{color:#24292f;white-space:pre-wrap;word-break:break-word;margin:0;font-family:Consolas,Courier New,Monaco,monospace;font-size:16px;line-height:1.9}.theory-reading-code .squiggle-green{text-underline-offset:4px;-webkit-text-decoration:underline wavy #2e7d32;text-decoration:underline wavy #2e7d32}.theory-reading-code .squiggle-blue{text-underline-offset:4px;-webkit-text-decoration:underline wavy #1565c0;text-decoration:underline wavy #1565c0}.theory-reading-code .squiggle-red{text-underline-offset:4px;-webkit-text-decoration:underline wavy #e53935;text-decoration:underline wavy #e53935}.theory-reading-table-container{border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:100%;max-height:480px;margin-bottom:24px;overflow-y:auto;box-shadow:0 2px 8px #00000005}.theory-reading-table{border-collapse:collapse;color:#1f2937;text-align:center;width:100%;font-size:15px}.theory-reading-table th{z-index:1;background:#fff;border-bottom:2px solid #e5e7eb;padding:12px 16px;font-weight:700;position:sticky;top:0}.theory-reading-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 16px}.theory-reading-table tr:hover{background-color:#f9fafb}.color-swatch-box{border:1px solid #00000026;border-radius:4px;width:48px;height:24px;margin:0 auto}.theory-reading-property-table-container{justify-content:center;width:100%;max-width:100%;margin:12px auto 32px;display:flex}.theory-reading-property-table{border-collapse:separate;border-spacing:48px 12px;color:#1e293b;text-align:left;font-size:15px}.theory-reading-property-table td.prop-col{color:#0f172a;text-align:right;white-space:nowrap;font-weight:700}.theory-reading-property-table td.desc-col{color:#334155;text-align:left;white-space:nowrap;font-weight:500}.theory-reading-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:380px;margin-bottom:24px}.theory-reading-next-btn{color:#111827;cursor:pointer;background:#ffcf25;border:none;border-radius:8px;justify-content:center;align-items:center;width:320px;max-width:90%;height:48px;margin-top:auto;font-size:16px;font-weight:700;transition:background-color .2s,transform .1s;display:flex}.theory-reading-next-btn:hover{background:#ffc400;transform:translateY(-1px)}.theory-reading-next-btn:active{transform:translateY(0)}.scratch-embed-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:960px;margin:0 auto;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.scratch-stage-window{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;max-width:720px;overflow:hidden;box-shadow:0 4px 16px #0000001f}.scratch-top-bar{background:#e9f0f8;border-bottom:1px solid #d0dbe7;align-items:center;gap:12px;padding:8px 16px;display:flex}.scratch-flag-btn,.scratch-stop-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:transform .1s,background .15s;display:flex}.scratch-flag-btn:hover,.scratch-stop-btn:hover{background:#0000000f;transform:scale(1.08)}.scratch-flag-btn:active,.scratch-stop-btn:active{transform:scale(.95)}.scratch-flag-icon{fill:#4cbc4c;width:24px;height:24px}.scratch-flag-btn.active .scratch-flag-icon{fill:#3ca33c;filter:drop-shadow(0 0 4px #4cbc4c99)}.scratch-stop-icon{fill:#ff4c4c;width:24px;height:24px}.scratch-stage-canvas{aspect-ratio:4/3;box-sizing:border-box;background-color:#fff;background-position:50%;background-size:cover;border:2px solid #575e75;border-radius:4px;width:100%;max-width:calc(100% - 24px);margin:12px;position:relative;overflow:hidden}.scratch-sprite-container{z-index:2;flex-direction:column;align-items:flex-start;display:flex;position:absolute;bottom:0;left:20px}.scratch-speech-bubble{color:#333;background:#fff;border:3px solid #d0d7de;border-radius:20px;max-width:280px;margin-bottom:12px;padding:12px 20px;font-size:18px;font-weight:500;animation:.3s ease-out scratch-pop-in;position:relative;box-shadow:0 4px 10px #00000014}.scratch-speech-bubble:after{content:"";z-index:1;border-top:14px solid #fff;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:12px solid #0000;width:0;display:block;position:absolute;bottom:-14px;left:30px}.scratch-speech-bubble:before{content:"";border-top:17px solid #d0d7de;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:15px solid #0000;width:0;display:block;position:absolute;bottom:-18px;left:28px}@keyframes scratch-pop-in{0%{opacity:0;transform:scale(.8)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.scratch-sprite-img{object-fit:contain;filter:drop-shadow(0 2px 6px #0003);width:140px;height:auto;max-height:180px}.scratch-sprite-crop-wrapper{width:150px;height:170px;position:relative;overflow:hidden}.scratch-sprite-crop-img{pointer-events:none;-webkit-user-select:none;user-select:none;width:480px;height:auto;position:absolute;bottom:-35px;left:-120px}.scratch-input-bar{z-index:5;width:90%;max-width:520px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.scratch-input-form{align-items:center;width:100%;display:flex;position:relative}.scratch-input-field{color:#222;box-sizing:border-box;background:#fff;border:2px solid #4c97ff;border-radius:22px;outline:none;width:100%;height:44px;padding:8px 48px 8px 16px;font-size:16px;box-shadow:0 2px 8px #4c97ff40}.scratch-input-field:focus{border-color:#3373e6;box-shadow:0 2px 12px #4c97ff66}.scratch-submit-btn{color:#fff;cursor:pointer;background:#4c97ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,transform .1s;display:flex;position:absolute;right:6px}.scratch-submit-btn:hover{background:#3373e6;transform:scale(1.06)}.scratch-submit-btn:active{transform:scale(.94)}.scratch-submit-btn svg{fill:#fff;width:18px;height:18px}.scratch-iframe-wrap{border:none;border-radius:8px;width:100%;height:540px;overflow:hidden}.scratch-iframe{border:none;width:100%;height:100%}.link-download-container{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.link-download-instruction{color:#1e293b;margin:0 0 32px;font-size:19px;font-weight:500;line-height:1.5}.link-download-button-wrapper{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:transform .15s,opacity .15s;display:inline-flex}.link-download-button-wrapper:hover{opacity:.92;transform:scale(1.03)}.link-download-button-wrapper:active{transform:scale(.98)}.link-download-icon-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:480px;display:block}.link-download-svg-icon{width:120px;height:120px;display:block}.link-download-status-badge{color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:20px;align-items:center;gap:8px;margin-top:20px;padding:6px 14px;font-size:15px;font-weight:600;display:inline-flex}:root{--top-nav-height:60px;--debug-bar-height:34px;--page-bg:#f8f6ff;--nav-bg:linear-gradient(130deg, #5d2aad 0%, #7030be 30%, #8943ef 60%, #9957f7 100%);--yellow:#ffd633;--purple:#8943ef;--purple-dark:#5d2aad;--text:#151226;--muted:#64748b;--border:#e8ddf8;--capture-visible-aspect:1740 / 759;--capture-img-width:110.4%;--capture-img-height:130.4%;--capture-img-left:-5.2%;--capture-img-top:-7.9%}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--page-bg);color:var(--text);font-family:Nunito,Arial,Helvetica,sans-serif}h1,h2,h3,h4,.lesson-title{font-family:"Baloo 2",Nunito,Arial,sans-serif}button,textarea{font:inherit}button{cursor:pointer}.app-shell{background:var(--page-bg);flex-direction:column;min-height:100vh;display:flex}.back-to-course-btn{z-index:999;-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff38;border:1px solid #fff6;border-radius:24px;align-items:center;gap:8px;padding:10px 20px;font-family:Nunito,Arial,sans-serif;font-size:14px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 6px 18px #0000002e}.back-to-course-btn:hover{color:#7c22d4;background:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px #00000040}.back-to-course-btn .back-arrow{font-size:16px;font-weight:900;line-height:1}.top-nav{height:var(--top-nav-height);background:var(--nav-bg);z-index:10;grid-template-columns:80px 1fr 80px;align-items:center;display:grid;position:sticky;top:0}.lesson-flag{color:#0f172a;clip-path:polygon(0 0,100% 0,100% 78%,62% 78%,50% 100%,38% 78%,0 78%);background:#fff;place-items:center;width:34px;height:38px;margin-left:20px;font-weight:800;display:grid}.task-dots{justify-content:center;align-items:center;gap:12px;display:flex}.task-dot{color:#fff;background:#000;border:0;border-radius:999px;width:42px;height:42px;font-weight:700}.task-dot.active{outline-offset:2px;outline:2px solid #ffffffbf}.activity-screen{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.activity-stage{flex:1;place-items:center;min-height:0;padding:24px 110px 106px;display:grid}.functional-stage{align-items:center}.side-arrow{z-index:2;background:var(--yellow);color:#0f172a;border:0;border-radius:8px;width:48px;height:56px;font-size:40px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.side-arrow.left{left:34px}.side-arrow.right{right:34px}.bottom-controls{justify-items:center;gap:12px;width:min(460px,90vw);display:grid;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.functional-bottom-controls{bottom:24px}.next-button{background:var(--yellow);color:#111827;border:0;border-radius:10px;width:100%;height:48px}.functional-card{width:100%;max-width:1080px;max-height:calc(100vh - var(--top-nav-height) - var(--debug-bar-height) - 135px);box-sizing:border-box;background:#fff;border-radius:4px;margin:0 auto;padding:38px 44px;overflow:auto;box-shadow:0 1px #0f172a0d}.functional-card h1{letter-spacing:.01em;margin:0 0 22px;font-size:34px;line-height:1.25}.task-meta{color:var(--muted);margin-bottom:10px;font-size:14px}.task-prompt{white-space:pre-line;font-size:20px;line-height:1.5}.activity-status{color:#334155;text-align:center;background:#ffffffd9;border-radius:999px;min-height:22px;padding:4px 12px;font-size:14px}.activity-actions{justify-content:center;gap:10px;display:flex}.secondary-button,.check-button{border:1px solid var(--border);color:#111827;background:#fff;border-radius:8px;min-width:100px;height:36px}.check-button{background:var(--purple);color:#fff;border-color:var(--purple)}.fill-blank-task-v2{grid-template-columns:minmax(640px,1fr) 32px 360px;align-items:stretch;gap:0;width:100%;min-height:420px;display:grid}.fill-blank-task-v2.fill-blank-panel-closed-v2{grid-template-columns:minmax(640px,1fr) 32px 0}.fill-blank-left-v2{min-width:0;padding-right:24px}.fill-blank-headline h1{margin:0 0 16px;font-size:36px;line-height:1.1}.fill-blank-headline p{color:#4b5563;margin:0 0 24px;font-size:16px;line-height:1.6}.fill-blank-input-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.fill-blank-input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:16px;flex:1;min-width:0;height:56px;padding:0 18px;font-size:16px;line-height:1.4}.fill-blank-send-button{color:#fff;cursor:pointer;background:#7c3aed;border:0;border-radius:16px;width:56px;height:56px;font-size:20px}.fill-blank-prompt p{color:#334155;margin:0 0 14px;font-size:16px;line-height:1.75}.fill-blank-panel-toggle-v2{color:#fff;cursor:pointer;background:#7c3aed;border:0;border-radius:0;align-self:stretch;place-items:center;width:32px;height:100%;min-height:420px;padding:0;display:grid}.fill-blank-panel-toggle-v2 span{color:#7c3aed;background:#fff;border-radius:4px;place-items:center;width:20px;height:48px;font-size:22px;font-weight:900;line-height:1;display:grid}.fill-blank-panel-toggle-v2:hover span{background:#f5f3ff}.fill-blank-right-v2{transition:opacity .16s,padding .16s;min-width:0!important}.fill-blank-panel-closed-v2 .fill-blank-right-v2{opacity:0!important;pointer-events:none!important;width:0!important;min-width:0!important;padding:0!important;overflow:hidden!important}.fill-blank-side-card{box-sizing:border-box;background:#fff;border-radius:24px;gap:18px;width:100%;height:100%;padding:28px 24px;display:grid;box-shadow:0 18px 45px #0f172a14}.fill-blank-side-subtitle{letter-spacing:.16em;text-transform:uppercase;color:#6b7280;font-size:12px;font-weight:700}.fill-blank-side-title{color:#111827;font-size:24px;font-weight:700;line-height:1.2}.fill-blank-side-copy{color:#475569;font-size:15px;line-height:1.7}.fill-blank-side-checklist{gap:12px;display:grid}.fill-blank-side-check{color:#111827;align-items:flex-start;gap:12px;font-size:16px;line-height:1.6;display:flex}.fill-blank-side-check input{width:18px;height:18px;margin-top:4px}@media (width<=1100px){.fill-blank-task-v2{grid-template-columns:1fr}.fill-blank-panel-toggle-v2{display:none}.fill-blank-right-v2{opacity:1!important;pointer-events:auto!important;width:auto!important;padding:0!important}}.mcq-card{width:min(980px,100%)}.choice-list{gap:14px;margin-top:24px;display:grid}.choice-item{color:#111827;text-align:left;background:#fff;border:2px solid #e5e7eb;border-radius:12px;grid-template-columns:34px 1fr;align-items:start;gap:14px;width:100%;padding:18px 20px;font-size:18px;line-height:1.4;display:grid}.choice-item.selected{border-color:var(--purple);background:#f5f0ff}.radio-ui,.checkbox-ui{color:#fff;border:2px solid #94a3b8;place-items:center;width:24px;height:24px;font-size:14px;font-weight:800;display:grid}.radio-ui{border-radius:999px}.checkbox-ui{border-radius:6px}.choice-item.selected .radio-ui,.choice-item.selected .checkbox-ui{background:var(--purple);border-color:var(--purple)}.image-strip{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:20px 0;display:grid}.image-strip img{object-fit:contain;background:#f8fafc;border-radius:10px;width:100%;max-height:280px}.matching-card{width:min(1280px,100%)}.matching-layout{grid-template-columns:360px 1fr;gap:28px;margin-top:24px;display:grid}.term-bank{border:1px solid var(--border);background:#f8fafc;border-radius:14px;padding:18px}.term-bank h2{margin:0 0 14px;font-size:18px}.term-chip{color:#111827;text-align:left;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;margin-bottom:12px;padding:14px 16px;line-height:1.35;display:block}.term-chip.selected{border-color:var(--purple);background:#f5f0ff}.dropzone-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;display:grid}.dropzone-card{background:#fff;border:2px dashed #cbd5e1;border-radius:14px;align-content:start;gap:12px;min-height:190px;padding:14px;display:grid}.dropzone-card img{object-fit:contain;background:#f8fafc;border-radius:10px;width:100%;height:110px}.target-text{text-align:center;background:#f8fafc;border-radius:10px;place-items:center;min-height:88px;padding:12px;line-height:1.35;display:grid}.assigned-slot{min-height:52px;color:var(--muted);text-align:center;background:#eef2f7;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px;display:flex}.assigned-slot.filled{color:#2e1065;background:#ede9fe}.remove-match{color:#7c2d12;background:#fff;border:0;border-radius:999px;width:24px;height:24px;font-weight:800}.muted-text{color:var(--muted)}.ide-shell{width:min(1620px,100%);height:min(680px, calc(100vh - var(--top-nav-height) - var(--debug-bar-height) - 145px));background:#30363a;border-radius:2px;grid-template-columns:1fr 430px;display:grid;overflow:hidden}.ide-workspace{border-right:20px solid var(--purple);background:#30363a;grid-template-rows:74px 1fr 130px;min-width:0;display:grid}.ide-toolbar{border-bottom:1px solid #00000059;justify-content:center;align-items:center;gap:18px;display:flex}.ide-tool{border:0;border-radius:9px;width:42px;height:42px;font-weight:800}.ide-tool.purple{background:var(--purple);color:#fff}.ide-tool.muted{color:#fff;background:#6b7280}.code-editor{resize:none;color:#e5e7eb;background:#30363a;border:0;outline:0;width:100%;height:100%;padding:24px;font-family:Consolas,Monaco,Courier New,monospace;font-size:16px;line-height:1.55}.ide-output{color:#dbeafe;white-space:pre-wrap;background:#202529;border-top:1px solid #ffffff14;margin:0;padding:16px 22px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;overflow:auto}.task-panel{background:#f1f5f9;min-width:0;padding:22px 18px;overflow:auto}.task-title-card{background:#fff;border-radius:12px;padding:28px 24px;box-shadow:0 3px #0f172a1f}.task-title-card h1{margin:0;font-size:26px}.task-section-label{color:#6b7280;letter-spacing:.04em;margin:28px 0 14px;font-size:14px}.task-description-card{background:#fff;border-radius:4px;padding:20px;font-size:16px;line-height:1.45}.task-description-card p{margin:0 0 14px}.strong-line{font-weight:800}.generic-card{width:min(1200px,100%)}.generic-card p{font-size:18px;line-height:1.5}.generic-image-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:22px;display:grid}.generic-image-grid img{object-fit:contain;background:#f8fafc;border-radius:10px;width:100%;max-height:260px}.capture-card{width:min(1500px,100%);max-height:calc(100vh - var(--top-nav-height) - 155px);aspect-ratio:var(--capture-visible-aspect);background:#fff;border-radius:2px;position:relative;overflow:hidden}.capture-image{width:var(--capture-img-width);height:var(--capture-img-height);left:var(--capture-img-left);top:var(--capture-img-top);object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.raw-mode .activity-stage{padding:0 64px 64px}.raw-mode .capture-card{width:min(1728px,100%);height:calc(100vh - var(--top-nav-height) - 96px);aspect-ratio:auto;max-height:none}.raw-mode .capture-image{object-fit:contain;width:100%;height:100%;position:static;transform:none}.hotspot{background:#ffd6332e;border:2px solid #ffd633e6;border-radius:8px;position:absolute}.page-indicators{justify-content:center;gap:8px;min-height:10px;display:flex}.mini-dot{background:#cbd5e1;border:0;border-radius:999px;width:8px;height:8px;padding:0}.mini-dot.active{background:var(--purple)}.debug-bar{height:var(--debug-bar-height);color:#475569;background:#ffffffbf;border-top:1px solid #94a3b873;justify-content:center;align-items:center;gap:18px;padding:0 12px;font-size:12px;display:flex}.debug-bar button{background:#fff;border:1px solid #cbd5e1;border-radius:6px;height:24px}.empty-screen{text-align:center;place-content:center;min-height:100vh;padding:32px;display:grid}.empty-screen pre{color:#fff;background:#0f172a;border-radius:8px;padding:12px 16px}@media (width<=1100px){.matching-layout,.ide-shell{grid-template-columns:1fr}.ide-shell{height:auto;max-height:calc(100vh - var(--top-nav-height) - var(--debug-bar-height) - 145px);overflow:auto}.ide-workspace{border-right:0;border-bottom:14px solid var(--purple);min-height:520px}.task-panel{max-height:420px}}.code-typing-task{width:min(1180px,100%);max-height:calc(100vh - var(--top-nav-height) - var(--debug-bar-height) - 135px);background:#7c3aed;padding:0;overflow:auto}.code-snippet-card pre,.placed-snippet pre{white-space:pre-wrap;margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:17px;line-height:1.45}@media (width<=1100px){.code-task-main{width:100%;margin-left:0}.snippet-grid,.category-grid{grid-template-columns:1fr}}.code-typing-task{width:min(1180px,100%);max-height:calc(100vh - var(--top-nav-height) - var(--debug-bar-height) - 135px);background:#7c3aed;overflow:auto}.code-task-main{background:#fff;width:min(1080px,100% - 250px);min-height:650px;margin-left:250px;padding:42px 42px 48px}.code-task-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:34px;display:flex}.code-task-part{color:#7c3aed;margin-bottom:12px;font-weight:800}.code-task-header h1{margin:0;font-size:22px;line-height:1.35}.code-task-attempt{color:#64748b;white-space:nowrap}.snippet-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px 54px;display:grid}.code-snippet-card{color:#111827;text-align:left;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;min-height:112px;padding:14px 16px;box-shadow:inset 0 -18px #e2e8f0a6}.code-snippet-card.selected{outline-offset:2px;outline:3px solid #7c3aed}.code-snippet-card pre,.placed-snippet pre,.snippet-code-text{white-space:pre-wrap;margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:17px;line-height:1.45}.image-snippet-card{box-shadow:none;background:#fff;padding:0;overflow:hidden}.snippet-image-wrapper{background:#f1f5f9;place-items:center;width:100%;height:100%;min-height:112px;display:grid}.snippet-image-wrapper img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;max-height:135px;display:block}.code-task-divider{background:#e5e7eb;height:1px;margin:44px 0 24px}.category-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.category-column h2{margin:0 0 12px;font-size:17px;font-weight:500;line-height:1.35}.category-dropzone{background:#f1f5f9;border:2px dashed #0000;border-radius:6px;align-content:start;gap:12px;min-height:170px;padding:12px;display:grid}.category-dropzone:hover{border-color:#7c3aed}.drop-placeholder{color:#94a3b8;text-align:center;padding-top:50px}.placed-snippet{background:#fff;border:1px solid #c4b5fd;border-radius:6px;padding:12px 38px 12px 12px;position:relative}.image-placed-snippet{padding:0;overflow:hidden}.placed-snippet .remove-match{position:absolute;top:8px;right:8px}.code-data-warning{color:#92400e;background:#fffbeb;border:1px solid #f59e0b;border-radius:8px;padding:18px 20px}@media (width<=1100px){.code-task-main{width:100%;margin-left:0}.snippet-grid,.category-grid{grid-template-columns:1fr}}.placeholder-code-task{width:min(1650px,100%);height:min(720px, calc(100vh - var(--top-nav-height) - var(--debug-bar-height) - 120px));background:#202326;border-radius:2px;grid-template-rows:86px 1fr;display:grid;overflow:hidden}.placeholder-code-topbar{background:#24282c;border-bottom:2px solid #111827}.placeholder-code-editor{color:#a7adb5;background:#202326;place-content:center;gap:16px;padding:60px 32px;font-family:Consolas,Monaco,Courier New,monospace;font-size:28px;display:grid}.placeholder-code-line{grid-template-columns:48px auto auto auto;align-items:center;gap:8px;min-height:38px;display:grid}.placeholder-line-number{color:#7b838d;text-align:right;-webkit-user-select:none;user-select:none}.placeholder-code-before,.placeholder-code-after{white-space:pre}.placeholder-code-input{color:#d1d5db;width:5ch;min-width:42px;font:inherit;background:0 0;border:2px solid #7dd3fc;border-radius:3px;outline:none;padding:0 2px}.placeholder-code-input{color:#d1d5db;width:auto;min-width:3ch;font:inherit;text-align:left;background:0 0;border:2px solid #7dd3fc;border-radius:3px;outline:none;padding:0 2px}.placeholder-code-line{align-items:center;gap:22px;min-height:42px;grid-template-columns:48px auto!important;display:grid!important}.placeholder-code-tokens{white-space:pre;align-items:center;display:inline-flex}.placeholder-code-text{white-space:pre}.placeholder-code-input{color:#d1d5db;min-width:3ch;font:inherit;text-align:left;background:0 0;border:2px solid #7dd3fc;border-radius:3px;outline:none;padding:0 2px;line-height:1}.placeholder-code-input:focus{border-color:#22d3ee;box-shadow:0 0 0 2px #22d3ee2e}.char-typing-mode{cursor:text;outline:none}.char-placeholder{white-space:pre;display:inline-flex}.char-typed,.char-pending,.char-active{text-align:center;width:1ch;display:inline-block}.char-typed{color:#d1d5db}.char-pending{color:#a7adb5}.char-active{color:#d1d5db;border:2px solid #22d3ee;border-radius:3px;margin:0 -1px;line-height:1}.char-typing-mode.wrong-key .char-active{border-color:#ef4444;box-shadow:0 0 0 2px #ef444438}.all-char-typing-mode{cursor:text;outline:none}.all-char-typing-mode .placeholder-code-line{align-items:center;gap:22px;min-height:42px;grid-template-columns:48px auto!important;display:grid!important}.all-char-typing-mode .placeholder-code-tokens{white-space:pre;align-items:center;display:inline-flex}.code-char-typed,.code-char-pending,.code-char-active{text-align:center;white-space:pre;width:1ch;display:inline-block}.code-char-typed{color:#d1d5db}.code-char-pending{color:#a7adb5}.code-char-active{color:#d1d5db;border:2px solid #22d3ee;border-radius:3px;margin:0 -1px;line-height:1}.all-char-typing-mode.wrong-key .code-char-active{border-color:#ef4444;box-shadow:0 0 0 2px #ef444438}.ide-task-v2{background:#eef2f6;grid-template-columns:minmax(700px,1fr) 470px;width:min(1540px,100%);min-height:650px;display:grid}.ide-left-v2{background:#30363a;border-right:12px solid #7c3aed;grid-template-rows:72px 1fr 130px;display:grid}.ide-toolbar-v2{border-bottom:1px solid #00000047;justify-content:center;align-items:center;gap:16px;display:flex}.ide-toolbar-v2 button{color:#fff;cursor:pointer;background:#7c3aed;border:0;border-radius:8px;width:44px;height:44px;font-size:20px}.ide-toolbar-v2 button:disabled{cursor:default;background:#6b7280}.ide-editor-wrap-v2{background:#30363a;grid-template-columns:58px 1fr;display:grid;overflow:hidden}.ide-line-numbers-v2{color:#9ca3af;text-align:right;-webkit-user-select:none;user-select:none;background:#30363a;align-content:start;gap:0;margin:0;padding:24px 10px 24px 0;font-family:Consolas,Monaco,Courier New,monospace;font-size:17px;line-height:1.65;display:grid}.ide-code-textarea-v2{resize:none;color:#f8fafc;white-space:pre;background:#30363a;border:0;outline:none;width:100%;height:100%;min-height:390px;padding:24px 26px 24px 12px;font-family:Consolas,Monaco,Courier New,monospace;font-size:17px;line-height:1.65;overflow:auto}.ide-output-v2{color:#f8fafc;background:#111820;border-top:1px solid #00000047;padding:24px 28px;font-family:Consolas,Monaco,Courier New,monospace;font-size:16px}.ide-right-v2{background:#eef2f6;padding:24px 22px 36px;overflow:auto}.ide-title-card-v2{background:#fff;border-radius:10px;align-items:center;min-height:76px;margin-bottom:24px;padding:18px 22px;font-size:26px;font-weight:800;display:flex;box-shadow:0 4px #0f172a1f}.ide-section-label-v2{color:#64748b;letter-spacing:.04em;margin-bottom:16px;font-size:14px}.ide-instruction-card-v2{color:#111827;background:#fff;border-radius:10px;padding:20px 22px;font-size:17px;line-height:1.45}.ide-instruction-card-v2 p{margin:0 0 14px}.ide-instruction-card-v2 p:last-child{margin-bottom:0}@media (width<=1100px){.ide-task-v2{grid-template-columns:1fr}.ide-left-v2{border-bottom:12px solid #7c3aed;border-right:0}}.code-classification-task{background:#7c3aed;width:min(1420px,100%);min-height:660px;padding:52px 110px;overflow:auto}.code-classification-board{background:#fff;border-radius:10px;max-width:980px;min-height:620px;margin:0 auto;padding:34px 38px}.classification-header{color:#111827;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:34px;font-size:17px;display:flex}.classification-header strong,.part-dot{color:#7c3aed}.classification-card-grid{border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(2,minmax(260px,1fr));gap:20px 34px;padding-bottom:32px;display:grid}.classification-card{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;overflow:hidden}.classification-card pre,.classification-placed-card pre{white-space:pre-wrap;color:#111827;margin:0;padding:16px 18px;font-family:Consolas,Monaco,Courier New,monospace;font-size:15px;line-height:1.45}.classification-card-actions{background:#e5e7eb;gap:8px;padding:10px;display:flex}.classification-card-actions button{color:#fff;cursor:pointer;background:#7c3aed;border:0;border-radius:6px;flex:1;padding:8px 10px}.classification-empty{text-align:center;color:#64748b;background:#f8fafc;border-radius:8px;grid-column:1/-1;padding:32px}.classification-categories{grid-template-columns:repeat(2,minmax(240px,1fr));gap:20px;margin-top:26px;display:grid}.classification-category h3{margin:0 0 10px;font-size:17px;font-weight:600}.classification-drop-zone{color:#94a3b8;background:#f1f5f9;border-radius:6px;min-height:130px;padding:14px}.classification-placed-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;margin-bottom:10px;display:block}@media (width<=1100px){.code-classification-task{padding:32px 24px}.classification-card-grid,.classification-categories{grid-template-columns:1fr}}.classification-crop-image{background:#f1f5f9;width:100%;height:138px;position:relative;overflow:hidden}.classification-crop-image img{width:calc(100% / var(--crop-w));height:calc(100% / var(--crop-h));left:calc(-100% * var(--crop-x) / var(--crop-w));top:calc(-100% * var(--crop-y) / var(--crop-h));max-width:none;max-height:none;position:absolute}.classification-placed-card .classification-crop-image{height:110px}:root{--lms-purple:#7c3aed;--lms-purple-dark:#5b21b6;--lms-yellow:#ffd633;--lms-navy:#0d1a28;--lms-page-gray:#eef1f5;--lms-code-bg:#242b30;--lms-code-output:#0d1620}html,body,#root{background:var(--lms-page-gray);min-height:100%}body{overflow-x:hidden}.top-nav{height:var(--top-nav-height);min-height:var(--top-nav-height);background:var(--nav-bg);grid-template-columns:80px 1fr 80px}.lesson-flag{color:#0f172a;clip-path:polygon(0 0,100% 0,100% 78%,62% 78%,50% 100%,38% 78%,0 78%);background:#fff;place-items:center;width:34px;height:38px;margin-left:20px;font-size:20px;font-weight:900;display:grid}.task-dot{color:#fff;background:#000;border:0;border-radius:999px;width:42px;min-width:42px;height:42px;padding:0;font-size:17px;font-weight:700}.task-dot.active{outline-offset:2px;color:#fff;background:#000;outline:2px solid #fffc}.activity-screen{background:var(--page-bg);flex:1;min-height:0;position:relative}.activity-stage{width:100%;max-width:none;padding:22px 110px 100px}.functional-card{width:min(1120px,100%);max-height:calc(100vh - var(--top-nav-height) - var(--debug-bar-height) - 126px);padding:32px 42px}.functional-card h1{margin-bottom:18px;font-size:30px;line-height:1.2}.task-prompt{font-size:18px;line-height:1.42}:is(body:has(.mcq-card) .app-shell,body:has(.choice-list) .app-shell,body:has(.choice-item) .app-shell,body:has(.mcq-card) .activity-screen,body:has(.choice-list) .activity-screen,body:has(.choice-item) .activity-screen,body:has(.mcq-card) .activity-stage,body:has(.choice-list) .activity-stage,body:has(.choice-item) .activity-stage){background:var(--lms-purple)!important}:is(body:has(.mcq-card) .activity-screen,body:has(.choice-list) .activity-screen,body:has(.choice-item) .activity-screen){overflow:auto}:is(body:has(.mcq-card) .activity-stage,body:has(.choice-list) .activity-stage,body:has(.choice-item) .activity-stage){align-items:start;padding-top:26px;padding-bottom:118px}.mcq-card{background:#fff;border-radius:10px;width:min(1120px,100vw - 260px);padding:28px 42px;max-height:none!important;overflow:visible!important}.mcq-card h1{margin-bottom:18px;font-size:28px;line-height:1.16}.mcq-card .task-prompt,.mcq-card p{font-size:17px;line-height:1.35}.choice-list{gap:10px;margin-top:20px}.choice-item{border-radius:9px;grid-template-columns:30px 1fr;gap:14px;min-height:54px;padding:12px 18px;font-size:16px;line-height:1.32}.radio-ui,.checkbox-ui{width:22px;height:22px;font-size:13px}.code-typing-task{width:min(1480px,100vw - 130px);max-height:none;min-height:calc(100vh - var(--top-nav-height) - var(--debug-bar-height) - 126px);background:var(--lms-purple);overflow:visible}.code-task-main{border-radius:0;width:min(1180px,100% - 230px);min-height:620px;margin-left:230px;padding:30px 36px 42px}.code-task-header{margin-bottom:24px}.code-task-header h1{font-size:20px;line-height:1.28}.snippet-grid{grid-template-columns:repeat(3,minmax(210px,1fr));gap:16px 46px}.code-snippet-card{min-height:104px;padding:12px 14px}.code-snippet-card pre,.placed-snippet pre,.snippet-code-text{font-size:15px;line-height:1.38}.code-task-divider{margin:30px 0 20px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-column h2{font-size:16px;line-height:1.28}.category-dropzone{min-height:135px}.drop-placeholder{padding-top:38px}.code-classification-task{width:min(1480px,100vw - 130px)!important;min-height:calc(100vh - var(--top-nav-height) - var(--debug-bar-height) - 126px)!important;background:var(--lms-purple)!important;margin:0 auto!important;padding:30px 64px!important;overflow:visible!important}.code-classification-board{background:#fff!important;border-radius:10px!important;width:min(1220px,100%)!important;min-height:auto!important;margin:0 auto!important;padding:26px 34px!important;overflow:visible!important}.classification-header{margin-bottom:22px!important;font-size:16px!important;line-height:1.25!important}.classification-card-grid{grid-template-columns:repeat(3,minmax(220px,1fr))!important;gap:16px 26px!important;padding-bottom:22px!important}.classification-card{cursor:grab!important;min-height:108px!important}.classification-card:active{cursor:grabbing!important}.classification-card pre,.classification-placed-card pre{padding:12px 14px!important;font-size:14px!important;line-height:1.35!important}.classification-categories{grid-template-columns:repeat(3,minmax(220px,1fr))!important;gap:18px!important;margin-top:20px!important}.classification-category h3{margin-bottom:8px!important;font-size:16px!important}.classification-drop-zone{min-height:112px!important;padding:12px!important}.classification-crop-image,.classification-image-card{height:128px!important}.classification-placed-card .classification-crop-image,.classification-placed-card .classification-image-card{height:104px!important}.ide-shell,.ide-task-v2,.token-bank-task,.placeholder-code-task{width:min(1540px,100vw - 130px)!important;max-width:none!important}.ide-task-v2{grid-template-columns:minmax(740px,1fr) 470px;min-height:640px}.ide-left-v2,.token-bank-left,.placeholder-code-task,.ide-editor-wrap-v2,.ide-code-textarea-v2,.token-bank-editor,.placeholder-code-editor{background:var(--lms-code-bg)!important}.ide-output-v2,.token-bank-output{background:var(--lms-code-output)!important;color:#f8fafc!important}.ide-code-textarea-v2,.token-bank-editor{color:#e5e7eb!important;font-size:15px!important;line-height:1.55!important}.ide-line-numbers-v2{font-size:15px!important;line-height:1.55!important}.ide-line-numbers-v2 span{height:24px!important}.ide-title-card-v2,.token-bank-prompt{font-size:24px!important;line-height:1.18!important}.ide-instruction-card-v2{font-size:16px!important;line-height:1.42!important}.placeholder-code-task{height:min(700px, calc(100vh - var(--top-nav-height) - var(--debug-bar-height) - 120px));background:var(--lms-code-bg)!important}.placeholder-code-topbar{height:82px;background:#24282c!important}.placeholder-code-editor{background:var(--lms-code-bg)!important;color:#a7adb5!important;padding:56px 80px!important;font-size:24px!important}.placeholder-code-line{grid-template-columns:48px auto!important;gap:20px!important;min-height:40px!important;font-size:24px!important;line-height:1.45!important}.placeholder-code-tokens,.placeholder-code-text,.char-placeholder{white-space:pre}.code-char-typed,.code-char-pending,.code-char-active,.char-typed,.char-pending,.char-active{width:1ch;font-family:Consolas,Monaco,Courier New,monospace!important;font-size:24px!important;line-height:1.45!important}.syntax-keyword{color:#60a5fa!important}.syntax-builtin{color:#38bdf8!important}.syntax-string{color:#f59e0b!important}.syntax-number{color:#34d399!important}.syntax-operator{color:#e5e7eb!important}.syntax-variable{color:#f8fafc!important}.syntax-punctuation{color:#c084fc!important}.bottom-controls{bottom:24px}.next-button{background:var(--yellow);border-radius:9px;width:min(520px,90vw);height:48px;font-size:17px}.secondary-button,.check-button{border-radius:8px;min-width:104px;height:38px;font-size:15px}.side-arrow{background:var(--yellow);border-radius:8px;width:50px;height:54px}.raw-mode .activity-stage{background:var(--page-bg)}@media (width<=1300px){.code-task-main{width:calc(100% - 180px);margin-left:180px}.classification-card-grid,.classification-categories,.snippet-grid,.category-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important}}@media (width<=1100px){.activity-stage{padding-left:76px;padding-right:76px}.mcq-card{width:min(100%,100vw - 160px)}.code-task-main{width:100%;margin-left:0}.ide-task-v2,.token-bank-task{grid-template-columns:1fr}.ide-left-v2,.token-bank-left{border-right:0;border-bottom:12px solid var(--purple)}}@media (width<=900px){.top-nav{grid-template-columns:62px 1fr 62px}.lesson-flag{width:30px;height:34px;margin-left:16px;font-size:18px}.task-dots{gap:8px}.task-dot{width:36px;min-width:36px;height:36px;font-size:15px}.activity-stage{padding:18px 70px 96px}.side-arrow.left{left:20px}.side-arrow.right{right:20px}.mcq-card,.functional-card{width:100%;padding:24px 28px}.classification-card-grid,.classification-categories,.snippet-grid,.category-grid{grid-template-columns:1fr!important}.placeholder-code-editor{padding:44px 34px!important}.placeholder-code-line,.code-char-typed,.code-char-pending,.code-char-active,.char-typed,.char-pending,.char-active{font-size:20px!important}}.ide-task-v2{transition:grid-template-columns .18s;background:#eef2f6!important;width:min(1540px,100vw - 130px)!important;max-width:none!important;min-height:640px!important;display:grid!important;position:relative!important;overflow:hidden!important}.ide-task-v2.ide-panel-open-v2{grid-template-columns:minmax(740px,1fr) 32px 470px!important}.ide-task-v2.ide-panel-closed-v2{grid-template-columns:minmax(740px,1fr) 32px 0!important}.ide-left-v2{border-right:0!important;min-width:0!important}.ide-panel-toggle-v2{color:#fff;cursor:pointer;z-index:5;background:#7c3aed;border:0;border-radius:0;align-self:stretch;place-items:center;width:32px;height:100%;min-height:640px;padding:0;display:grid}.ide-panel-toggle-v2 span{color:#7c3aed;background:#fff;border-radius:4px;place-items:center;width:20px;height:48px;font-size:22px;font-weight:900;line-height:1;display:grid}.ide-panel-toggle-v2:hover span{background:#f5f3ff}.ide-right-v2{transition:opacity .16s,padding .16s;min-width:0!important}.ide-panel-closed-v2 .ide-right-v2{opacity:0!important;pointer-events:none!important;width:0!important;min-width:0!important;padding:0!important;overflow:hidden!important}.ide-code-layer-v2{background:var(--lms-code-bg,#242b30);width:100%;height:100%;min-height:390px;position:relative;overflow:hidden}.ide-code-highlight-v2,.ide-code-textarea-highlighted-v2{letter-spacing:0;tab-size:4;white-space:pre;box-sizing:border-box;font-variant-ligatures:none;border:0;outline:none;width:100%;height:100%;min-height:390px;margin:0;padding:24px 26px 24px 12px;position:absolute;inset:0;overflow:auto;background:0 0!important;font-family:Consolas,Monaco,Courier New,monospace!important;font-size:15px!important;line-height:1.55!important}.ide-code-highlight-v2{z-index:1;color:#e5e7eb;pointer-events:none;-webkit-user-select:none;user-select:none}.ide-code-highlight-line-v2{white-space:pre;min-height:23.25px}.ide-code-textarea-highlighted-v2{z-index:2;resize:none;-webkit-text-fill-color:transparent;caret-color:#f8fafc;overflow:auto;color:#0000!important}.ide-code-textarea-highlighted-v2::selection{color:#0000;-webkit-text-fill-color:transparent;background:#60a5fa59}.ide-code-textarea-highlighted-v2::-webkit-scrollbar{width:12px;height:12px}.ide-code-textarea-highlighted-v2::-webkit-scrollbar-track{background:#1f2933}.ide-code-textarea-highlighted-v2::-webkit-scrollbar-thumb{background:#4b5563;border:3px solid #1f2933;border-radius:999px}.ide-code-highlight-v2::-webkit-scrollbar{width:0;height:0}.ide-code-highlight-v2{scrollbar-width:none}.ide-line-numbers-v2{overflow:hidden!important}.ide-code-highlight-v2 .syntax-keyword{font-weight:700;color:#c084fc!important}.ide-code-highlight-v2 .syntax-builtin{color:#38bdf8!important}.ide-code-highlight-v2 .syntax-string{color:#fbbf24!important}.ide-code-highlight-v2 .syntax-number{color:#34d399!important}.ide-code-highlight-v2 .syntax-operator{color:#f472b6!important}.ide-code-highlight-v2 .syntax-variable{color:#f8fafc!important}.ide-code-highlight-v2 .syntax-punctuation{color:#cbd5e1!important}.ide-code-highlight-v2 .syntax-comment{font-style:italic;color:#94a3b8!important}.ide-editor-wrap-v2{background:var(--lms-code-bg,#242b30)!important}.ide-code-textarea-v2.ide-code-textarea-highlighted-v2{background:0 0!important}@media (width<=1100px){.ide-task-v2.ide-panel-open-v2{grid-template-rows:auto 32px auto!important;grid-template-columns:1fr!important}.ide-task-v2.ide-panel-closed-v2{grid-template-rows:auto 32px 0!important;grid-template-columns:1fr!important}.ide-panel-toggle-v2{width:100%;height:32px;min-height:32px}.ide-panel-toggle-v2 span{width:48px;height:20px}.ide-panel-open-v2 .ide-panel-toggle-v2 span,.ide-panel-closed-v2 .ide-panel-toggle-v2 span{transform:rotate(90deg)}}.activity-screen.dynamic-replay-mode{width:100%;min-height:calc(100vh - var(--top-nav-height));background:var(--page-bg,#eef1f5)!important;overflow:hidden!important}.activity-screen.dynamic-replay-mode .activity-stage{width:100%;min-height:0;background:var(--page-bg,#eef1f5)!important;place-items:center!important;padding:16px 76px 96px!important;display:grid!important;overflow:hidden!important}.activity-screen.dynamic-replay-mode .capture-card{width:min(1500px,100vw - 170px)!important;height:auto!important;max-height:calc(100vh - var(--top-nav-height) - var(--debug-bar-height) - 130px)!important;aspect-ratio:var(--capture-visible-aspect)!important;background:#fff!important;border-radius:2px!important;position:relative!important;overflow:hidden!important}.activity-screen.dynamic-replay-mode .capture-image{width:var(--capture-img-width)!important;height:var(--capture-img-height)!important;left:var(--capture-img-left)!important;top:var(--capture-img-top)!important;object-fit:fill!important;-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important;position:absolute!important}.activity-screen.dynamic-replay-mode .hotspot{display:none!important}.activity-screen.dynamic-replay-mode .bottom-controls{z-index:5!important;bottom:24px!important}.activity-screen.dynamic-replay-mode .side-arrow{z-index:6!important}.activity-screen.raw-mode .activity-stage{background:var(--page-bg,#eef1f5)!important;padding:0 64px 64px!important}.activity-screen.raw-mode .capture-card{width:min(1728px,100%)!important;height:calc(100vh - var(--top-nav-height) - 96px)!important;aspect-ratio:auto!important;max-height:none!important;position:relative!important;overflow:hidden!important}.activity-screen.raw-mode .capture-image{object-fit:contain!important;width:100%!important;height:100%!important;position:static!important;transform:none!important}.expression-matching-task{display:none!important}@media (width<=900px){.activity-screen.dynamic-replay-mode .activity-stage{padding:14px 62px 92px!important}.activity-screen.dynamic-replay-mode .capture-card{width:min(100%,100vw - 130px)!important}}.catalog-screen{background:radial-gradient(circle at top left, #7c3aed2e, transparent 34%), var(--page-bg,#eef1f5);min-height:100vh;color:var(--text,#111827);padding:52px clamp(24px,5vw,72px)}.catalog-hero{background:#fff;border-radius:18px;max-width:980px;margin:0 auto 34px;padding:38px 42px;box-shadow:0 12px 35px #0f172a14}.catalog-eyebrow{color:var(--purple,#7c3aed);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:800}.catalog-hero h1{margin:0 0 14px;font-size:clamp(34px,5vw,56px);line-height:1.05}.catalog-hero p{color:#475569;max-width:760px;margin:0;font-size:18px;line-height:1.55}.catalog-meta{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.catalog-meta span{color:#334155;background:#f1f5f9;border-radius:999px;align-items:center;min-height:30px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.course-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;width:min(1180px,100%);margin:0 auto;display:grid}.course-card{color:#111827;text-align:left;background:#fff;border:1px solid #94a3b859;border-radius:18px;flex-direction:column;justify-content:space-between;gap:18px;min-height:220px;padding:24px;transition:transform .14s,box-shadow .14s,border-color .14s;display:flex;box-shadow:0 10px 30px #0f172a12}.course-card:hover{border-color:#7c3aed8c;transform:translateY(-3px);box-shadow:0 16px 38px #0f172a1f}.course-card-top,.course-card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.course-number{color:var(--purple,#7c3aed);letter-spacing:.08em;font-size:13px;font-weight:900}.course-stats{color:#475569;background:#f1f5f9;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.course-card h2{word-break:break-word;margin:0;font-size:25px;line-height:1.18}.course-source{color:#64748b;word-break:break-word;margin:0;font-size:14px}.course-card-footer{color:var(--purple,#7c3aed);margin-top:auto;font-weight:900}.catalog-empty{text-align:center;background:#fff;border-radius:16px;width:min(760px,100%);margin:0 auto;padding:28px 32px;box-shadow:0 10px 30px #0f172a12}.catalog-empty h2{margin:0 0 10px}.catalog-empty p{color:#475569;margin:0 0 16px}.catalog-screen pre,.catalog-empty pre,.catalog-hero pre{color:#fff;text-align:left;background:#0f172a;border-radius:10px;margin:18px 0 0;padding:12px 16px;display:inline-block}.top-nav{gap:18px;padding:0 18px;grid-template-columns:minmax(260px,auto) 1fr 24px!important}.top-nav-left{align-items:center;gap:14px;min-width:0;display:flex}.catalog-back-button{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;height:34px;padding:0 12px;font-size:13px;font-weight:800}.catalog-back-button:hover{background:#ffffff29}.top-nav-left .lesson-flag{flex:none;margin-left:0!important}.lesson-title-block{color:#fff;min-width:0}.lesson-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:14px;font-weight:900;line-height:1.2;overflow:hidden}.lesson-course-id{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin-top:2px;font-size:11px;line-height:1.2;overflow:hidden}.task-dots{scrollbar-width:thin;justify-content:center;min-width:0;padding:6px 0;overflow-x:auto}.task-dots::-webkit-scrollbar{height:6px}.task-dots::-webkit-scrollbar-track{background:#ffffff14}.task-dots::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:999px}.empty-actions{margin:18px 0}.empty-actions button,.empty-screen>button{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;height:38px;padding:0 16px;font-weight:800}@media (width<=1100px){.top-nav{height:auto;min-height:var(--top-nav-height);padding:10px 14px;grid-template-columns:1fr!important}.top-nav-left{justify-content:center}.task-dots{justify-content:flex-start}.lesson-title,.lesson-course-id{max-width:420px}}@media (width<=700px){.catalog-screen{padding:28px 16px}.catalog-hero{padding:28px 24px}.catalog-hero p{font-size:16px}.course-grid{grid-template-columns:1fr}.top-nav-left{flex-wrap:wrap}.lesson-title,.lesson-course-id{max-width:260px}}.catalog-inline-back{color:#111827;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;justify-content:center;align-items:center;min-height:36px;margin:0 0 22px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.catalog-inline-back:hover{color:#7c3aed;background:#f8f5ff;border-color:#7c3aed8c}.lesson-card{border-color:#7c3aed38}.lesson-card:hover{border-color:#7c3aeda6}.course-card .course-source{min-height:22px}.course-stats{white-space:normal;text-align:right;max-width:100%}.lesson-title,.lesson-course-id{max-width:360px!important}.empty-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width<=700px){.catalog-inline-back{width:100%}.course-card-top{flex-direction:column;align-items:flex-start}.course-stats{text-align:left}.lesson-title,.lesson-course-id{max-width:260px!important}}.task-meta,.code-copy-attempt,.code-task-attempt,.image-dropzones-attempt,.matching-connect-attempt,.matching-rule-attempt,.matching-rule-toolbar{display:none!important}