.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{align-items:center;gap:12px;margin-bottom:32px;padding-left:12px;display:flex}.logo-icon{color:#fff;background:#4f46e5;border-radius:12px;place-items:center;width:40px;height:40px;font-size:22px;font-weight:800;display:grid}.logo-text{color:#1e293b;font-family:"Baloo 2",Nunito,sans-serif;font-size:20px;font-weight:800}.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:28px;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 0 8px;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}.step-name.active{color:#4f46e5;font-weight:750}.dashboard-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.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}.continue-card-header{flex-direction:column;gap:4px;display:flex}.card-label{color:#10b981;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.card-title{margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:20px;font-weight:800}.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}.continue-preview .keyword{color:#f472b6}.continue-preview .string{color:#a7f3d0}.continue-preview .comment{color:#64748b}.continue-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.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}.card-btn:hover{background:#059669}.card-time{color:#64748b;align-items:center;gap:6px;font-size:13px;display:flex}.lesson-selection-list{flex-direction:column;gap:8px;max-height:200px;padding-right:4px;display:flex;overflow-y:auto}.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:170px;padding-right: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}.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:340px;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}.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-card-label{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.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}: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;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;transition:transform .52s cubic-bezier(.16,1.16,.32,1),opacity .18s,box-shadow .3s;position:fixed;top:50%;left:50%;box-shadow:0 22px 54px #25123a4d,0 0 0 8px #ffffff4d,0 0 46px #8943ef4d}.lms-progress-strip.is-flight-center{opacity:1;animation:.92s ease-in-out .44s lms-progress-happy-bounce;transform:translate(-50%,-50%)scale(1)}.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)rotate(-1deg)}56%{transform:translate(-50%,-50%)scale(.985)rotate(1deg)}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 24% -70%,#8b5cf647,#0000 49%),linear-gradient(100deg,#071526 0%,#0a1430 54%,#130d35 100%);border-bottom:1px solid #ffffff14;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 #0208172e}.lms-topbar__info-row{box-sizing:border-box;grid-template-columns:max-content minmax(300px,1fr) minmax(300px,390px);align-items:center;column-gap:16px;width:100%;min-width:0;min-height:62px;padding:5px 16px 4px;display:grid}.lms-topbar__identity{align-items:center;gap:9px;min-width:0;display:flex}.lms-topbar__logo{width:40px;height:46px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:0 0 40px;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:24px;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:78px;height:54px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:0 0 78px;align-self:end;position:relative;overflow:hidden}.lms-topbar__robot img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 7px #00000045)drop-shadow(0 0 9px #8b5cf633);-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;max-width:none;height:101px;display:block;position:absolute;bottom:-31px;left:50%;transform:translate(-50%)}.lms-topbar__course-code{color:#fff;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg,#6f2bd8f5,#9544eff5);border:1px solid #c48bff66;border-radius:11px;min-width:0;max-width:150px;padding:8px 12px;font-size:15px;font-weight:950;line-height:1;overflow:hidden;box-shadow:0 6px 14px #4f1a9740,inset 0 1px #ffffff38}.lms-topbar__lesson-context{justify-content:flex-start;align-items:center;gap:9px;min-width:0;display:flex;overflow:hidden}.lms-topbar__info-pill{box-sizing:border-box;background:#fff1;border:1px solid #ffffff21;border-radius:10px;flex:none;align-items:center;gap:6px;min-height:34px;padding:6px 9px;display:inline-flex}.lms-topbar__info-pill.is-task{background:#7e3ad538;border-color:#b879ff70}.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:nowrap;min-width:80px;max-width:270px;font-size:17px;font-weight:900;line-height:1.1;overflow:hidden}.lms-topbar__progress-slot{justify-content:flex-end;align-items:center;width:100%;min-width:0;height:52px;display:flex;position:relative}.lms-topbar__progress-slot .lms-progress-strip-placeholder{width:100%;height:52px;min-height:52px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){z-index:1;box-sizing:border-box;background:linear-gradient(135deg,#ffffff17,#ffffff09);border:1px solid #b070ff40;border-radius:14px;grid-column:auto;justify-self:auto;width:100%;max-width:390px;min-height:0;padding:6px 9px 7px;position:relative;top:auto;left:auto;overflow:hidden;transform:none;box-shadow:inset 0 1px #ffffff14,0 6px 14px #00000021}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating):before{opacity:.17}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__header{align-items:center;gap:9px;min-height:19px;margin:0 0 4px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__header>div:first-child{flex-direction:row;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;white-space:nowrap;font-size:11px;font-weight:850;line-height:1}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__count{color:#abb8ce;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:5px;display:flex}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__sound{width:25px;height:25px;box-shadow:none;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;padding:0;font-size:11px}.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{color:#d7c4f3;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:105px;font-size:9px;font-weight:850;line-height:1;overflow:hidden}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__change{font-size:9px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__track{background:#0105127a;border:1px solid #ffffff17;height:17px;overflow:hidden;box-shadow:inset 0 2px 5px #00000045}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__fill{overflow:hidden}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating) .lms-progress-strip__inside-value{color:#fff;text-shadow:0 1px 4px #0000008c;font-size:10px;font-weight:950}.lms-topbar__navigation-row{box-sizing:border-box;background:linear-gradient(#ffffff05,#00000014);border-top:1px solid #ffffff17;align-items:center;width:100%;min-width:0;min-height:53px;padding:6px 18px 7px;display:flex}.lms-topbar__navigation-row .lms-topbar__steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 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 40px;place-items:center;width:40px;height:40px;padding:0;font-size:17px;font-weight:850;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:#be85ff85;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 2px #b77aff4d,0 0 16px #9746ef9e}.lms-topbar__navigation-row .lms-topbar__step.is-completed{border-color:#4fe78ab8;color:#fff!important;background:linear-gradient(135deg,#159447,#1db85a)!important}.lms-topbar__navigation-row .lms-topbar__step.is-completed.is-active{box-shadow:0 0 0 2px #ffffffb3,0 0 0 5px #22c55e40,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<=1450px){.lms-topbar__info-row{grid-template-columns:max-content minmax(230px,1fr) minmax(270px,330px);column-gap:11px;padding-inline:12px}.lms-topbar__robot{flex-basis:66px;width:66px}.lms-topbar__robot img{height:96px}.lms-topbar__course-code{max-width:120px}.lms-topbar__lesson-context{gap:7px}.lms-topbar__lesson-title{max-width:190px;font-size:15px}.lms-topbar__info-pill{padding-inline:7px}}@media (width<=1160px){.lms-topbar__info-row{grid-template-columns:max-content minmax(180px,1fr) minmax(230px,280px);column-gap:8px}.lms-topbar__robot{flex-basis:56px;width:56px}.lms-topbar__robot img{height:87px;bottom:-27px}.lms-topbar__course-code{max-width:100px;padding-inline:9px;font-size:13px}.lms-topbar__lesson-title{max-width:130px}.lms-topbar__info-pill small{display:none}}@media (width<=920px){.lms-topbar__info-row{grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"identity context""progress progress";row-gap:5px;min-height:104px}.lms-topbar__identity{grid-area:identity}.lms-topbar__lesson-context{grid-area:context;justify-content:flex-end}.lms-topbar__progress-slot{grid-area:progress;height:43px}.lms-topbar__progress-slot .lms-progress-strip:not(.is-floating){max-width:none}.lms-topbar__progress-slot .lms-progress-strip-placeholder{height:43px;min-height:43px}}@media (width<=640px){.lms-topbar__info-row{grid-template-columns:1fr;grid-template-areas:"identity""context""progress";row-gap:5px;padding:6px 9px}.lms-topbar__identity{justify-content:flex-start}.lms-topbar__logo{flex-basis:35px;width:35px;height:41px}.lms-topbar__robot{flex-basis:52px;width:52px;height:47px}.lms-topbar__robot img{height:80px;bottom:-25px}.lms-topbar__course-code{max-width:calc(100vw - 132px)}.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:37px;width:37px;height:37px;font-size:15px}}@media (prefers-reduced-motion:reduce){.lms-topbar__navigation-row .lms-topbar__step{transition:none}}.lms-frame{box-sizing:border-box;background:linear-gradient(#8a45ef 0%,#7f39ea 100%);min-height:calc(100vh - 76px);padding:34px 24px 26px;overflow-x:hidden}.lms-frame__inner{box-sizing:border-box;width:min(1440px,100vw - 170px);margin:0 auto;padding:0;position:relative}.lms-frame__card{background:#f5f5f6;border-radius:18px;width:100%;min-height:620px;overflow:visible;box-shadow:0 10px 28px #1218281f}.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:#1f2937;cursor:pointer;z-index:20;background:#f6d031;border:0;border-radius:14px;width:54px;height:60px;font-size:40px;line-height:1;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 14px #0000001f}.lms-frame__side--left{left:-78px}.lms-frame__side--right{right:-78px}.lms-frame__side:disabled{opacity:.35;cursor:default}.lms-frame__bottom{flex-direction:column;align-items:center;gap:14px;width:min(1440px,100vw - 170px);margin:18px auto 0;display:flex}.lms-frame__meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.lms-frame__status{color:#fff;font-size:14px;font-weight:600}.lms-frame__footer{align-items:center;gap:10px;display:flex}.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}}.matching-rule-item,.matching-rule-placed-item{white-space:pre-wrap}.matching-rule-item-content-image,.matching-rule-placed-item-content-image{object-fit:contain;max-width:100%;max-height:120px;margin:0 auto 8px;display:block}.matching-rule-item-content-text,.matching-rule-placed-item-content-text{white-space:pre-wrap;display:block}.matching-rule-definition{flex-direction:column;gap:8px}.matching-rule-definition-image{object-fit:contain;max-width:100%;max-height:140px;display:block}.matching-rule-definition-text{white-space:pre-wrap;display:block}.mcq-layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;width:min(1180px,100vw - 96px);display:grid}.mcq-layout.no-side{width:min(1080px,100vw - 96px);display:block}.mcq-side-card{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;position:sticky;top:22px;box-shadow:0 10px 30px #0f172a14}.mcq-side-title{color:#4c1d95;margin:0 0 14px;font-size:20px;line-height:1.3}.mcq-side-description{color:#475569;white-space:pre-wrap;margin:0 0 18px;font-size:15px;line-height:1.6}.mcq-side-code{color:#e5e7eb;white-space:pre-wrap;background:#111827;border-radius:12px;margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55;overflow:auto}.mcq-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;max-width:none;padding:32px;box-shadow:0 14px 38px #0f172a17}.mcq-question-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.mcq-attempt-badge{color:#7e22ce;background:#f3e8ff;border-radius:999px;align-items:center;min-height:28px;margin-bottom:10px;padding:5px 11px;font-size:12px;font-weight:800;display:inline-flex}.mcq-question-title{color:#111827;margin:0;font-size:clamp(26px,3vw,34px);line-height:1.2}.mcq-selection-rule{color:#64748b;text-align:center;background:#f8fafc;border-radius:10px;flex:none;padding:8px 12px;font-size:12px;font-weight:700}.mcq-question-prompt{color:#334155;white-space:pre-wrap;margin:0 0 22px;font-size:18px;line-height:1.55}.mcq-question-html{color:#334155;margin:0 0 22px;font-size:17px;line-height:1.55}.mcq-question-images{flex-wrap:wrap;align-items:flex-start;gap:16px;margin:18px 0 26px;display:flex}.mcq-question-images img{object-fit:contain;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;max-width:min(100%,340px);max-height:220px}.mcq-choice-list{gap:14px;display:grid}.mcq-choice-list--images{grid-template-columns:repeat(2,minmax(240px,1fr));gap:18px}.mcq-choice{color:#111827;text-align:left;background:#fff;border:2px solid #e2e8f0;border-radius:14px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:70px;padding:15px 18px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.mcq-choice:hover:not(:disabled){background:#faf7ff;border-color:#a78bfa;transform:translateY(-1px);box-shadow:0 8px 20px #7c3aed1a}.mcq-choice:focus-visible{outline-offset:2px;outline:4px solid #7c3aed33}.mcq-choice:disabled{cursor:default}.mcq-choice.is-selected{background:#f5f3ff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.mcq-choice.is-correct{background:#f0fdf4;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.mcq-choice.is-wrong{background:#fef2f2;border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.mcq-choice--image{grid-template-columns:28px minmax(0,1fr);align-items:flex-start;min-height:260px}.mcq-choice-control{color:#fff;background:#fff;border:2px solid #94a3b8;place-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:grid}.mcq-choice-control--radio{border-radius:50%}.mcq-choice-control--checkbox{border-radius:6px}.mcq-choice.is-selected .mcq-choice-control{background:#7c3aed;border-color:#7c3aed}.mcq-choice.is-correct .mcq-choice-control{background:#16a34a;border-color:#16a34a}.mcq-choice.is-wrong .mcq-choice-control{background:#dc2626;border-color:#dc2626}.mcq-choice-body{flex-direction:column;gap:10px;min-width:0;display:flex}.mcq-choice-image{object-fit:contain;background:#f8fafc;border-radius:10px;width:100%;max-height:190px}.mcq-choice-text{color:#1f2937;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.45}.mcq-choice-result-label{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;position:absolute;top:10px;right:10px}.mcq-choice-result-label--correct{color:#15803d;background:#dcfce7}.mcq-choice-result-label--wrong{color:#b91c1c;background:#fee2e2}.mcq-answer-summary{color:#64748b;text-align:right;margin-top:14px;font-size:13px;font-weight:700}.mcq-feedback{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;align-items:flex-start;gap:14px;margin-top:22px;padding:16px 18px;display:flex}.mcq-feedback.is-correct{color:#166534;background:#f0fdf4;border-color:#86efac}.mcq-feedback.is-incorrect{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.mcq-feedback.is-loading{color:#5b21b6;background:#f5f3ff;border-color:#c4b5fd}.mcq-feedback-icon{color:#fff;background:currentColor;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:16px;font-weight:900;display:grid}.mcq-feedback-content strong{margin-bottom:4px;font-size:16px;display:block}.mcq-feedback-content p{margin:0;font-size:14px;line-height:1.5}.mcq-actions{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.mcq-action-button{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:132px;height:42px;padding:0 18px;font-size:14px;font-weight:800;transition:transform .15s,opacity .15s,box-shadow .15s;display:inline-flex}.mcq-action-button:hover:not(:disabled){transform:translateY(-1px)}.mcq-action-button:disabled{cursor:not-allowed;opacity:.5}.mcq-action-button--secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.mcq-action-button--primary{color:#fff;background:#7c3aed;border:1px solid #7c3aed;box-shadow:0 8px 18px #7c3aed38}.mcq-button-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite mcq-spin}@keyframes mcq-spin{to{transform:rotate(360deg)}}@media (width<=900px){.mcq-layout,.mcq-layout.no-side{width:min(100%,100vw - 32px);display:block}.mcq-side-card{margin-bottom:18px;position:static}.mcq-choice-list--images{grid-template-columns:1fr}}@media (width<=640px){.mcq-card{border-radius:14px;padding:22px 16px}.mcq-question-header{flex-direction:column}.mcq-selection-rule{align-self:flex-start}.mcq-choice{grid-template-columns:24px minmax(0,1fr);gap:9px;padding:13px 12px}.mcq-choice-result-label{grid-column:2;justify-self:start;margin-top:4px;position:static}.mcq-actions{flex-wrap:wrap}.mcq-action-button{flex:140px}}.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}}.matching-rule-task{box-sizing:border-box;justify-content:center;align-items:flex-start;width:100%;min-height:680px;display:flex}.matching-rule-card{box-sizing:border-box;grid-template-columns:340px minmax(0,1fr);align-items:stretch;gap:24px;width:min(1160px,100vw - 96px);min-height:650px;display:grid}.matching-rule-toolbar{z-index:5;align-items:center;gap:10px;display:flex;position:absolute;bottom:34px;left:60px}.matching-rule-attempt{display:none}.matching-rule-icon-button{color:#050b18;cursor:pointer;background:#ffda2f;border:0;border-radius:8px;width:90px;height:62px;font-size:24px;font-weight:800}.matching-rule-icon-button:hover{filter:brightness(.97)}.matching-rule-icon-button:disabled{cursor:not-allowed;opacity:.55}.matching-rule-icon-button.is-success{color:#fff;background:#22c55e}.matching-rule-header{box-sizing:border-box;color:#050b18;background:#fff;border-radius:6px;min-height:650px;padding:26px 28px}.matching-rule-header h1{margin:0 0 28px;font-size:21px;font-weight:900;line-height:1.25}.matching-rule-header p{margin:0 0 18px;font-size:18px;line-height:1.35}.matching-rule-info{display:none}.matching-rule-workspace{box-sizing:border-box;background:#fff;border-radius:6px;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:28px;min-height:650px;padding:22px;display:grid}.matching-rule-bank{flex-direction:column;gap:20px;display:flex}.matching-rule-item{color:#050b18;text-align:center;cursor:grab;white-space:pre-wrap;background:#fff;border:0;border-radius:6px;width:100%;min-height:86px;padding:18px 16px;font-size:16px;line-height:1.25;box-shadow:0 2px 7px #1018282e}.matching-rule-item:active{cursor:grabbing}.matching-rule-item.is-selected{outline:3px solid #64e8ff}.matching-rule-empty-bank{color:#667085;text-align:center;background:#f2f4f7;border-radius:6px;justify-content:center;align-items:center;min-height:86px;padding:20px;font-size:15px;display:flex}.matching-rule-table{flex-direction:column;gap:20px;display:flex}.matching-rule-row{grid-template-columns:220px minmax(230px,1fr);align-items:stretch;gap:20px;display:grid}.matching-rule-slot{color:#475467;box-sizing:border-box;background:#d0d5dd;border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-height:86px;padding:12px;display:flex}.matching-rule-slot:hover{border-color:#64e8ff}.matching-rule-slot.is-filled{background:#fff;box-shadow:0 2px 7px #1018282e}.matching-rule-placeholder{color:#0000;font-size:1px}.matching-rule-placed-item{color:#fff;text-align:center;cursor:pointer;white-space:pre-wrap;background:#7d35df;border:0;border-radius:5px;width:100%;min-height:58px;padding:12px;font-size:15px;line-height:1.25}.matching-rule-definition{color:#fff;box-sizing:border-box;text-align:center;white-space:pre-wrap;background:#7d35df;border-radius:6px;justify-content:center;align-items:center;min-height:86px;padding:16px 18px;font-size:16px;line-height:1.25;display:flex}.matching-rule-row.is-correct .matching-rule-slot{background:#ecfdf3;border-color:#22c55e}.matching-rule-row.is-wrong .matching-rule-slot{background:#fef3f2;border-color:#ef4444}.matching-rule-feedback{border-radius:10px;grid-column:2;margin-top:-8px;padding:14px 18px;font-size:16px;font-weight:800;line-height:1.35}.matching-rule-feedback.is-success{color:#027a48;background:#ecfdf3;border:1px solid #22c55e}.matching-rule-feedback.is-error{color:#b42318;background:#fef3f2;border:1px solid #ef4444}.matching-rule-feedback-icon{color:#fff;background:currentColor;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-right:8px;font-size:12px;display:inline-flex}@media (width<=1000px){.matching-rule-card{grid-template-columns:1fr;width:min(100%,100vw - 32px)}.matching-rule-header,.matching-rule-workspace{min-height:auto}.matching-rule-workspace,.matching-rule-row{grid-template-columns:1fr}.matching-rule-toolbar{grid-column:1;margin-top:16px;position:static}}.fill-blank-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:255px 0 90px;position:relative;overflow:hidden}.fill-blank-card{box-sizing:border-box;color:#101828;background:#fff;border-radius:12px;width:min(1120px,100vw - 280px);min-height:185px;margin:0 auto;padding:34px 40px;position:relative;box-shadow:0 12px 30px #1018280f}.fill-blank-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.fill-blank-title{color:#7f3df1;align-items:center;gap:12px;font-size:18px;font-weight:800;line-height:1.2;display:flex}.fill-blank-info{color:#fff;background:#7f3df1;border-radius:999px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-family:Arial,sans-serif;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.fill-blank-attempt{color:#7d8390;flex:none;font-size:16px;font-weight:500;line-height:1.2}.fill-blank-question{color:#101828;margin:14px 0 22px;font-size:18px;font-weight:800;line-height:1.35}.fill-blank-code-line{color:#1d2939;white-space:normal;word-break:normal;max-width:920px;margin-top:4px;font-family:inherit;font-size:19px;font-weight:500;line-height:1.55;display:block}.fill-blank-text{white-space:pre-wrap;display:inline}.fill-blank-input{box-sizing:border-box;color:#101828;text-align:center;vertical-align:middle;background:#f8fafc;border:1px solid #cfd6df;border-radius:8px;outline:none;width:46px;height:26px;margin:0 8px;padding:0 7px;font-size:17px;font-weight:600;line-height:24px;display:inline-block}.fill-blank-input:focus{background:#fff;border-color:#7f3df1;box-shadow:0 0 0 2px #7f3df12e}.fill-blank-status{margin-top:18px;font-size:16px;font-weight:800;line-height:1.3}.fill-blank-status-correct{color:#16a34a}.fill-blank-status-wrong{color:#dc2626}.fill-blank-actions{justify-content:center;align-items:center;gap:18px;margin-top:28px;display:flex}.fill-blank-reset,.fill-blank-check{cursor:pointer;border:0;border-radius:12px;min-width:140px;height:48px;padding:0 28px;font-size:17px;font-weight:800;line-height:1}.fill-blank-reset{color:#101828;background:#fff;box-shadow:inset 0 0 0 1px #e4e7ec}.fill-blank-check{color:#101828;background:#ffd42a}.fill-blank-reset:hover,.fill-blank-check:hover{filter:brightness(.98)}.fill-blank-side{z-index:20;color:#fff;cursor:pointer;background:#fff3;border:0;border-radius:10px;width:38px;height:46px;font-size:40px;line-height:1;position:fixed;top:56%}.fill-blank-side-left{left:20px}.fill-blank-side-right{right:20px}@media (width<=900px){.fill-blank-stage{padding-top:210px}.fill-blank-card{width:calc(100vw - 48px);padding:28px 26px 30px}.fill-blank-header{align-items:flex-start}.fill-blank-code-line{font-size:17px}.fill-blank-input{width:42px;height:25px;margin:0 5px}}.fill-blank-stage-with-sample{padding-top:90px;padding-bottom:90px;overflow-y:auto}.fill-blank-card-with-sample{width:min(1000px,100vw - 360px);min-height:720px;padding:34px 44px 38px}.fill-blank-sample-title{color:#344054;margin:0 0 14px;font-size:24px;font-weight:800;line-height:1.25}.fill-blank-sample-text{color:#344054;margin:0;font-size:11px;font-weight:700;line-height:1.5}.fill-blank-sample-text a{color:#98a2b3;text-decoration:underline}.fill-blank-sample-image{object-fit:contain;width:150px;height:150px;margin:58px auto 0;display:block}.fill-blank-missing{color:#9a3412;background:#fff7ed;border-radius:10px;margin-top:18px;padding:14px 16px;font-size:15px;font-weight:700;line-height:1.4}.fill-blank-preview-image{border-radius:6px;width:560px;max-width:100%;height:auto;margin:28px 0 36px;display:block}.fill-blank-sample{margin:28px 0 36px}.fill-blank-layout{width:min(1120px,100vw - 96px)}.fill-blank-layout-with-side{grid-template-columns:340px minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.fill-blank-left-card{color:#050b18;background:#fff;border-radius:6px;min-height:640px;padding:22px 20px}.fill-blank-left-title{margin:0 0 22px;font-size:17px;font-weight:900;line-height:1.25}.fill-blank-left-description{white-space:pre-wrap;margin:0 0 18px;font-size:15px;line-height:1.35}.fill-blank-left-code{color:#050b18;white-space:pre-wrap;background:0 0;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55}.fill-blank-card{min-height:640px}.fill-blank-question{white-space:pre-wrap}.fill-blank-code-line{white-space:pre-wrap;line-height:2.2}@media (width<=900px){.fill-blank-layout{width:min(100%,100vw - 32px)}.fill-blank-layout-with-side{grid-template-columns:1fr}.fill-blank-left-card{min-height:auto}}.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}}: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}.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:min(1080px,100%);max-height:calc(100vh - var(--top-nav-height) - var(--debug-bar-height) - 135px);background:#fff;border-radius:4px;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)}.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}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cardHover{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.02)}to{transform:translateY(0)scale(1)}}.kids-screen{background:linear-gradient(135deg,#f5f0ff 0%,#faf8ff 50%,#f0f5ff 100%);min-height:100vh;padding:0;overflow-x:hidden}.kids-profile-header{color:#fff;background:linear-gradient(135deg,#7030be 0%,#8943ef 50%,#9957f7 100%);margin:0;padding:24px 28px;box-shadow:0 8px 32px #8943ef4d}.kids-profile-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.kids-profile-avatar-section{align-items:center;gap:14px;display:flex}.kids-profile-avatar{background:#ffffff40;border:2px solid #fff6;border-radius:50%;place-items:center;width:56px;height:56px;font-size:32px;animation:3s ease-in-out infinite bounce;display:grid}.kids-profile-label{opacity:.85;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:12px;font-weight:700}.kids-profile-name{word-break:break-word;margin:4px 0 0;font-size:20px;font-weight:800}.kids-profile-stats{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kids-stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;display:flex}.kids-stat-number{font-size:20px;font-weight:900;line-height:1}.kids-stat-label{opacity:.9;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.kids-stat-divider{background:#ffffff40;width:1px;height:32px}.kids-hero-section{text-align:center;max-width:1200px;margin:0 auto;padding:40px 28px;animation:.6s ease-out slideInUp}.kids-hero-title{background:linear-gradient(135deg,#7030be,#8943ef,#9957f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(32px,6vw,48px);font-weight:900;line-height:1.2}.kids-hero-subtitle{color:#8943ef;margin:0;font-size:18px;font-weight:600;line-height:1.4}.kids-courses-section{max-width:1200px;margin:0 auto;padding:0 28px 48px}.kids-courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:0;display:grid}.kids-course-card{text-align:center;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border:2px solid #8943ef33;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;padding:32px 24px;transition:all .3s;animation:.6s ease-out both slideInUp;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #8943ef26}.kids-course-card:hover{border-color:#8943ef66;transform:translateY(-12px);box-shadow:0 20px 50px #8943ef40}.kids-course-card:active{animation:.4s cardHover}.kids-card-badge{background:linear-gradient(135deg,#7030be,#8943ef);border-radius:12px;place-items:center;width:48px;height:48px;animation:2s ease-in-out infinite pulse;display:grid;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #8943ef4d}.kids-card-number{color:#fff;font-size:20px;font-weight:900}.kids-card-icon{font-size:48px;line-height:1;animation:2s ease-in-out infinite bounce}.kids-card-title{color:#8943ef;word-break:break-word;margin:0;font-size:22px;font-weight:900}.kids-card-description{color:#9957f7;margin:0;font-size:14px;font-weight:600;line-height:1.4}.kids-card-footer{color:#fff;background:linear-gradient(135deg,#7030be,#8943ef);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:12px 20px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.kids-course-card:hover .kids-card-footer{transform:translate(4px);box-shadow:0 4px 12px #a855f74d}.kids-card-arrow{font-size:16px;transition:transform .3s;display:inline-block}.kids-course-card:hover .kids-card-arrow{transform:translate(4px)}.kids-card-shine{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}.kids-progress-section{background:#fff;border-radius:24px;max-width:1200px;margin:0 auto 40px;padding:40px 28px;animation:.6s ease-out slideInUp;box-shadow:0 8px 24px #a855f71a}.kids-progress-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.kids-progress-title{color:#8943ef;margin:8px 0 0;font-size:32px;font-weight:900;line-height:1.2}.kids-progress-badge{background:linear-gradient(135deg,#7030be,#8943ef);border-radius:16px;flex-direction:column;align-items:center;gap:6px;min-width:100px;padding:16px 20px;display:flex;box-shadow:0 6px 20px #8943ef4d}.kids-progress-percent{color:#fff;font-size:32px;font-weight:900;line-height:1}.kids-progress-label-small{color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.kids-progress-bar{background:#e9d5ff;border-radius:12px;width:100%;height:16px;margin-bottom:28px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.kids-progress-fill{background:linear-gradient(90deg,#7030be,#8943ef);border-radius:12px;height:100%;transition:width .6s;box-shadow:0 0 12px #8943ef66}.kids-progress-stats{flex-wrap:wrap;justify-content:flex-start;gap:24px;display:flex}.kids-progress-stat{color:#8943ef;background:#faf8ff;border-radius:12px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.kids-stat-icon{font-size:20px}.kids-lessons-section{max-width:1200px;margin:0 auto;padding:0 28px 48px}.kids-lessons-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:0;display:grid}.kids-lesson-card{text-align:center;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border:2px solid #8943ef33;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;min-height:280px;padding:28px 20px;transition:all .3s;animation:.6s ease-out both slideInUp;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #8943ef26}.kids-lesson-card:hover{border-color:#8943ef66;transform:translateY(-10px);box-shadow:0 20px 50px #8943ef40}.kids-lesson-header{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;display:flex;position:relative}.kids-lesson-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:linear-gradient(135deg,#8943ef,#a06aff);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:800}.kids-lesson-emoji{font-size:32px;line-height:1;animation:2s ease-in-out infinite bounce}.kids-lesson-title{color:#8943ef;word-break:break-word;margin:0;font-size:20px;font-weight:900;line-height:1.3}.kids-lesson-meta{color:#9957f7;margin:0;font-size:13px;font-weight:600;line-height:1.4}.kids-lesson-difficulty{justify-content:center;gap:6px;margin:8px 0;display:flex}.kids-difficulty-dot{opacity:.6;background:linear-gradient(135deg,#8943ef,#9957f7);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}.kids-difficulty-dot:nth-child(2){animation-delay:.2s}.kids-difficulty-dot:nth-child(3){animation-delay:.4s}.kids-lesson-footer{color:#fff;background:linear-gradient(135deg,#8943ef,#9957f7);border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:auto;padding:10px 16px;font-size:13px;font-weight:700;transition:all .3s;display:flex}.kids-lesson-card:hover .kids-lesson-footer{transform:translate(3px);box-shadow:0 4px 12px #8943ef4d}.kids-lesson-arrow{font-size:14px;transition:transform .3s;display:inline-block}.kids-lesson-card:hover .kids-lesson-arrow{transform:translate(4px)}.kids-page-nav-row{z-index:201;flex-wrap:wrap;gap:10px;padding:16px 28px;display:flex;position:fixed;top:0;left:0}.kids-page-nav-row .kids-back-button{position:relative;top:auto;left:auto}.kids-page-group-section{max-width:1100px;margin:0 auto;padding:0 28px 48px}.kids-page-circle-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));justify-items:center;gap:20px;display:grid}.kids-page-circle{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7030be,#8943ef);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:102px;height:102px;padding:12px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 12px 28px #8943ef40}.kids-page-circle:hover{transform:translateY(-6px)scale(1.03);box-shadow:0 16px 34px #8943ef59}.kids-page-circle-number{font-size:22px;font-weight:900;line-height:1}.kids-page-circle-label{text-transform:uppercase;letter-spacing:.04em;text-align:center;opacity:.95;font-size:11px;font-weight:700}.kids-empty-state{text-align:center;max-width:1200px;margin:0 auto;padding:60px 28px;animation:.6s ease-out slideInUp}.kids-empty-icon{margin-bottom:20px;font-size:80px;line-height:1;animation:2s ease-in-out infinite bounce}.kids-empty-state h2{color:#8943ef;margin:0 0 10px;font-size:28px;font-weight:900}.kids-empty-state p{color:#9957f7;margin:0;font-size:16px;font-weight:600}.kids-back-button{z-index:200;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7030be,#8943ef);border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .3s;display:flex;position:fixed;top:16px;left:16px;box-shadow:0 6px 20px #8943ef4d}.kids-back-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8943ef66}.kids-back-button:active{transform:translateY(0)}.kids-loading-spinner{border:4px solid #8943ef33;border-top-color:#8943ef;border-radius:50%;width:60px;height:60px;margin:0 auto 20px;animation:1s linear infinite spin}.kids-progress-label{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0;font-size:12px;font-weight:700}@media (width<=768px){.kids-screen{padding:0}.kids-profile-header{padding:16px}.kids-profile-content{flex-direction:column;gap:16px}.kids-profile-avatar-section{width:100%}.kids-profile-stats{justify-content:center;width:100%}.kids-hero-section{padding:28px 16px}.kids-courses-section,.kids-lessons-section{padding:0 16px 32px}.kids-courses-grid,.kids-lessons-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.kids-course-card,.kids-lesson-card{min-height:240px;padding:20px 16px}.kids-card-icon{font-size:36px}.kids-card-title{font-size:18px}.kids-lesson-emoji{font-size:28px}.kids-lesson-title{font-size:16px}.kids-progress-section{margin:0 16px 32px}.kids-progress-header{flex-direction:column}.kids-back-button{padding:8px 12px;font-size:12px;top:12px;left:12px}}@media (width<=480px){.kids-courses-grid,.kids-lessons-grid{grid-template-columns:1fr}.kids-hero-title{font-size:24px}.kids-hero-subtitle{font-size:14px}.kids-card-icon{font-size:32px}.kids-lesson-emoji{font-size:24px}}.h5p-section{border-top:3px dashed var(--border);margin-top:32px;padding-top:32px}.h5p-loading{text-align:center;color:var(--muted);padding:40px 20px;font-size:15px}.h5p-loading .kids-loading-spinner{margin:0 auto 16px}.h5p-error{text-align:center;color:#dc2626;background:#fef2f2;border-radius:16px;margin:0 28px 20px;padding:24px 20px;font-size:14px;font-weight:600}.h5p-modules-container{flex-direction:column;gap:20px;padding:0 28px 40px;display:flex}.h5p-module-group{border:2px solid var(--border);background:linear-gradient(135deg,#8943ef0a 0%,#ffd6330a 100%);border-radius:20px;transition:border-color .3s;overflow:hidden}.h5p-module-group:hover{border-color:#8943ef4d}.h5p-module-header{cursor:pointer;background:linear-gradient(135deg,#5d2aad14 0%,#8943ef0d 100%);border:none;justify-content:space-between;align-items:center;width:100%;padding:18px 24px;transition:background .3s;display:flex}.h5p-module-header:hover{background:linear-gradient(135deg,#5d2aad24 0%,#8943ef14 100%)}.h5p-module-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.h5p-module-icon{font-size:24px}.h5p-module-title{color:var(--purple-dark);letter-spacing:.3px;margin:0;font-size:17px;font-weight:800}.h5p-module-count{color:var(--muted);background:#8943ef1a;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.h5p-module-chevron{color:var(--purple);font-size:14px;transition:transform .3s;transform:rotate(-90deg)}.h5p-module-chevron.expanded{transform:rotate(0)}.h5p-activities-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:16px 20px 20px;animation:.35s ease-out h5p-grid-in;display:grid}@keyframes h5p-grid-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.h5p-activity-card{text-align:left;cursor:pointer;background:#fff;border:2px solid #ede5f7;border-radius:16px;flex-direction:column;padding:18px 16px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out backwards kids-card-pop;display:flex;position:relative;overflow:hidden}.h5p-activity-card:hover{border-color:var(--purple);transform:translateY(-4px)scale(1.02);box-shadow:0 8px 24px #8943ef26,0 2px 8px #0000000f}.h5p-activity-card:active{transform:translateY(-1px)scale(.98)}.h5p-activity-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.h5p-activity-emoji{font-size:28px}.h5p-activity-type-badge{text-transform:uppercase;letter-spacing:.8px;color:var(--purple);background:#8943ef1a;border-radius:8px;padding:3px 8px;font-size:10px;font-weight:800}.h5p-activity-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.h5p-required-badge{color:#e65100;background:#fff3e0;border-radius:6px;width:fit-content;margin-bottom:10px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.h5p-activity-footer{color:var(--purple);border-top:1px solid #f3eef9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;font-size:13px;font-weight:700;display:flex}.h5p-player-nav{z-index:300;background:linear-gradient(130deg,#5d2aad 0%,#7030be 30%,#8943ef 60%,#9957f7 100%);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.h5p-player-nav .kids-back-button{color:#fff;background:#ffffff26;border-color:#ffffff4d}.h5p-player-nav .kids-back-button:hover{background:#ffffff40}.h5p-player-title-bar{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.h5p-player-icon{font-size:22px}.h5p-player-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:800;overflow:hidden}.h5p-submitted-badge{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:700;animation:.4s ease-out h5p-badge-pop}@keyframes h5p-badge-pop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.h5p-player-iframe{background:#fff;border:none;width:100%;height:calc(100vh - 60px)}@media (width<=640px){.h5p-activities-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:12px 14px 16px}.h5p-module-header{padding:14px 16px}.h5p-module-title{font-size:15px}.h5p-modules-container{padding:0 16px 30px}.h5p-player-nav{padding:10px 16px}.h5p-player-title{font-size:14px}}@media (width<=480px){.h5p-activities-grid{grid-template-columns:1fr}}.kids-page-catalog-screen{min-height:100vh;padding-top:104px;padding-bottom:64px}.kids-page-status-section{margin-top:56px}.kids-page-nav-row{z-index:201;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f6fff0;border-bottom:1px solid #8943ef26;flex-wrap:wrap;align-items:center;gap:12px;min-height:72px;padding:14px 24px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 24px #5d2aad14}.kids-page-nav-row .kids-back-button{flex:none;position:static;top:auto;left:auto}.kids-module-progress-section{margin-top:0;margin-bottom:28px}.kids-module-page-hero{padding-top:20px;padding-bottom:28px}.kids-module-page-hero .kids-hero-title{font-size:clamp(28px,5vw,42px)}.kids-module-lessons-section{flex-direction:column;gap:24px;width:min(1200px,100% - 56px);margin:0 auto;display:flex}.kids-module-lesson-group{background:radial-gradient(circle at 100% 0,#9957f71f,#0000 34%),linear-gradient(135deg,#fff 0%,#fbf9ff 100%);border:2px solid #8943ef29;border-radius:24px;padding:24px 26px 28px;animation:.55s ease-out both slideInUp;position:relative;overflow:hidden;box-shadow:0 12px 36px #5d2aad1a}.kids-module-lesson-group:after{content:"";background:linear-gradient(#7030be 0%,#9957f7 100%);width:7px;height:100%;position:absolute;top:0;left:0}.kids-module-lesson-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding-left:4px;display:flex}.kids-module-lesson-heading{align-items:center;gap:14px;min-width:0;display:flex}.kids-module-lesson-badge{color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#7030be 0%,#8943ef 100%);border-radius:12px;flex:none;place-items:center;min-width:52px;height:40px;padding:0 12px;font-size:14px;font-weight:900;display:grid;box-shadow:0 6px 16px #8943ef3d}.kids-module-lesson-title{color:#7030be;margin:0;font-size:25px;font-weight:900;line-height:1.15}.kids-module-lesson-meta{color:#8b5cf6;margin:5px 0 0;font-size:13px;font-weight:700}.kids-module-lesson-icon{flex:none;font-size:34px;line-height:1;animation:2.4s ease-in-out infinite bounce}.kids-page-circle-list{flex-wrap:wrap;align-items:flex-start;gap:26px;padding:4px 6px 2px 10px;display:flex}.kids-page-circle-item{text-align:center;flex-direction:column;align-items:center;gap:7px;width:126px;display:flex}.kids-page-circle{color:#fff;background:linear-gradient(145deg,#7030be 0%,#8943ef 52%,#a66cff 100%);border:4px solid #fff;border-radius:50%;flex:0 0 104px;place-items:center;width:104px;height:104px;padding:0;transition:transform .18s,box-shadow .18s,filter .18s;display:grid;position:relative;box-shadow:0 12px 26px #5d2aad3d,0 0 0 2px #8943ef26}.kids-page-circle:hover:not(:disabled){filter:saturate(1.08);transform:translateY(-7px)scale(1.045);box-shadow:0 18px 34px #5d2aad52,0 0 0 3px #8943ef33}.kids-page-circle:focus-visible{outline-offset:4px;outline:4px solid #ffd633cc}.kids-page-circle:active:not(:disabled){transform:translateY(-2px)scale(.98)}.kids-page-circle-number{letter-spacing:.02em;font-family:"Baloo 2",Nunito,Arial,sans-serif;font-size:25px;font-weight:900;line-height:1}.kids-page-circle-state{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff30;border:2px solid #ffffffdb;border-radius:50%;place-items:center;width:27px;height:27px;font-size:13px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:5px;right:6px}.kids-page-circle.is-completed{background:linear-gradient(145deg,#16a34a 0%,#22c55e 55%,#4ade80 100%);box-shadow:0 12px 26px #16a34a3d,0 0 0 2px #22c55e26}.kids-page-circle.is-completed .kids-page-circle-state{background:#ffffff3d}.kids-page-circle.is-locked,.kids-page-circle:disabled{cursor:not-allowed;filter:grayscale(.15);opacity:.72;background:linear-gradient(145deg,#94a3b8 0%,#64748b 100%);box-shadow:0 8px 18px #47556933,0 0 0 2px #64748b1f}.kids-page-circle-id{color:#7030be;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:13px;font-weight:900;line-height:1.2;overflow:hidden}.kids-page-circle-task-count{color:#9957f7;font-size:11px;font-weight:700;line-height:1.2}.kids-page-group-section,.kids-page-circle-grid{max-width:none}@media (width<=768px){.kids-page-catalog-screen{padding-top:122px}.kids-page-nav-row{min-height:94px;padding:12px 16px}.kids-page-nav-row .kids-back-button{flex:180px;justify-content:center}.kids-module-progress-section{margin-left:16px;margin-right:16px}.kids-module-lessons-section{gap:18px;width:calc(100% - 32px)}.kids-module-lesson-group{border-radius:20px;padding:20px 16px 24px}.kids-module-lesson-title{font-size:21px}.kids-module-lesson-icon{display:none}.kids-page-circle-list{justify-content:center;gap:20px 14px;padding-left:0;padding-right:0}.kids-page-circle-item{width:112px}.kids-page-circle{flex-basis:94px;width:94px;height:94px}}@media (width<=480px){.kids-page-catalog-screen{padding-top:144px}.kids-page-nav-row{align-items:stretch}.kids-page-nav-row .kids-back-button{flex-basis:100%;width:100%}.kids-module-page-hero{padding-left:18px;padding-right:18px}.kids-module-lesson-header,.kids-module-lesson-heading{align-items:flex-start}.kids-module-lesson-heading{gap:10px}.kids-module-lesson-badge{min-width:46px;height:36px;padding:0 9px;font-size:12px}.kids-module-lesson-title{font-size:19px}.kids-page-circle-list{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;display:grid}.kids-page-circle-item{width:100%;min-width:0}.kids-page-circle-id{max-width:120px}}.page-catalog-screen{background:radial-gradient(circle at 0 0,#8943ef1a,#0000 30%),linear-gradient(135deg,#f7f3ff 0%,#fbfaff 55%,#f4f7ff 100%);min-height:100vh;padding:104px 24px 64px}.page-catalog-status{padding-top:130px}.page-catalog-heading{text-align:center;width:min(1180px,100%);margin:0 auto 28px}.page-catalog-heading h1{color:#7c3aed;margin:0;font-size:clamp(30px,4vw,44px);line-height:1.1}.page-catalog-heading p{color:#8b5cf6;margin:10px 0 0;font-size:16px;font-weight:700}.lesson-page-groups{flex-direction:column;gap:18px;width:min(1180px,100%);margin:0 auto;display:flex}.lesson-page-group{background:#fff;border:1px solid #8943ef29;border-radius:22px;padding:22px 26px 26px;animation:.5s ease-out both slideInUp;box-shadow:0 12px 32px #5d2aad14}.lesson-page-group-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.lesson-page-group-number{color:#fff;background:linear-gradient(135deg,#7030be,#9551f1);border-radius:12px;flex:0 0 50px;place-items:center;width:50px;height:42px;font-size:13px;font-weight:900;display:grid;box-shadow:0 6px 14px #7c3aed38}.lesson-page-group-header h2{color:#5d2aad;margin:0;font-size:23px;line-height:1.15}.lesson-page-group-header p{color:#8b5cf6;margin:5px 0 0;font-size:13px;font-weight:700}.lesson-page-button-list{flex-wrap:wrap;align-items:flex-start;gap:26px;display:flex}.lesson-page-button-item{flex-direction:column;align-items:center;gap:9px;width:102px;display:flex}.lesson-page-button{color:#6d28d9;background:radial-gradient(circle at 35% 28%,#fff 0% 48%,#f2ebff 100%);border:3px solid #bfa1fa;border-radius:50%;place-content:center;gap:3px;width:82px;height:82px;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative;box-shadow:0 8px 18px #5d2aad21,inset 0 0 0 5px #fff}.lesson-page-button:hover:not(:disabled){background:radial-gradient(circle at 35% 28%,#fff 0%,#faf7ff 48%,#e9ddff 100%);border-color:#7c3aed;transform:translateY(-5px);box-shadow:0 14px 25px #5d2aad33,inset 0 0 0 5px #fff}.lesson-page-button:active:not(:disabled){transform:translateY(-1px)scale(.97)}.lesson-page-button:focus-visible{outline-offset:4px;outline:4px solid #ffd633b8}.lesson-page-button-label{color:#a17adf;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:900;line-height:1}.lesson-page-button strong{color:#6d28d9;font-family:"Baloo 2",Nunito,Arial,sans-serif;font-size:25px;font-weight:900;line-height:1}.lesson-page-task-count{color:#8b5cf6;text-align:center;font-size:11px;font-weight:800}.lesson-page-button.is-completed{background:radial-gradient(circle at 35% 28%,#fff 0%,#f2fff6 50%,#dcfce7 100%);border-color:#22c55e}.lesson-page-button.is-completed strong{color:#15803d}.lesson-page-completed-icon,.lesson-page-locked-icon{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;font-weight:900;display:grid;position:absolute;bottom:1px;right:-3px}.lesson-page-completed-icon{background:#22c55e}.lesson-page-locked-icon{background:#64748b;font-size:11px}.lesson-page-button.is-locked,.lesson-page-button:disabled{cursor:not-allowed;opacity:.72;background:#f1f5f9;border-color:#cbd5e1}.lesson-page-button.is-locked strong{color:#64748b}@media (width<=760px){.page-catalog-screen{padding:124px 16px 44px}.lesson-page-group{padding:20px 16px 24px}.lesson-page-button-list{justify-content:center;gap:22px 12px}}@media (width<=480px){.lesson-page-button-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lesson-page-button-item{width:100%}}.activity-screen>button,.activity-screen>button:disabled,.activity-screen>.side-arrow,.activity-screen>button.side-arrow,.activity-screen>[class*=side-arrow],.activity-screen>[class*=sideArrow],.activity-screen>[class*=navigation-arrow],.activity-screen>[class*=navigationArrow],.activity-screen>[class*=activity-arrow],.activity-screen>[class*=activityArrow]{width:0!important;min-width:0!important;height:0!important;min-height:0!important;box-shadow:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}.activity-screen>button:before,.activity-screen>button:after,.activity-screen>.side-arrow:before,.activity-screen>.side-arrow:after{content:none!important;box-shadow:none!important;background:0 0!important;display:none!important}.celebration-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#0f172a66;place-items:center;width:100vw;height:100vh;display:grid;position:fixed;top:0;left:0;overflow:hidden}.celebration-card{z-index:100000;background:#fff;border-radius:28px;width:90%;max-width:960px;height:480px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0003}.celebration-character-section{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.celebration-character-img{object-fit:cover;object-position:left center;pointer-events:none;width:100%;height:100%}.celebration-content-section{text-align:left;z-index:2;background:0 0;flex-direction:column;justify-content:center;align-items:flex-start;width:50%;height:100%;margin-left:auto;padding:40px 48px;display:flex;position:relative}.celebration-success-badge{color:#fff;background-color:#10b981;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex;box-shadow:0 10px 15px -3px #10b9814d}.badge-checkmark{font-size:28px;font-weight:800}.celebration-title{color:#1e1b4b;margin:0 0 6px;font-family:"Baloo 2",Nunito,sans-serif;font-size:32px;font-weight:800;line-height:1.2}.celebration-subtitle{color:#64748b;margin:0 0 24px;font-size:18px;font-weight:500}.highlight-lesson{color:#8943ef;font-weight:700}.celebration-stats-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-bottom:24px;display:grid}.celebration-stat-box{text-align:center;background:#fdfcff;border:1.5px solid #f2eefa;border-radius:16px;flex-direction:column;align-items:center;padding:14px 16px;display:flex}.stat-box-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700}.stat-box-value{font-size:24px;font-weight:800;line-height:1.2}.value-green{color:#10b981}.value-purple{color:#8943ef}.stat-box-badge{color:#d97706;text-transform:capitalize;background:#fef3c7;border-radius:99px;margin-top:6px;padding:2px 10px;font-size:11px;font-weight:700}.celebration-footer-pill{background:#fffbeb;border:1.5px solid #fef3c7;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:26px;padding:12px 16px;display:flex}.footer-pill-icon{font-size:20px}.footer-pill-text{color:#78350f;margin:0;font-size:13px;line-height:1.4}.celebration-action-btn{color:#fff;text-align:center;background:#8943ef;border:0;border-radius:14px;width:100%;padding:14px 28px;font-size:16px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #8943ef33}.celebration-action-btn:hover{background:#7030be;transform:translateY(-1px);box-shadow:0 10px 15px -3px #8943ef4d}.celebration-close-btn{color:#94a3b8;cursor:pointer;z-index:100010;background:0 0;border:0;font-size:36px;font-weight:300;line-height:.5;transition:color .2s;position:absolute;top:24px;right:24px}.celebration-close-btn:hover{color:#475569}@keyframes zoomInCelebration{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-celebration{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards zoomInCelebration}.confetti-container{pointer-events:none;z-index:100005;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.confetti-piece{opacity:0;animation:3.2s linear infinite confettiFall;position:absolute;top:-20px}@keyframes confettiFall{0%{opacity:1;top:-20px;transform:translate(0)rotate(0)}50%{opacity:1}to{opacity:0;top:105%;transform:translate(100px)rotate(360deg)}}@media (width<=860px){.celebration-card{border-radius:24px;flex-direction:column;width:92%;height:auto;max-height:92vh}.celebration-character-section{width:100%;height:180px}.celebration-content-section{width:100%;padding:28px}.celebration-title{font-size:26px}.celebration-subtitle{margin-bottom:18px;font-size:16px}.celebration-stats-grid{margin-bottom:18px}}