.chapter-title{display:flex!important;align-items:center;justify-content:space-between;gap:16px}.chapter-title>div{min-width:0}.chapter-title h3{overflow-wrap:anywhere}.chapter-title>strong{flex:none;font-size:16px;color:var(--text)}.chapter-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px dashed var(--border);padding-top:10px;margin-top:10px}.chapter-footer .checkpoint{border:0;margin:0;padding:0}.chapter-footer button{border:1px solid #2563eb;background:#1d4ed822;color:#93c5fd;border-radius:8px;padding:6px 10px;cursor:pointer}.chapter-footer button.confirmed{border-color:#16a34a;background:#14532d;color:#bbf7d0}.medal-center{padding:22px}.medal-creator{display:grid;grid-template-columns:1.1fr 70px 2fr 52px auto;grid-gap:9px;gap:9px;margin:18px 0}.medal-creator input[type=color]{height:48px;padding:5px}.medal-icon-input{text-align:center;font-size:20px}.medal-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.medal-grid article{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-left:4px solid var(--medal-color);background:var(--soft);padding:12px;border-radius:11px}.medal-grid article.earned{box-shadow:inset 0 0 25px color-mix(in srgb,var(--medal-color) 15%,transparent)}.medal-grid article>span{font-size:28px}.medal-grid article>div{flex:1 1}.medal-grid small{display:block;color:var(--muted)}.medal-grid button{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:7px;padding:7px 9px;cursor:pointer}.medal-grid button:disabled{color:#86efac;cursor:default}.danger-zone{display:flex;align-items:center;justify-content:space-between;border:1px solid #7f1d1d;background:#450a0a22;padding:17px 20px;border-radius:13px}.danger-zone p{margin:2px 0;color:var(--muted)}.danger-zone button{background:#991b1b;color:#fee2e2;border:1px solid #dc2626;padding:9px 13px;border-radius:8px;cursor:pointer}.student-journey{margin:20px 0;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px}.student-path{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px;margin-top:15px;max-height:360px;overflow:auto}.student-path article{display:flex;align-items:center;gap:10px;background:var(--soft);border:1px solid var(--border);padding:11px;border-radius:10px}.student-path article.current{border-color:#7c3aed;background:#7c3aed15}.student-path article.completed{border-color:#15803d;background:#14532d24}.student-path article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--panel)}.student-path article>div{min-width:0;flex:1 1}.student-path b,.student-path em,.student-path small{display:block}.student-path em,.student-path small{color:var(--muted);font-size:11px}.student-path b{overflow-wrap:anywhere}.student-path em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-path article>strong{font-size:12px}.student-medals{margin-top:22px;border-top:1px solid var(--border);padding-top:18px}.student-medals h2,.student-medals p{margin:0}.student-medals p{color:var(--muted)}.student-medals>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:14px}.student-medals article{text-align:center;border:1px solid var(--medal-color);background:var(--soft);padding:14px;border-radius:12px}.student-medals article b,.student-medals article small,.student-medals article span{display:block}.student-medals article span{font-size:32px}.student-medals article small{color:var(--muted)}@media(max-width:900px){.medal-creator{grid-template-columns:1fr 70px}.medal-creator input:nth-child(3){grid-column:1/-1}.medal-grid,.student-path{grid-template-columns:1fr}.student-medals>div:last-child{grid-template-columns:1fr 1fr}}@media(max-width:600px){.chapter-footer,.danger-zone{align-items:flex-start;flex-direction:column}.medal-creator{grid-template-columns:1fr}.medal-creator input:nth-child(3){grid-column:auto}.student-medals>div:last-child{grid-template-columns:1fr}}.home-streak{display:grid;grid-template-columns:44px 1fr;align-items:center;border:1px solid #f97316;background:#7c2d1222;padding:12px 18px;border-radius:16px}.home-streak>span{grid-row:1/3;font-size:30px}.home-streak b{font-size:25px;line-height:1}.home-streak small{color:var(--muted)}.game-page{background:radial-gradient(circle at 15% 12%,#1d4ed822,transparent 28%),radial-gradient(circle at 85% 35%,#7c3aed22,transparent 25%)}.game-container{max-width:960px}.achievement-hero,.game-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#172554,#312e81);border:1px solid #3b82f6;border-radius:24px;padding:28px 32px;box-shadow:0 18px 50px #0005}.achievement-hero h1,.game-hero h1{font-size:34px;margin:3px 0}.achievement-hero p,.game-hero p{color:#cbd5e1;margin:0}.map-score{text-align:center;background:#0f172acc;border:1px solid #60a5fa;padding:13px 20px;border-radius:18px}.map-score b,.map-score small,.map-score span{display:block}.map-score span{font-size:27px}.map-score b{font-size:23px}.map-score small{color:#bfdbfe}.world-map{position:relative;width:min(760px,100%);margin:35px auto;padding:15px 0 40px}.world-stage{position:relative;display:grid;grid-template-columns:145px 1fr;align-items:center;min-height:205px}.world-stage.side-1,.world-stage.side-2{grid-template-columns:1fr 145px}.world-stage.side-1 .world-node,.world-stage.side-2 .world-node{grid-column:2}.world-stage.side-1 article,.world-stage.side-2 article{grid-column:1;grid-row:1;text-align:right}.world-stage.side-0,.world-stage.side-3{transform:translateX(75px)}.world-stage.side-1,.world-stage.side-2{transform:translateX(-75px)}.trail{position:absolute;left:70px;top:135px;width:115px;height:95px;border-left:8px dotted #334155;border-bottom:8px dotted #334155;border-radius:0 0 0 70px;transform:rotate(-12deg);z-index:0}.side-1 .trail,.side-2 .trail{left:auto;right:70px;border-left:0;border-right:8px dotted #334155;border-radius:0 0 70px 0;transform:rotate(12deg)}.world-stage:last-child .trail{display:none}.world-node{z-index:1;width:104px;height:91px;border:0;border-radius:50%;background:#374151;color:#fff;font-size:34px;box-shadow:0 10px 0 #1f2937,0 14px 22px #0006;justify-self:center;cursor:default;animation:float-node 3s ease-in-out infinite}.world-stage.current .world-node{background:linear-gradient(#8b5cf6,#6d28d9);box-shadow:0 10px 0 #4c1d95,0 0 0 9px #8b5cf633,0 18px 30px #6d28d988;animation:bounce-current 2s ease-in-out infinite}.world-stage.completed .world-node{background:linear-gradient(#4ade80,#16a34a);box-shadow:0 10px 0 #166534,0 14px 22px #0005}.world-stage article{position:relative;background:var(--panel);border:1px solid var(--border);padding:17px 20px;border-radius:18px;box-shadow:0 8px 25px #0003}.world-stage.current article{border-color:#8b5cf6;background:linear-gradient(135deg,#2e106533,var(--panel))}.world-stage.completed article{border-color:#15803d}.world-stage article small{color:var(--muted);letter-spacing:.09em}.world-stage h2{margin:0;font-size:21px}.world-stage article>b{font-size:12px;color:var(--muted)}.world-stage article p{font-size:13px;margin:8px 0;color:#c4b5fd}.world-progress{height:8px;background:#0f1117;border-radius:9px;margin:9px 0;overflow:hidden}.world-progress i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#60a5fa);border-radius:9px}.world-checkpoint{border-top:1px dashed var(--border);padding-top:8px;margin-top:9px;color:#fbbf24;font-size:12px}.achievement-page{background:radial-gradient(circle at 80% 10%,#f59e0b18,transparent 24%)}.achievement-hero{background:linear-gradient(135deg,#422006,#78350f);border-color:#f59e0b}.level-crown{position:relative;display:grid;place-items:center;width:115px;height:115px;border-radius:50%;background:#0f1117;border:5px solid #fbbf24;box-shadow:0 0 0 8px #f59e0b33,0 0 35px #f59e0b66}.level-crown span{position:absolute;top:-28px;font-size:34px}.level-crown b{font-size:40px;line-height:1;color:#fde68a}.level-crown small{color:#fbbf24}.achievement-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin:20px 0}.achievement-stats>div{display:grid;grid-template-columns:45px 1fr;background:var(--panel);border:1px solid var(--border);padding:17px;border-radius:15px}.achievement-stats span{grid-row:1/3;font-size:27px}.achievement-stats small{color:var(--muted)}.achievement-stats b{font-size:22px}.level-journey,.trophy-room{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:22px;margin:18px 0}.level-journey>div:first-child,.level-journey>div:first-child>div,.trophy-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.level-journey h2{margin:0}.level-journey>div:first-child>div span{font-size:25px}.level-journey>div:first-child>b{color:#fbbf24}.xp-track{height:18px;background:#0f1117;border-radius:99px;margin:15px 0;overflow:visible!important}.xp-track i{position:relative;display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#facc15);border-radius:99px;transition:width .5s}.xp-track i span{position:absolute;right:-10px;top:-10px;font-style:normal;font-size:25px}.level-journey p{color:var(--muted);margin-bottom:0}.trophy-heading h2,.trophy-heading p{margin:1px 0}.trophy-heading p{color:var(--muted)}.trophy-heading>span{background:#78350f55;color:#fde68a;border:1px solid #d97706;padding:7px 12px;border-radius:99px}.trophy-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;margin-top:22px}.trophy-grid article{position:relative;text-align:center;overflow:hidden;background:linear-gradient(150deg,color-mix(in srgb,var(--trophy) 18%,var(--soft)),var(--soft));border:1px solid var(--trophy);border-radius:18px;padding:24px 15px;transition:.2s}.trophy-grid article:hover{transform:translateY(-5px) rotate(-1deg)}.trophy-grid article>span{font-size:52px;filter:drop-shadow(0 7px 8px #0007);animation:trophy-wiggle 3s ease-in-out infinite}.trophy-grid article>span,.trophy-grid h3,.trophy-grid p,.trophy-grid small,.trophy-grid time{position:relative;display:block}.trophy-grid small{color:var(--trophy);font-weight:800}.trophy-grid h3{margin:5px 0}.trophy-grid p{color:var(--muted);font-size:13px;min-height:42px}.trophy-grid time{font-size:11px;color:var(--muted)}.trophy-glow{position:absolute;width:120px;height:120px;border-radius:50%;background:var(--trophy);filter:blur(45px);opacity:.22;top:-35px;left:calc(50% - 60px)}.empty-trophy{text-align:center;padding:45px 20px;color:var(--muted)}.empty-trophy span{font-size:54px}.empty-trophy h3{color:var(--text);margin:8px 0}.empty-trophy p{margin:0}@keyframes float-node{50%{transform:translateY(-4px)}}@keyframes bounce-current{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes trophy-wiggle{0%,90%,to{transform:rotate(0)}94%{transform:rotate(-7deg)}97%{transform:rotate(7deg)}}@media(max-width:800px){.achievement-hero,.game-hero{align-items:flex-start;flex-direction:column}.world-stage,.world-stage.side-1,.world-stage.side-2{grid-template-columns:100px 1fr;transform:none}.world-stage.side-1 .world-node,.world-stage.side-2 .world-node{grid-column:1}.world-stage.side-1 article,.world-stage.side-2 article{grid-column:2;grid-row:1;text-align:left}.side-1 .trail,.side-2 .trail,.trail{left:47px;right:auto;border-right:0;border-bottom:0;border-left:7px dotted #334155;border-radius:0;transform:none}.world-node{width:78px;height:68px}.achievement-stats,.trophy-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.achievement-stats,.trophy-grid{grid-template-columns:1fr}.achievement-hero h1,.game-hero h1{font-size:27px}.trophy-heading{align-items:flex-start;flex-direction:column}}.stage-form{display:grid;grid-template-columns:1fr 1fr 120px 140px;grid-gap:9px;gap:9px;background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:14px;margin:17px 0}.stage-form label{font-size:11px;color:var(--muted)}.stage-form label input{margin-top:2px}.stage-form>input:nth-of-type(3),.stage-form>input:nth-of-type(4){grid-column:span 2}.stage-form>div{display:flex;gap:8px;grid-column:1/-1}.stage-form button:not(.primary){border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px}.stage-admin-list{display:grid;grid-gap:8px;gap:8px}.stage-admin-list article{display:flex;align-items:center;gap:10px;background:var(--soft);border:1px solid var(--border);border-radius:10px;padding:10px}.stage-admin-list article>span{display:grid;place-items:center;width:30px;height:30px;background:#2563eb;border-radius:50%;color:#fff;font-weight:800}.stage-admin-list article>div{flex:1 1}.stage-admin-list small{display:block;color:var(--muted)}.medal-actions button,.stage-admin-list button{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:6px 8px;border-radius:7px;cursor:pointer}.medal-actions button.danger,.stage-admin-list button.danger{border-color:#991b1b;color:#fca5a5}.medal-actions{display:flex!important;flex:none!important;gap:5px}.medal-actions button{font-size:12px}@media(max-width:900px){.stage-form{grid-template-columns:1fr 1fr}.stage-form>input:nth-of-type(3),.stage-form>input:nth-of-type(4){grid-column:auto}.stage-admin-list article{align-items:flex-start;flex-wrap:wrap}}@media(max-width:560px){.stage-form{grid-template-columns:1fr}.stage-admin-list article>div{min-width:calc(100% - 45px)}}.mini-zigzag{width:min(680px,100%);margin:20px auto}.mini-zigzag>article{position:relative;display:grid;grid-template-columns:70px 1fr;align-items:center;min-height:130px}.mini-zigzag>article.turn-1,.mini-zigzag>article.turn-2{grid-template-columns:1fr 70px}.mini-zigzag>article.turn-1 .mini-node,.mini-zigzag>article.turn-2 .mini-node{grid-column:2}.mini-zigzag>article.turn-1 .mini-stage-card,.mini-zigzag>article.turn-2 .mini-stage-card{grid-row:1;grid-column:1}.mini-zigzag>article.turn-0,.mini-zigzag>article.turn-3{transform:translateX(36px)}.mini-zigzag>article.turn-1,.mini-zigzag>article.turn-2{transform:translateX(-36px)}.mini-node{z-index:2;width:54px;height:49px;border:0;border-radius:50%;justify-self:center;background:#374151;color:#fff;box-shadow:0 6px 0 #1f2937;font-size:18px}.current .mini-node{background:#7c3aed;box-shadow:0 6px 0 #4c1d95,0 0 0 5px #7c3aed33}.completed .mini-node{background:#16a34a;box-shadow:0 6px 0 #166534}.mini-path-line{position:absolute;left:34px;top:87px;height:54px;width:80px;border-left:5px dotted #334155;border-bottom:5px dotted #334155;border-radius:0 0 0 40px}.turn-1 .mini-path-line,.turn-2 .mini-path-line{left:auto;right:34px;border-left:0;border-right:5px dotted #334155;border-radius:0 0 40px 0}.mini-zigzag>article:last-child .mini-path-line{display:none}.mini-stage-card{background:var(--soft);border:1px solid var(--border);border-radius:13px;padding:11px 13px}.current .mini-stage-card{border-color:#7c3aed}.completed .mini-stage-card{border-color:#15803d}.mini-stage-card>div:first-child{display:flex;gap:8px;align-items:center}.mini-stage-card small{color:var(--muted)}.mini-stage-card b{flex:1 1}.mini-stage-card i{display:block;height:5px;background:var(--panel);border-radius:5px;margin:6px 0}.mini-stage-card i em{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#60a5fa);border-radius:5px}.mini-stage-card p{font-size:11px;color:var(--muted);margin:4px 0}.mini-stage-card footer{display:flex;justify-content:flex-end;gap:5px}.mini-stage-card footer button{font-size:11px;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:4px 7px;border-radius:6px}.mini-stage-card footer .danger{color:#fca5a5;border-color:#991b1b}.category-progress{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px}.progress-title{display:flex;justify-content:space-between;align-items:flex-start}.progress-title h2,.progress-title p{margin:0}.progress-title p{color:var(--muted)}.progress-title>span{background:#14532d;color:#bbf7d0;padding:6px 11px;border-radius:99px}.category-accordion{display:grid;grid-gap:8px;gap:8px;margin-top:17px}.category-accordion>article{border:1px solid var(--border);border-radius:11px;overflow:hidden}.category-accordion>article.open{border-color:#2563eb}.category-summary{width:100%;display:grid;grid-template-columns:35px minmax(160px,1fr) minmax(120px,1fr) 100px;align-items:center;grid-gap:10px;gap:10px;text-align:left;background:var(--soft);border:0;color:var(--text);padding:12px;cursor:pointer}.cat-order-circle,.category-summary>span{display:grid;place-items:center;width:32px;height:32px;background:rgba(34,197,94,.12);border:1.5px solid #22c55e;border-radius:50%;color:#4ade80;font-size:13px;font-weight:700;flex-shrink:0;box-shadow:0 0 0 1px rgba(34,197,94,.15);transition:all .2s ease}.cat-order-circle.is-done{background:#16a34a;border-color:#22c55e;color:#fff;box-shadow:0 0 8px rgba(34,197,94,.4)}.cat-status-badge{font-size:11px;font-weight:600;padding:1px 7px;border-radius:99px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.cat-status-badge.inactive{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.category-summary b,.category-summary small{display:block}.category-summary small{color:var(--muted)}.category-summary>strong{font-size:11px;color:#93c5fd}.category-mini-bar{height:7px;background:var(--panel);border-radius:8px}.category-mini-bar i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#60a5fa);border-radius:8px}.exercise-status-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;padding:12px}.exercise-status-grid>div{display:flex;align-items:center;gap:9px;background:var(--soft);border:1px solid var(--border);border-radius:8px;padding:9px}.exercise-status-grid>div.done{background:#14532d1f;border-color:#166534}.exercise-status-grid>div>span{color:var(--muted)}.exercise-status-grid>div.done>span{color:#4ade80}.exercise-status-grid>div>div{min-width:0;flex:1 1}.exercise-status-grid b,.exercise-status-grid code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exercise-status-grid code,.exercise-status-grid>div>small{font-size:10px;color:var(--muted)}.exercise-status-grid>div.done>small{color:#86efac}@media(max-width:750px){.mini-zigzag>article,.mini-zigzag>article.turn-1,.mini-zigzag>article.turn-2{grid-template-columns:62px 1fr;transform:none}.mini-zigzag>article.turn-1 .mini-node,.mini-zigzag>article.turn-2 .mini-node{grid-column:1}.mini-zigzag>article.turn-1 .mini-stage-card,.mini-zigzag>article.turn-2 .mini-stage-card{grid-column:2}.mini-path-line,.turn-1 .mini-path-line,.turn-2 .mini-path-line{left:30px;right:auto;border-right:0;border-bottom:0;border-left:5px dotted #334155;border-radius:0}.exercise-status-grid{grid-template-columns:1fr}.category-summary{grid-template-columns:35px 1fr 80px}.category-mini-bar{display:none}.progress-title{align-items:flex-start;flex-direction:column;gap:8px}}.category-summary.is-locked,.category-summary:disabled{cursor:not-allowed!important;opacity:.65}.category-summary.is-locked:hover{background:var(--soft)!important}.cat-order-circle.is-locked{border-color:#64748b!important;color:#94a3b8!important;background:rgba(100,116,139,.15)!important;box-shadow:none!important}.scratch-ctx-menu{background:#171c24;border:1px solid #333b48;border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.65),0 0 0 1px hsla(0,0%,100%,.05);padding:6px;min-width:220px;display:flex;flex-direction:column;gap:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:ctxFadeIn .12s cubic-bezier(.16,1,.3,1)}@keyframes ctxFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ctx-menu-header{padding:6px 10px 8px;border-bottom:1px solid #28303e;font-size:11px;color:var(--muted,#94a3b8);display:flex;flex-direction:column;gap:2px}.ctx-menu-header b{font-size:13px;color:var(--text,#f1f5f9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:195px}.ctx-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#cbd5e1;font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:all .12s ease}.ctx-menu-item i{font-style:normal;font-size:14px;display:grid;place-items:center;width:20px}.ctx-menu-item:hover{background:hsla(0,0%,100%,.08);color:#fff}.ctx-menu-item.edit:hover{background:rgba(59,130,246,.15);color:#60a5fa}.ctx-menu-item.hide:hover{background:rgba(245,158,11,.15);color:#fbbf24}.ctx-menu-item.delete{color:#fca5a5}.ctx-menu-item.delete:hover{background:rgba(239,68,68,.2);color:#ef4444}.edit-scratch-dialog{width:min(620px,95vw);background:#171c24;border:1px solid #333b48;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.7);overflow:hidden}.edit-form-body,.edit-problem-form{display:flex;flex-direction:column}.edit-form-body{padding:20px 24px;gap:15px;max-height:70vh;overflow-y:auto}.edit-form-body label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted,#94a3b8)}.edit-form-body label span{color:#cbd5e1}.edit-form-body input,.edit-form-body select,.edit-form-body textarea{background:#10141c;border:1px solid #333b48;border-radius:9px;padding:10px 12px;color:#f1f5f9;font:inherit;font-size:13.5px}.edit-form-body input:focus,.edit-form-body select:focus,.edit-form-body textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.2)}.edit-form-row{display:grid;grid-template-columns:1fr 120px;grid-gap:12px;gap:12px}.edit-form-footer{padding:16px 24px;border-top:1px solid #28303e;background:rgba(16,20,28,.6);display:flex;justify-content:flex-end;gap:10px}.edit-form-footer button{padding:9px 18px;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid #333b48;background:#202630;color:#cbd5e1}.edit-form-footer .sm-primary{background:#f97316;color:#fff;border-color:#f97316}.world-stage.completed article{position:relative;border:2px solid #22c55e;background:linear-gradient(135deg,#052e16cc,#14532d66,var(--panel));box-shadow:0 0 0 1px #4ade8033,0 14px 35px #16a34a26;overflow:hidden}.world-stage.completed article:after{content:"✨";position:absolute;right:16px;bottom:12px;font-size:25px;animation:completion-sparkle 1.8s ease-in-out infinite}.world-stage.completed .world-node{border:3px solid #86efac;box-shadow:0 10px 0 #166534,0 0 0 9px #22c55e2e,0 0 32px #22c55e88}.world-stage.completed .world-node span{font-size:42px;font-weight:900}.world-stage.completed .world-progress{height:11px;border:1px solid #4ade80}.world-stage.completed .world-progress i{background:linear-gradient(90deg,#22c55e,#a3e635,#facc15);box-shadow:0 0 12px #4ade80}.completion-ribbon{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(90deg,#15803d,#22c55e);color:#f0fdf4;font-size:10px;font-weight:900;letter-spacing:.08em;padding:4px 10px;border-radius:99px;margin-bottom:7px;box-shadow:0 4px 12px #16a34a55}.mini-zigzag>article.completed .mini-stage-card{position:relative;border:2px solid #22c55e;background:linear-gradient(110deg,#052e1666,var(--soft));box-shadow:0 7px 20px #16a34a22}.mini-zigzag>article.completed .mini-node{border:2px solid #86efac;box-shadow:0 6px 0 #166534,0 0 0 5px #22c55e2e}.mini-zigzag>article.completed .mini-stage-card>i{height:7px;border:1px solid #4ade80}.mini-zigzag>article.completed .mini-stage-card>i em{background:linear-gradient(90deg,#22c55e,#a3e635,#facc15);box-shadow:0 0 8px #4ade80}.mini-complete-badge{display:inline-block;background:#15803d;color:#dcfce7;font-size:9px;font-weight:900;letter-spacing:.06em;padding:3px 8px;border-radius:99px;margin-bottom:5px}.mini-zigzag>article.completed .mini-stage-card footer button:first-child{background:#14532d;border-color:#22c55e;color:#bbf7d0;font-weight:700}@keyframes completion-sparkle{0%,to{transform:scale(.85) rotate(-8deg);opacity:.5}50%{transform:scale(1.2) rotate(8deg);opacity:1}}@media(prefers-reduced-motion:reduce){.world-stage.completed article:after{animation:none}}.account-sidebar{position:-webkit-sticky;position:sticky;top:88px;display:grid;grid-gap:14px;gap:14px;align-self:start}.account-sidebar .student-directory{position:static;max-height:340px}.assignment-panel{background:linear-gradient(145deg,#17255444,var(--panel));border:1px solid #1d4ed8;border-radius:14px;padding:15px;box-shadow:0 12px 30px #0003}.assignment-panel-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding-bottom:11px;margin-bottom:10px}.assignment-panel-head>span{font-size:25px}.assignment-panel-head small{color:#93c5fd;font-size:9px;letter-spacing:.1em}.assignment-panel-head h3{font-size:15px;margin:0;line-height:1.35}.current-session-info{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:9px 0}.current-session-info b,.current-session-info small,.current-session-info span{font-size:10px;background:var(--soft);border:1px solid var(--border);padding:3px 6px;border-radius:99px}.assignment-panel label{display:block;color:var(--muted);font-size:11px;margin:9px 0}.assignment-panel input,.assignment-panel select{margin-top:3px;padding:8px;font-size:12px}.selected-assignment{display:grid;grid-template-columns:32px 1fr;align-items:center;background:#1d4ed822;border:1px solid #2563eb;border-radius:10px;padding:8px;margin:10px 0}.selected-assignment b{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#2563eb;color:#fff}.selected-assignment span{font-size:12px}.selected-assignment small{color:#93c5fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignment-actions{display:grid;grid-gap:7px;gap:7px}.assignment-actions button{border:1px solid var(--border);background:var(--soft);color:var(--text);padding:9px;border-radius:8px;cursor:pointer;font-weight:650;text-align:left}.assignment-actions button:disabled{opacity:.4;cursor:not-allowed}.assignment-actions button.lesson{border-color:#2563eb;background:#1d4ed833}.assignment-actions button.homework{border-color:#d97706;background:#78350f33}.auto-title{font-size:10px;color:var(--muted);line-height:1.4}.auto-title b{color:var(--text)}.assignment-success{background:#14532d;color:#bbf7d0;border-radius:8px;padding:7px;font-size:11px}.selection-pill{background:#1d4ed8;color:#dbeafe;padding:6px 11px;border-radius:99px;font-size:12px}.exercise-status-grid.selectable label{display:flex;align-items:center;gap:8px;background:var(--soft);border:1px solid var(--border);border-radius:8px;padding:9px;cursor:pointer}.exercise-status-grid.selectable label.selected{border-color:#3b82f6;background:#1d4ed82b;box-shadow:inset 0 0 0 1px #3b82f6}.exercise-status-grid.selectable label.done{background:#14532d1f}.exercise-status-grid.selectable input{width:auto;margin:0;accent-color:#2563eb}.exercise-status-grid.selectable label>div{min-width:0;flex:1 1}.exercise-status-grid.selectable b,.exercise-status-grid.selectable code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exercise-status-grid.selectable code,.exercise-status-grid.selectable label>small{font-size:10px;color:var(--muted)}@media(max-width:900px){.account-sidebar{position:static}.account-sidebar .student-directory{max-height:350px}.assignment-panel{position:static}}.focused-progress{max-width:1380px}.progress-page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.progress-page-head p{margin:2px 0;color:var(--muted)}.focused-student{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid #2563eb;padding:9px 13px;border-radius:13px}.focused-student>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#4f46e5;color:#fff;font-weight:800}.focused-student>div{min-width:130px}.focused-student small{display:block;color:var(--muted)}.focused-student strong{color:#86efac}.progress-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.progress-sidebar{position:-webkit-sticky;position:sticky;top:88px;display:grid;grid-gap:14px;gap:14px}.progress-students{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;max-height:360px;overflow:auto}.progress-students>div:first-child{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px}.progress-students h2{margin:0}.progress-students>div small{color:var(--muted)}.progress-students>section{display:grid;grid-gap:6px;gap:6px;margin-top:10px}.progress-students button{display:flex;align-items:center;gap:9px;text-align:left;background:transparent;border:1px solid transparent;color:var(--text);padding:9px;border-radius:9px;cursor:pointer}.progress-students button.active{background:#1d4ed833;border-color:#3b82f6}.progress-students button>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#4f46e5;color:#fff;font-weight:800}.progress-students button>div{flex:1 1}.progress-students button small{display:block;color:var(--muted)}@media(max-width:900px){.progress-workspace{grid-template-columns:1fr}.progress-sidebar{position:static}.progress-page-head{align-items:flex-start;flex-direction:column}}.exercise-status-grid.selectable label.done{background:linear-gradient(135deg,#14532d88,#052e1688);border-color:#22c55e;box-shadow:inset 4px 0 #22c55e,0 0 18px #16a34a22}.exercise-status-grid.selectable label.done>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#22c55e;color:#052e16;font-weight:900}.exercise-status-grid.selectable label.done b{color:#dcfce7}.exercise-status-grid.selectable label.done>small{color:#86efac;font-weight:800}.homework-tracking{background:var(--panel);border:1px solid #d97706;border-radius:14px;padding:13px;max-height:420px;overflow:auto}.homework-tracking.empty{color:var(--muted)}.homework-tracking.empty h3{color:var(--text);margin:0}.homework-tracking.empty p{font-size:12px;margin-bottom:0}.homework-tracking-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.homework-tracking-head small{font-size:9px;letter-spacing:.1em;color:#fbbf24}.homework-tracking-head h3{font-size:15px;margin:2px 0}.homework-tracking-head>b{background:#78350f;color:#fde68a;padding:4px 8px;border-radius:99px;font-size:11px}.homework-message{padding:7px;border-radius:7px;background:var(--soft);color:#fde68a;font-size:10px}.homework-session-list{display:grid;grid-gap:10px;gap:10px}.homework-session-list>article{border:1px solid var(--border);border-radius:10px;overflow:hidden}.homework-session-list header{display:flex;align-items:center;justify-content:space-between;padding:8px;background:#78350f22}.homework-session-list header b,.homework-session-list header small{display:block}.homework-session-list header b{font-size:12px}.homework-session-list header small{font-size:9px;color:var(--muted)}.homework-session-list header>span{font-size:10px;color:#fde68a}.homework-task{display:grid;grid-template-columns:22px 1fr auto;align-items:center;grid-gap:6px;gap:6px;padding:8px;border-top:1px solid var(--border)}.homework-task>span{font-weight:900}.homework-task b,.homework-task small{display:block}.homework-task b{font-size:11px}.homework-task small{font-size:9px;color:var(--muted)}.homework-task.done{background:#14532d44}.homework-task.done small,.homework-task.done>span{color:#4ade80}.homework-task.pending{background:#7f1d1d1a}.homework-task.pending small,.homework-task.pending>span{color:#fca5a5}.homework-task button{border:1px solid #ef4444;background:#7f1d1d33;color:#fecaca;border-radius:6px;padding:5px 7px;font-size:9px;cursor:pointer}.homework-task button:disabled{opacity:.5}@media(min-width:1101px){.focused-progress{max-width:1540px}.progress-workspace{grid-template-columns:285px minmax(570px,1fr) 320px}.homework-column{position:-webkit-sticky;position:sticky;top:88px;align-self:start}.homework-column .homework-tracking{max-height:calc(100vh - 115px)}}.exercise-status-grid.selectable label.homework-assigned{background:linear-gradient(135deg,#78350f66,#451a0366);border-color:#f59e0b;box-shadow:inset 4px 0 #f59e0b,0 0 17px #f59e0b1f}.exercise-status-grid.selectable label.homework-assigned>span{color:#fbbf24}.exercise-status-grid.selectable label.homework-assigned b,.exercise-status-grid.selectable label.homework-assigned>small{color:#fde68a}.exercise-status-grid.selectable label.homework-done{background:linear-gradient(135deg,#14532d99,#78350f44);border-color:#84cc16;box-shadow:inset 4px 0 #22c55e,0 0 17px #84cc1622}.exercise-status-grid.selectable label.homework-done>small{color:#bef264}.homework-column:empty{display:none}@media(max-width:1100px){.homework-column{grid-column:1/-1}.homework-column .homework-tracking{max-height:520px}}.assignment-tracking-column{display:grid;grid-gap:14px;gap:14px}.assignment-tracking-column .homework-tracking{max-height:390px}.tracking-empty{color:var(--muted);font-size:11px;margin:8px 0}.homework-session-list header>div:first-child{min-width:0}.homework-session-list header>div:first-child>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-mini-actions{display:flex;gap:4px;flex:none}.session-mini-actions button{border:1px solid var(--border);background:var(--soft);color:var(--text);border-radius:6px;padding:4px 6px;font-size:9px;cursor:pointer}.session-mini-actions button.delete{border-color:#ef4444;color:#fecaca;background:#7f1d1d33}.submission-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;background:#020617cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.submission-dialog{width:min(950px,100%);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;background:#0f172a;border:1px solid #3b82f6;border-radius:20px;box-shadow:0 30px 90px #000;padding:0}.submission-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:#1e293b;border-bottom:1px solid hsla(0,0%,100%,.1);flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.submission-dialog h2{margin:2px 0 0;font-size:20px;color:#f8fafc}.submission-dialog>header small{color:#93c5fd;letter-spacing:.12em;font-weight:700;font-size:11px}.submission-dialog>header button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.08);color:#f8fafc;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;flex-shrink:0;padding:0 12px;transition:all .2s ease}.submission-dialog>header button:hover{background:#ef4444;border-color:#f87171;color:#fff;transform:scale(1.05)}.submission-list{display:grid;grid-gap:14px;gap:14px;padding:24px;flex:1 1;overflow-y:auto}.submission-list article{border:1px solid #ef444466;border-radius:12px;padding:13px;background:#7f1d1d1c}.submission-list article.accepted{border-color:#22c55e;background:#14532d22}.submission-list article>div{display:flex;justify-content:space-between;gap:12px}.submission-list article>div span{color:#fca5a5;font-size:12px}.submission-list article.accepted>div span{color:#86efac}.submission-list pre{max-height:350px;overflow:auto;background:#080b12;border:1px solid var(--border);border-radius:9px;padding:13px;white-space:pre-wrap}.submission-list p{color:var(--muted)}.homework-tracking-head h3{color:#fbbf24;text-shadow:0 0 16px #f59e0b33}.homework-session-list header>div:first-child>b{color:#93c5fd;font-weight:850}.homework-session-list>article:nth-child(2n) header>div:first-child>b{color:#c4b5fd}.show-all-sessions{display:block;width:100%;margin-top:10px;border:1px solid #d97706;background:#78350f33;color:#fde68a;border-radius:8px;padding:8px;font-size:11px;font-weight:800;cursor:pointer}.show-all-sessions:hover{background:#92400e55;border-color:#f59e0b}.category-accordion>article.open{overflow:visible!important}.exercise-status-grid.single-column{display:grid!important;grid-template-columns:1fr!important;grid-gap:9px;gap:9px;padding:12px;overflow:visible!important}.exercise-single-row{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;box-sizing:border-box!important;gap:14px;background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:12px 16px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}.exercise-single-row:hover{border-color:#64748b;background:hsla(0,0%,100%,.03)}.exercise-single-row.selected{border-color:#3b82f6;background:#1d4ed82b;box-shadow:inset 3px 0 #3b82f6}.exercise-single-row.done{background:#14532d1f;border-color:rgba(34,197,94,.4)}.exercise-single-row.homework-assigned{background:linear-gradient(135deg,#78350f44,#451a0333);border-color:#f59e0b}.exercise-single-row.homework-done{background:linear-gradient(135deg,#14532d55,#78350f33);border-color:#84cc16}.exercise-status-grid input[type=checkbox],.exercise-status-grid.single-column .row-left input[type=checkbox],.scratch-game-row input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;border-radius:6px!important;border:1.5px solid #475569!important;background-color:rgba(15,23,42,.7)!important;margin:0!important;padding:0!important;cursor:pointer;flex-shrink:0;display:inline-grid;place-content:center;transition:all .18s cubic-bezier(.4,0,.2,1);outline:none}.exercise-status-grid input[type=checkbox]:hover,.exercise-status-grid.single-column .row-left input[type=checkbox]:hover,.scratch-game-row input[type=checkbox]:hover{border-color:#3b82f6!important;background-color:rgba(30,41,59,.9)!important;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.exercise-status-grid input[type=checkbox]:checked,.exercise-status-grid.single-column .row-left input[type=checkbox]:checked,.scratch-game-row input[type=checkbox]:checked{background-color:#2563eb!important;border-color:#3b82f6!important;box-shadow:0 0 10px rgba(37,99,235,.4);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:13px 13px!important}.exercise-status-grid input[type=checkbox]:disabled,.exercise-status-grid.single-column .row-left input[type=checkbox]:disabled,.scratch-game-row input[type=checkbox]:disabled{opacity:.35!important;cursor:not-allowed!important;border-color:#334155!important;background-color:rgba(15,23,42,.4)!important;box-shadow:none!important}.exercise-single-row .row-left,.exercise-status-grid>div.exercise-single-row>.row-left{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;flex:1 1 auto!important}.exercise-single-row .status-indicator-circle{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:hsla(0,0%,100%,.06);color:var(--muted);font-weight:800;font-size:13px;flex-shrink:0}.exercise-single-row.done .status-indicator-circle{background:#22c55e;color:#052e16}.exercise-single-row .row-left b{font-size:14px;font-weight:700;color:var(--text);white-space:normal;line-height:1.45}.exercise-single-row.done .row-left b{color:#dcfce7}.exercise-single-row .row-left .scratch-game-thumbnail{width:56px;height:42px;flex-shrink:0;border-radius:6px}.exercise-single-row .row-right,.exercise-status-grid>div.exercise-single-row>.row-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex:0 0 auto!important;margin-left:auto!important}.row-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;padding:0;border-radius:8px;border:1px solid var(--border);background:var(--soft);color:var(--text);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.row-icon-btn:hover{transform:scale(1.06)}.row-icon-btn i{font-style:normal;display:grid;place-items:center;line-height:1;font-size:14px}.row-icon-btn[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);right:0;padding:4px 9px;background:#090d16;color:#f8fafc;font-size:11px;font-weight:600;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:9999;box-shadow:0 4px 14px rgba(0,0,0,.65);border:1px solid #334155;line-height:1.25;transform:translateY(3px);transition:opacity .14s ease,transform .14s ease}.row-icon-btn[data-tip]:hover:after{opacity:1;visibility:visible;transform:translateY(0)}.row-icon-btn.view-btn{border-color:rgba(59,130,246,.35);color:#93c5fd;background:rgba(37,99,235,.1)}.row-icon-btn.view-btn:hover{background:#2563eb;border-color:#3b82f6;color:#fff}.row-icon-btn.mark-btn{border-color:rgba(34,197,94,.35);color:#4ade80;background:rgba(34,197,94,.1)}.row-icon-btn.mark-btn:hover{background:#16a34a;border-color:#22c55e;color:#fff}.row-icon-btn.unmark-btn{border-color:rgba(148,163,184,.28);background:rgba(148,163,184,.1);color:#cbd5e1}.row-icon-btn.unmark-btn:hover{background:#dc2626;border-color:#ef4444;color:#fff}.row-icon-btn.try-btn{border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.12);color:#fbbf24}.row-icon-btn.try-btn:hover{background:#f59e0b;border-color:#d97706;color:#fff}.scratch-game-row{display:grid;grid-template-columns:22px 100px minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--soft);transition:border-color .15s,background .15s;cursor:pointer}.scratch-game-row:hover{border-color:#64748b;background:hsla(0,0%,100%,.03)}.scratch-game-row.is-selected{border-color:#3b82f6;background:#1d4ed82b;box-shadow:inset 3px 0 #3b82f6}.scratch-game-row.is-done{border-color:rgba(34,197,94,.4);background:#14532d1f}.scratch-game-row.is-done .scratch-game-info small{color:#4ade80;font-weight:700}.scratch-game-thumbnail{width:100px;height:75px;background:linear-gradient(140deg,#1e293b,#0f172a);border:1px solid var(--border);border-radius:8px;overflow:hidden;display:grid;place-items:center;flex-shrink:0}.scratch-game-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.scratch-game-thumbnail span{font-size:28px}.scratch-game-info{min-width:0;display:flex;flex-direction:column;gap:3px}.scratch-game-info h3{font-size:15px;font-weight:700;color:var(--text);margin:0;line-height:1.4;overflow-wrap:anywhere}.scratch-game-info p{font-size:12px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.scratch-game-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}.scratch-game-meta code{font-size:10px;color:var(--muted);background:hsla(0,0%,100%,.06);padding:1px 5px;border-radius:4px}.scratch-game-meta small{font-size:11px;color:var(--muted)}.scratch-try-button{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(59,130,246,.4);border-radius:8px;padding:8px 14px;background:rgba(37,99,235,.15);color:#93c5fd;font-weight:700;font-size:12px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.scratch-try-button:hover{background:rgba(37,99,235,.3);border-color:#60a5fa;color:#fff;transform:translateY(-1px)}.scratch-try-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.scratch-game-row.is-assigned{border-color:rgba(59,130,246,.22);background:rgba(15,23,42,.45);cursor:default}.scratch-game-row.is-assigned:hover{border-color:rgba(59,130,246,.38);background:rgba(15,23,42,.65)}.scratch-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;white-space:nowrap;line-height:1.25}.scratch-status-badge.assigned{background:rgba(245,158,11,.14);color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.scratch-status-badge.submitted{background:rgba(56,189,248,.14);color:#38bdf8;border:1px solid rgba(56,189,248,.35);box-shadow:0 0 8px rgba(56,189,248,.15)}.scratch-status-badge.graded{background:rgba(34,197,94,.14);color:#4ade80;border:1px solid rgba(34,197,94,.35);box-shadow:0 0 8px rgba(34,197,94,.15)}.scratch-status-badge.completed{background:rgba(34,197,94,.1);color:#86efac;border:1px solid rgba(34,197,94,.25)}.exam-status-pill{font-size:11px;font-weight:700;padding:4px 9px;border-radius:99px;white-space:nowrap}.exam-status-pill.done{background:#14532d;color:#86efac}.exam-status-pill.pending{background:hsla(0,0%,100%,.07);color:var(--muted)}.exam-status-pill.assigned{background:#1d4ed833;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.exam-status-pill.submitted{background:rgba(56,189,248,.15);color:#38bdf8;border:1px solid rgba(56,189,248,.35)}.problem-detail-dialog{width:min(780px,95vw);max-height:88vh;display:flex;flex-direction:column;background:#0f172a;border:1px solid #3b82f6;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.7);overflow:hidden;padding:0}.problem-detail-dialog header{padding:16px 22px;background:#1e293b;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.problem-detail-dialog header h2{font-size:19px;margin:3px 0 0;color:#f8fafc}.problem-detail-dialog header small{color:#93c5fd;font-size:11px;font-weight:700;letter-spacing:.1em}.problem-duration-badge{display:inline-block;font-size:11px;color:#fbbf24;background:#78350f33;border:1px solid rgba(245,158,11,.4);padding:2px 8px;border-radius:99px;margin-left:8px}.problem-detail-dialog header button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.08);color:#f8fafc;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.problem-detail-dialog header button:hover{background:#ef4444;border-color:#f87171;color:#fff}.problem-detail-body{padding:22px;overflow-y:auto;display:flex;flex-direction:column;gap:18px;font-size:14px;color:#cbd5e1}.problem-section h3{font-size:14px;font-weight:700;color:#93c5fd;margin:0 0 8px;display:flex;align-items:center;gap:6px}.problem-section p{margin:0;color:#e2e8f0;line-height:1.6}.problem-examples-grid{display:grid;grid-gap:12px;gap:12px}.problem-example-card{background:rgba(15,23,42,.8);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.problem-example-card b{font-size:12px;color:#fde68a;display:block;margin-bottom:6px}.example-io{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.example-io small{font-size:11px;color:var(--muted);display:block;margin-bottom:4px}.example-io pre{margin:0;padding:8px 10px;background:#020617;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;font-size:12px;color:#86efac;white-space:pre-wrap;word-break:break-all}.problem-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px}.problem-images-grid figure{margin:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#020617}.problem-images-grid img{width:100%;height:auto;display:block}.problem-images-grid figcaption{padding:6px 10px;font-size:11px;color:var(--muted);text-align:center}.open-exercise-link{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;background:#2563eb;color:#fff!important;font-size:13px;font-weight:700;transition:all .15s ease}.open-exercise-link:hover{background:#1d4ed8;transform:translateY(-1px)}@media(max-width:768px){.scratch-game-row{grid-template-columns:22px 75px minmax(0,1fr);gap:10px;padding:10px}.scratch-game-thumbnail{width:75px;height:56px}.exercise-single-row{flex-direction:row!important;align-items:center!important;gap:10px!important;padding:10px 12px!important}.exercise-single-row .row-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;margin-left:auto!important;flex:0 0 auto!important;gap:6px!important}.example-io{grid-template-columns:1fr}}.admin-quick-nav{position:relative;z-index:20;border-bottom:1px solid #243047;background:linear-gradient(90deg,#101827,#151b2a 55%,#111827);box-shadow:0 8px 24px #0003}.admin-quick-nav .container{display:flex;align-items:center;gap:8px;min-height:52px;overflow-x:auto;scrollbar-width:none}.admin-quick-nav .container::-webkit-scrollbar{display:none}.admin-quick-nav .container>span{display:flex;align-items:center;gap:8px;flex:none;padding-right:14px;margin-right:4px;border-right:1px solid #334155;color:#dbeafe}.admin-quick-nav .container>span i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f59e0b22;font-style:normal}.admin-quick-nav a{display:flex;align-items:center;gap:7px;flex:none;padding:8px 11px;border:1px solid transparent;border-radius:10px;color:#aeb9ca;font-size:13px;font-weight:700;transition:.18s ease}.admin-quick-nav a i{font-style:normal}.admin-quick-nav a:hover{color:#fff;border-color:#3b82f688;background:#2563eb22;transform:translateY(-1px)}@media(max-width:760px){.admin-quick-nav .container{padding-top:7px;padding-bottom:7px}.admin-quick-nav .container>span b{display:none}.admin-quick-nav a{padding:7px 9px;font-size:12px}}.world-stage{min-height:245px;margin-bottom:28px}.world-stage article>small{display:block;margin-top:4px}.world-stage .completion-ribbon{display:flex;width:max-content;margin-bottom:10px}.world-stage .trail{top:160px;height:115px}@media (max-width:800px){.world-stage,.world-stage.side-1,.world-stage.side-2{min-height:225px;margin-bottom:22px}.world-stage .trail,.world-stage.side-1 .trail,.world-stage.side-2 .trail{top:145px;height:105px}}.course-hub,.scratch-detail,.scratch-home{min-height:calc(100vh - 64px);padding:38px 0 70px;background:radial-gradient(circle at 85% 8%,#27205255,transparent 30%)}.scratch-home .back-link{display:none}.course-welcome{display:flex;justify-content:space-between;align-items:center;padding:34px 40px;border:1px solid #3557a0;border-radius:26px;background:linear-gradient(135deg,#152247,#171b2d);box-shadow:0 24px 70px #0004}.course-welcome h1{font-size:34px;margin:9px 0}.course-welcome p{color:#aeb8cb;max-width:720px}.welcome-mascot{font-size:76px;filter:drop-shadow(0 12px 20px #4f46e577);animation:floaty 2.4s ease-in-out infinite}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:28px}.course-card{position:relative;display:flex;min-height:300px;flex-direction:column;padding:27px;border:1px solid #303746;border-radius:24px;color:#f5f7fb;background:#181c25;overflow:hidden;transition:.25s}.course-card:hover:not(.locked){transform:translateY(-6px);box-shadow:0 20px 50px #0006}.course-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-80px;background:var(--glow);opacity:.18}.course-card.python{--glow:#3b82f6}.course-card.scratch{--glow:#ff8c32}.course-card.exam{--glow:#a855f7}.course-icon{font-size:52px}.course-state{position:absolute;right:22px;top:22px;padding:7px 10px;border-radius:20px;font-size:12px;font-weight:800}.course-state.open{background:#14532d;color:#86efac}.course-state.closed{background:#292e38;color:#9ca3af}.course-card h2{font-size:25px;margin:26px 0 8px}.course-card p{color:#aab3c4;line-height:1.6}.course-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;border-top:1px solid #2d3441}.course-card-foot strong{color:#66a9ff}.course-card.locked{opacity:.62;filter:saturate(.5)}.scratch-hero{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:36px 44px;border-radius:28px;background:linear-gradient(130deg,#7628cf,#ff7b25);box-shadow:0 20px 60px #6d28d944}.scratch-hero span{font-size:13px;font-weight:900;letter-spacing:1.5px}.scratch-hero h1{font-size:38px;margin:10px 0}.scratch-hero p{font-size:17px}.scratch-cat{font-size:94px;animation:floaty 2s ease-in-out infinite}.scratch-road{display:grid;grid-gap:18px;gap:18px;margin-top:28px}.scratch-lesson{display:grid;grid-template-columns:52px 78px 1fr auto;align-items:center;grid-gap:20px;gap:20px;padding:20px 25px;border:1px solid #343a49;border-radius:22px;background:#181c25;color:#f7f7fb;transition:.2s}.scratch-lesson:hover{transform:translateX(7px);border-color:#ff9138}.lesson-number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#292f3b;font-weight:900}.lesson-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:#262c37;font-size:37px}.scratch-lesson h2{margin:3px 0}.scratch-lesson p{color:#aeb7c8;margin:4px 0 10px}.scratch-lesson i{display:inline-block;padding:5px 8px;margin:3px;border-radius:7px;background:#4c2b87;color:#e9ddff;font-size:11px;font-style:normal}.scratch-lesson>strong{color:#ff9f55}.scratch-title{display:flex;align-items:center;gap:22px;margin:18px 0;padding:25px 30px;border-radius:24px;background:linear-gradient(135deg,#272052,#48216d)}.scratch-title>span{font-size:62px}.scratch-title h1{margin:3px 0;font-size:34px}.scratch-title p{color:#d2cbe6}.scratch-detail-grid{display:grid;grid-template-columns:.85fr 1.35fr;grid-gap:20px;gap:20px}.game-card,.mission-card{border:1px solid #303746;border-radius:24px;background:#181c25;padding:28px}.mission-card li,.mission-card>p{color:#c1c8d4;line-height:1.65}.mission-card li{padding:5px}.block-chips{display:flex;flex-wrap:wrap;gap:8px}.block-chips span{padding:9px 12px;border-radius:9px;color:#fff;font-size:13px;font-weight:700}.block-0{background:#ffab19}.block-1{background:#4c97ff}.block-2{background:#96f}.block-3{background:#59c059}.game-heading{display:flex;justify-content:space-between}.game-heading span{color:#ff9850;font-size:12px;font-weight:900}.game-heading h2{margin:5px 0 18px}.game-heading small{height:max-content;background:#252b36;padding:7px 10px;border-radius:12px}.catch-stage,.ocean-stage,.race-stage{position:relative;height:310px;border-radius:20px;overflow:hidden}.race-stage{padding:55px 20px 20px;background:linear-gradient(#8bd8ff 0 50%,#74b64c 50%)}.race-track{position:relative;height:80px;margin:8px 0;border-bottom:5px dashed #fff8;background:#a87346}.race-track span{position:absolute;bottom:7px;font-size:45px;transition:left .17s linear}.finish{position:absolute;right:6%;top:12px;font-size:42px}.arrow-controls,.game-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;min-height:42px}.arrow-controls button,.game-controls button{padding:10px 16px;border:0;border-radius:12px;background:#7046e8;color:#fff;font-weight:800}.arrow-controls strong,.game-controls strong{color:#71e9a6}.ocean-stage{background:linear-gradient(#3dc8ee,#075985)}.ocean-stage:after{content:"🌿  🪸  🐚";position:absolute;bottom:8px;left:20px;font-size:38px;letter-spacing:35px}.fish{position:absolute;font-size:48px;transition:.2s;z-index:2}.ocean-star{position:absolute;top:16%;right:13%;font-size:36px}.arrow-controls{flex-direction:column}.arrow-controls div{display:flex;gap:5px}.catch-stage{background:linear-gradient(#242a57,#623d7c)}.basket,.egg{position:absolute;font-size:42px;transition:left .15s}.basket{bottom:7px}.score{position:absolute;top:12px;right:15px;font-weight:900}.game-tip{margin-top:18px;padding:13px;border-radius:12px;background:#242a35;color:#b8c0d0}.coming-course{text-align:center;padding:100px 20px}.coming-course>span{font-size:90px}.coming-course h1{font-size:38px}.coming-course p{color:#aeb7c8;margin-bottom:24px}.course-access{margin:18px 0;padding:24px;border:1px solid #384151;border-radius:18px;background:linear-gradient(135deg,#181d29,#171a22)}.course-access h2{margin:5px 0}.course-access>div:first-child p{color:#9da8ba}.course-access-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:18px 0}.course-access-grid button{display:flex;align-items:center;gap:10px;padding:15px;text-align:left;border:1px solid #343b48;border-radius:14px;background:#202530;color:#dfe5ef}.course-access-grid button.selected{border-color:#3978ff;background:#172b58;box-shadow:inset 0 0 0 1px #3978ff}.course-access-grid button>span{font-size:27px}.course-access-grid button div{display:flex;flex:1 1;flex-direction:column}.course-access-grid small{color:#98a3b5;margin-top:4px}.course-access-grid i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#303744;font-style:normal}.course-access-grid .selected i{background:#2873ff}.course-access-actions{display:flex;align-items:center;gap:14px}.course-access-actions button{padding:11px 16px;border:0;border-radius:10px;color:#fff}.course-access-actions span{color:#5ee69a}@keyframes floaty{50%{transform:translateY(-9px) rotate(3deg)}}.course-card.python-advanced{--glow:#fbbf24}.dsa-page{min-height:calc(100vh - 64px);padding:35px 0 70px;background:radial-gradient(circle at 80% 5%,#f59e0b1c,transparent 30%)}.dsa-hero{display:flex;align-items:center;justify-content:space-between;padding:34px 40px;border:1px solid #5b4922;border-radius:24px;background:linear-gradient(135deg,#251d12,#171c27)}.dsa-hero>div:first-child span{color:#fbbf24;font-weight:900;letter-spacing:1.2px}.dsa-hero h1{font-size:36px;margin:8px 0}.dsa-hero p{color:#b6bfce}.dsa-hero>div:last-child{display:flex;flex-direction:column;text-align:center;padding:18px 25px;border-radius:18px;background:#f59e0b1c}.dsa-hero>div:last-child b{font-size:35px;color:#fbbf24}.dsa-overview{display:grid;grid-gap:18px;gap:18px;margin-top:24px}.dsa-chapter-card{display:grid;grid-template-columns:55px 75px 1fr 150px;align-items:center;grid-gap:18px;gap:18px;padding:23px;border:1px solid #343e4c;border-radius:20px;background:#191e27;color:#f5f7fa;transition:.2s}.dsa-chapter-card:hover{transform:translateY(-4px);border-color:#e8a521}.chapter-index{font-size:27px;font-weight:900;color:#536177}.dsa-chapter-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:17px;background:#2c3441;font-size:33px}.dsa-chapter-card h2{margin:3px 0}.dsa-chapter-card p{color:#aeb7c7}.dsa-skills i{display:inline-block;margin:3px;padding:5px 8px;border-radius:7px;background:#293342;color:#c9d3e2;font-size:11px;font-style:normal}.dsa-chapter-card aside{display:flex;flex-direction:column;text-align:right}.dsa-chapter-card aside>b{font-size:30px}.dsa-chapter-card aside small{color:#9ea9bb}.dsa-chapter-card aside strong{margin:7px 0;color:#fbbf24}.dsa-chapter-card aside em{font-style:normal;color:#69a9ff}.dsa-topic-head{display:flex;align-items:center;gap:20px;margin:18px 0;padding:25px;border:1px solid #465064;border-radius:20px;background:#191e27}.dsa-topic-head>span{font-size:55px}.dsa-topic-head h1{margin:3px 0}.dsa-topic-head p{color:#aeb7c7}.dsa-lessons,.dsa-practice{margin-top:20px;padding:22px;border:1px solid #343d4b;border-radius:20px;background:#181d25}.dsa-section-title{display:flex;align-items:center;gap:12px}.dsa-section-title>span{font-size:29px}.dsa-section-title h2,.dsa-section-title p{margin:2px}.dsa-section-title p{color:#9faabd}.dsa-lessons>div:last-child{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:17px}.dsa-lessons article{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #303947;border-radius:13px;background:#202631}.dsa-lessons article>b,.problem-order{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#334155}.dsa-lessons article>div{flex:1 1}.dsa-lessons h3,.dsa-lessons p{margin:2px}.dsa-lessons p{color:#9faabb;font-size:13px}.dsa-lessons button{border:0;background:none;color:#67a8ff}.problem-group>h3{display:flex;align-items:center;gap:8px}.problem-group>h3 span{padding:5px 9px;border-radius:99px;font-size:12px}.problem-group .easy{background:#14532d;color:#86efac}.problem-group .medium{background:#78350f;color:#fcd34d}.problem-group>a{display:flex;align-items:center;gap:12px;padding:13px;border-top:1px solid #303846;color:#e8edf5}.problem-group>a:hover{background:#202733}.problem-group>a>div{flex:1 1}.problem-group>a small{display:block;color:#9eabba}.problem-group>a em{font-style:normal;color:#67a8ff}@media(max-width:750px){.dsa-chapter-card{grid-template-columns:45px 1fr}.dsa-chapter-icon{display:none}.dsa-chapter-card aside{grid-column:2;text-align:left}.dsa-lessons>div:last-child{grid-template-columns:1fr}}.scratch-admin{padding-top:32px}.scratch-admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.scratch-admin-head h1{margin:5px 0}.scratch-admin-head p{color:#aeb7c8}.scratch-admin-head>button{padding:11px 16px;border:0;border-radius:10px;background:#f97316;color:#fff}.scratch-admin-layout{display:grid;grid-template-columns:360px 1fr;grid-gap:18px;gap:18px}.scratch-admin-layout>form,.scratch-admin-layout>section{padding:20px;border:1px solid #343c49;border-radius:18px;background:#181d25}.scratch-admin-layout label{display:block;margin:11px 0;color:#adb7c7;font-size:13px}.scratch-admin-layout textarea{min-height:100px}.scratch-admin-layout form>button{width:100%;padding:11px;border:0;border-radius:9px;color:#fff}.scratch-library-title{display:flex;justify-content:space-between}.scratch-admin-layout section>article{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #303846}.scratch-admin-layout section>article>div:first-child{flex:1 1}.scratch-admin-layout article h3{margin:4px 0}.scratch-admin-layout article p{color:#aab3c2}.scratch-admin-layout article small{color:#65d99a}.scratch-item-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:260px}.scratch-item-actions button,.scratch-item-actions label{padding:7px 9px!important;margin:0!important;border:1px solid #424c5d;border-radius:8px;background:#252c38;color:#fff;font-size:12px}.scratch-item-actions input{display:none}.scratch-item-actions .danger{border-color:#ad2e39;color:#ff9299}.scratch-item-actions .assign{border-color:#2675e8;background:#1d5fc4}.scratch-preview-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#05070bdd;padding:25px}.scratch-preview-modal>div{width:min(960px,95vw);padding:18px;border:1px solid #465064;border-radius:20px;background:#171c25}.scratch-preview-modal iframe{width:100%;height:min(70vh,620px);border:0;border-radius:14px}@media(max-width:900px){.scratch-admin-layout{grid-template-columns:1fr}.scratch-admin-layout section>article{flex-direction:column}.scratch-item-actions{justify-content:flex-start;max-width:none}}.admin-path-page{padding-top:34px}.admin-path-page>section{display:flex;align-items:center;gap:18px;padding:25px;border:1px solid #394457;border-radius:20px;background:#181d27}.admin-path-page>section>span{font-size:48px}.admin-path-page>section>div{flex:1 1}.admin-path-page h1{margin:3px 0}.admin-path-page p{color:#aab5c6}.admin-path-page button{padding:8px 11px;border:1px solid #3e4a5e;border-radius:8px;background:#232a36;color:#e2e8f0}.admin-path-list{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.admin-path-list article{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid #303846;border-radius:14px;background:#191d25}.admin-path-list article>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#285fd1}.admin-path-list article>div{flex:1 1}.admin-path-list h2{margin:2px 0;font-size:17px}.admin-path-list article>span{display:flex;gap:6px}.admin-course-divider{width:1px;height:25px;background:#394252;margin:0 5px}.nav .admin-course-choice{padding:8px 11px;border-radius:10px}.nav .admin-course-choice.active{background:#263c74;color:#fff}.admin-course-nav{position:-webkit-sticky;position:sticky;top:0;z-index:19;border-bottom:1px solid #2e3f5b;background:linear-gradient(90deg,#111925ee,#151a24ee);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.admin-course-nav.course-scratch{border-color:#7b401d}.admin-course-nav.course-exam-prep{border-color:#735d1a}.admin-course-nav>.container{display:flex;align-items:center;min-height:66px;gap:24px}.admin-course-context{display:flex;align-items:center;gap:9px;min-width:170px;padding-right:20px;border-right:1px solid #354052}.admin-course-context>i{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#253652;font-size:21px;font-style:normal}.course-scratch .admin-course-context>i{background:#713814}.course-exam-prep .admin-course-context>i{background:#6b5616}.admin-course-context span{display:flex;flex-direction:column}.admin-course-context small{font-size:8px;letter-spacing:1px;color:#8fa0b9}.admin-course-context b{font-size:14px}.admin-course-links{display:flex;align-items:center;gap:3px;overflow-x:auto}.admin-course-links a{padding:9px 11px;border-radius:9px;color:#aeb9ca;white-space:nowrap;font-size:13px}.admin-course-links a.active,.admin-course-links a:hover{background:#273650;color:#fff}.course-scratch .admin-course-links a.active,.course-scratch .admin-course-links a:hover{background:#6f3618}.course-exam-prep .admin-course-links a.active,.course-exam-prep .admin-course-links a:hover{background:#635018}@media(max-width:900px){.admin-course-nav>.container{align-items:flex-start;flex-direction:column;padding-top:9px;padding-bottom:9px;gap:6px}.admin-course-context{border:0;padding:0}.admin-course-links{width:100%}.nav .admin-course-choice{font-size:0}}.course-subnav{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid hsla(0,0%,100%,.08);background:rgba(17,21,29,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}html[data-light] .course-subnav{background:rgba(248,250,252,.92);border-bottom-color:rgba(0,0,0,.08)}.course-subnav .container{display:flex;align-items:center;gap:8px;min-height:54px;overflow-x:auto}.course-subnav-title{font-weight:800;font-size:14px;color:#60a5fa;margin-right:10px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.3);border-radius:8px}.course-subnav.scratch .course-subnav-title{color:#fb923c;background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.3)}.course-subnav-items{display:inline-flex;align-items:center;gap:6px}.course-subnav a{padding:7px 13px;border-radius:9px;color:#94a3b8;white-space:nowrap;font-size:13.5px;font-weight:600;transition:all .18s cubic-bezier(.34,1.56,.64,1);border:1px solid transparent;line-height:1.4}.course-subnav a:hover{color:#fff;background:hsla(0,0%,100%,.08);transform:translateY(-1px)}.course-subnav a.active{background:#2563eb;color:#fff;border-color:#60a5fa;box-shadow:0 2px 10px rgba(37,99,235,.4)}.course-subnav.scratch{border-bottom-color:#6f3b21}.course-subnav.scratch a:hover{background:rgba(234,88,12,.15);color:#fed7aa}.course-subnav.scratch a.active{background:#ea580c;color:#fff;border-color:#fb923c;box-shadow:0 2px 10px rgba(234,88,12,.4)}.student-section{scroll-margin-top:72px}.scratch-section-page{min-height:calc(100vh - 118px);padding:34px 0 70px;background:radial-gradient(circle at 85% 15%,#7635c333,transparent 35%)}.scratch-section-hero{display:flex;align-items:center;gap:22px;padding:28px 34px;border:1px solid #4d3a69;border-radius:23px;background:linear-gradient(135deg,#261b43,#1c2030)}.scratch-section-hero>span{font-size:62px}.scratch-section-hero small{color:#ff9c55;font-weight:900;letter-spacing:1.3px}.scratch-section-hero h1{font-size:32px;margin:5px 0}.scratch-section-hero p{color:#b6bfd0}.scratch-section-hero.homework{background:linear-gradient(135deg,#402713,#1c2030)}.scratch-section-hero.medals{background:linear-gradient(135deg,#453516,#241b3c)}.scratch-empty{text-align:center;margin-top:24px;padding:52px;border:1px dashed #424b5c;border-radius:22px;background:#181c24}.scratch-empty>span{font-size:62px}.scratch-empty h2{margin:12px 0 5px}.scratch-empty p{color:#aeb7c7}.scratch-path{display:grid;grid-gap:15px;gap:15px;max-width:850px;margin:28px auto}.scratch-path a{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #45405b;border-radius:22px;background:#191d27;color:#fff;transition:.2s}.scratch-path a:nth-child(2){margin-left:85px}.scratch-path a:hover{transform:translateY(-4px);border-color:#ff8a33}.scratch-path a>span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#ff9a37,#d85016);font-size:23px;font-weight:900;box-shadow:0 7px 0 #84350f}.scratch-path a>div{flex:1 1}.scratch-path h2{margin:3px 0}.scratch-path p{margin:0;color:#adb7c7}.scratch-path strong{color:#ff9d5a}.scratch-medal-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;margin-top:23px}.scratch-medal-stats article{display:flex;flex-direction:column;padding:23px;border:1px solid #3b4351;border-radius:18px;background:#191d26}.scratch-medal-stats article>span{font-size:30px}.scratch-medal-stats b{font-size:29px}.scratch-medal-stats small{color:#aeb7c7}@media(max-width:700px){.course-subnav-title{display:none}.scratch-path a:nth-child(2){margin-left:0}.scratch-medal-stats{grid-template-columns:1fr}.scratch-section-hero{padding:22px}.scratch-section-hero>span{font-size:40px}}@media(max-width:850px){.course-access-grid,.course-grid,.scratch-detail-grid{grid-template-columns:1fr}.scratch-lesson{grid-template-columns:45px 62px 1fr}.scratch-lesson>strong{grid-column:3}.scratch-cat,.welcome-mascot{display:none}.course-welcome,.scratch-hero{padding:25px}.course-welcome h1,.scratch-hero h1{font-size:27px}}.inline-course-checks{display:grid;grid-gap:7px;gap:7px;margin:14px 0}.inline-course-checks>b{font-size:13px;color:var(--muted)}.inline-course-checks label{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:9px 10px;border:1px solid var(--border);border-radius:9px;cursor:pointer}.inline-course-checks label.checked{border-color:#3478ff;background:#2563eb1c;color:#dbeafe}.inline-course-checks input{width:auto!important;margin:0!important}.inline-course-checks.compact{display:flex;flex-wrap:wrap;margin:0}.inline-course-checks.compact label{padding:5px 7px;font-size:11px}.user-row-actions{display:flex;align-items:center;gap:6px;min-width:260px}.user-row-actions button{border:1px solid #3c4657;border-radius:7px;background:#232936;color:#dce3ed;padding:6px 8px;white-space:nowrap}.user-row-actions button.save{border-color:#2563eb;background:#2563eb;color:#fff}.user-row-actions button.delete{border-color:#9f2632;color:#ff929d;background:#4a151b55}.course-mini-tags{display:flex;flex:1 1;flex-wrap:wrap;gap:4px}.course-mini-tags span{padding:4px 7px;border-radius:99px;background:#273244;color:#bcd1ee;font-size:10px}.muted-action{color:var(--muted)}.compact-table table{min-width:850px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(15,17,23,.88);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid hsla(0,0%,100%,.08);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}html[data-light] .site-header{background:hsla(0,0%,100%,.92);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 1px 12px rgba(0,0,0,.03)}.header-inner{display:flex;align-items:center;gap:16px;min-height:64px;padding:8px 0}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);font-size:19px;font-weight:800;letter-spacing:-.02em;white-space:nowrap!important;flex-shrink:0;line-height:1;transition:opacity .15s ease,transform .15s ease}.brand,.brand:hover{text-decoration:none}.brand:hover{opacity:.95;transform:translateY(-1px)}.brand-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:9px;font-size:14px;font-weight:800;letter-spacing:.02em;box-shadow:0 2px 10px rgba(37,99,235,.4);flex-shrink:0}.brand-logo-img{width:40px;height:40px;border-radius:10px;object-fit:cover;box-shadow:0 3px 12px rgba(37,99,235,.45);display:block;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.brand:hover .brand-logo-img{transform:scale(1.08) rotate(-4deg)}.brand-text{display:inline-flex;align-items:center;font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--text);line-height:1}.nav{display:flex!important;gap:8px;overflow:visible!important}.nav,.nav .nav-link,.nav a{align-items:center;white-space:nowrap!important}.nav .nav-link,.nav a{display:inline-flex;gap:6px;padding:7px 13px;border-radius:9px;color:var(--muted);font-size:14px;font-weight:550;flex-shrink:0;text-decoration:none;transition:all .15s ease;border:1px solid transparent;line-height:1.4}.nav .nav-link:hover,.nav a:hover{color:var(--text);background:hsla(0,0%,100%,.06);text-decoration:none}html[data-light] .nav .nav-link:hover,html[data-light] .nav a:hover{background:rgba(0,0,0,.04)}.nav .nav-link.active,.nav a.active{color:#60a5fa;background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.28);font-weight:650}html[data-light] .nav .nav-link.active,html[data-light] .nav a.active{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.student-course-dropdown-container{position:relative;display:inline-flex;align-items:center;z-index:1000}.student-course-dropdown-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;font-size:13.5px;font-weight:650;color:#bfdbfe;background:rgba(37,99,235,.12);border:1.5px solid rgba(59,130,246,.35);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);white-space:nowrap!important;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 2px 8px rgba(37,99,235,.12)}html[data-light] .student-course-dropdown-btn{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;box-shadow:0 2px 6px rgba(37,99,235,.08)}.student-course-dropdown-btn:hover{color:#fff;background:rgba(37,99,235,.22);border-color:rgba(96,165,250,.6);transform:translateY(-1px);box-shadow:0 4px 14px rgba(37,99,235,.25)}html[data-light] .student-course-dropdown-btn:hover{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.student-course-dropdown-btn.active,.student-course-dropdown-btn.open{background:linear-gradient(135deg,rgba(37,99,235,.3),rgba(59,130,246,.2));border-color:rgba(96,165,250,.75);color:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.25),0 4px 14px rgba(37,99,235,.3)}html[data-light] .student-course-dropdown-btn.active,html[data-light] .student-course-dropdown-btn.open{background:#dbeafe;border-color:#3b82f6;color:#1e3a8a;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.student-course-dropdown-btn .course-btn-icon{font-size:15px;line-height:1}.student-course-dropdown-btn .dropdown-chevron{color:rgba(191,219,254,.8);transition:transform .22s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.student-course-dropdown-btn .dropdown-chevron.open{transform:rotate(180deg);color:#fff}.student-course-dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:350px;background:rgba(20,24,34,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.12);border-radius:18px;padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.65),0 0 0 1px hsla(0,0%,100%,.06);z-index:9999;display:flex;flex-direction:column;gap:6px;animation:dropdownPop .2s cubic-bezier(.16,1,.3,1);transform-origin:top left}html[data-light] .student-course-dropdown-menu{background:hsla(0,0%,100%,.98);border-color:#e2e8f0;box-shadow:0 20px 45px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.05)}@keyframes dropdownPop{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-menu-header{display:flex;flex-direction:column;gap:3px;padding:8px 12px;border-bottom:1px solid hsla(0,0%,100%,.07);margin-bottom:2px}html[data-light] .dropdown-menu-header{border-bottom-color:rgba(0,0,0,.06)}.dropdown-menu-badge{font-size:11px;font-weight:800;letter-spacing:.6px;color:#60a5fa;text-transform:uppercase}html[data-light] .dropdown-menu-badge{color:#2563eb}.dropdown-menu-sub{font-size:12px;color:var(--muted)}.dropdown-course-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;text-decoration:none;background:hsla(0,0%,100%,.02);border:1px solid transparent;transition:all .18s cubic-bezier(.34,1.56,.64,1)}.dropdown-course-item:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.1);transform:translateX(3px);text-decoration:none}html[data-light] .dropdown-course-item{background:rgba(0,0,0,.02)}html[data-light] .dropdown-course-item:hover{background:#f1f5f9;border-color:#cbd5e1}.dropdown-course-item .item-icon-wrap{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.dropdown-course-item:hover .item-icon-wrap{transform:scale(1.12) rotate(-5deg)}.dropdown-course-item .item-icon-wrap.python{background:linear-gradient(135deg,rgba(37,99,235,.25),rgba(59,130,246,.15));border:1px solid rgba(59,130,246,.35)}.dropdown-course-item .item-icon-wrap.scratch{background:linear-gradient(135deg,rgba(234,88,12,.25),rgba(249,115,22,.15));border:1px solid rgba(249,115,22,.35)}.dropdown-course-item .item-icon-wrap.exam{background:linear-gradient(135deg,rgba(217,119,6,.25),rgba(245,158,11,.15));border:1px solid rgba(245,158,11,.35)}.dropdown-course-item .item-icon{font-size:22px;line-height:1}.dropdown-course-item .item-info{flex:1 1;min-width:0}.dropdown-course-item .item-title{display:flex;align-items:center;gap:8px;color:var(--text);font-size:14px}.dropdown-course-item .item-title b{font-weight:700}.dropdown-course-item .active-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:99px;background:#2563eb;color:#fff}.dropdown-course-item .item-desc{display:block;font-size:12px;color:var(--muted);margin-top:2px;line-height:1.35}.dropdown-course-item .item-action-pill{font-size:12px;font-weight:650;color:var(--muted);background:hsla(0,0%,100%,.05);padding:4px 10px;border-radius:99px;flex-shrink:0;border:1px solid hsla(0,0%,100%,.08);transition:all .18s ease}.dropdown-course-item:hover .item-action-pill{color:#fff;background:#2563eb;border-color:#3b82f6}.dropdown-course-item.active{background:rgba(37,99,235,.08);border-color:rgba(59,130,246,.25)}html[data-light] .dropdown-course-item.active{background:#eff6ff;border-color:#bfdbfe}.dropdown-course-item.active .item-action-pill{color:#93c5fd;background:rgba(37,99,235,.2);border-color:rgba(59,130,246,.35)}.dropdown-course-group{display:flex;flex-direction:column;border-radius:14px;transition:all .2s ease;background:transparent}.dropdown-course-group.expanded{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);padding:4px}html[data-light] .dropdown-course-group.expanded{background:#f8fafc;border-color:#e2e8f0}.dropdown-course-item .item-expand-pill{font-size:11px;font-weight:700;color:#fbbf24;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.35);padding:3px 9px;border-radius:99px;flex-shrink:0;transition:all .18s ease;white-space:nowrap}.dropdown-course-item:hover .item-expand-pill{background:rgba(245,158,11,.28);color:#fef08a;border-color:rgba(245,158,11,.6);transform:scale(1.05)}.dropdown-sub-menu{display:flex;flex-direction:column;gap:5px;padding:6px 6px 6px 14px;margin:3px 0 2px 24px;border-left:2px solid rgba(245,158,11,.4);animation:dropdownSubPop .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdownSubPop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-sub-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;text-decoration:none;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);transition:all .18s cubic-bezier(.34,1.56,.64,1)}.dropdown-sub-item:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.14);transform:translateX(3px);text-decoration:none}html[data-light] .dropdown-sub-item{background:#fff;border-color:#e2e8f0}html[data-light] .dropdown-sub-item:hover{background:#f1f5f9;border-color:#cbd5e1}.dropdown-sub-item .sub-icon-wrap{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;font-size:17px;flex-shrink:0;transition:transform .2s ease}.dropdown-sub-item:hover .sub-icon-wrap{transform:scale(1.15) rotate(-6deg)}.dropdown-sub-item .sub-icon-wrap.python{background:linear-gradient(135deg,rgba(37,99,235,.25),rgba(59,130,246,.15));border:1px solid rgba(59,130,246,.35)}.dropdown-sub-item .sub-icon-wrap.scratch{background:linear-gradient(135deg,rgba(234,88,12,.25),rgba(249,115,22,.15));border:1px solid rgba(249,115,22,.35)}.dropdown-sub-item .sub-info{flex:1 1;min-width:0}.dropdown-sub-item .sub-title-row{display:flex;align-items:center;gap:6px}.dropdown-sub-item .sub-info b,.dropdown-sub-item .sub-title-row b{display:inline-block;font-size:13px;color:var(--text);font-weight:700}.dropdown-sub-item .sub-active-badge{font-size:9.5px;font-weight:750;padding:1.5px 6px;border-radius:99px;background:#2563eb;color:#fff;letter-spacing:.2px;text-transform:uppercase}.dropdown-sub-item.scratch .sub-active-badge{background:#ea580c}.dropdown-sub-item .sub-info small{display:block;font-size:11px;color:var(--muted);line-height:1.3;margin-top:1px}.dropdown-sub-item .sub-action{font-size:11px;font-weight:650;color:#fbbf24;background:rgba(245,158,11,.12);padding:3px 8px;border-radius:99px;border:1px solid rgba(245,158,11,.25);white-space:nowrap;transition:all .18s ease}.dropdown-sub-item:hover .sub-action{color:#fff;background:#d97706;border-color:#f59e0b}.dropdown-sub-item.active{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.2);box-shadow:0 2px 10px rgba(0,0,0,.25)}.dropdown-sub-item.python.active{background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(59,130,246,.08));border-color:rgba(96,165,250,.55);box-shadow:0 0 14px rgba(37,99,235,.2)}.dropdown-sub-item.scratch.active{background:linear-gradient(135deg,rgba(234,88,12,.18),rgba(249,115,22,.08));border-color:rgba(251,146,60,.55);box-shadow:0 0 14px rgba(234,88,12,.2)}.dropdown-sub-item.active .sub-action{background:rgba(37,99,235,.25);color:#93c5fd;border-color:rgba(96,165,250,.5);font-weight:700}.dropdown-sub-item.scratch.active .sub-action{background:rgba(234,88,12,.25);color:#fdba74;border-color:rgba(251,146,60,.5)}html[data-light] .dropdown-sub-item.active{background:#f8fafc;border-color:#cbd5e1}html[data-light] .dropdown-sub-item.python.active{background:#eff6ff;border-color:#93c5fd;box-shadow:0 2px 8px rgba(37,99,235,.1)}html[data-light] .dropdown-sub-item.scratch.active{background:#fff7ed;border-color:#fed7aa;box-shadow:0 2px 8px rgba(234,88,12,.1)}html[data-light] .dropdown-sub-item.python.active .sub-action{background:#dbeafe;color:#1e40af;border-color:#93c5fd}html[data-light] .dropdown-sub-item.scratch.active .sub-action{background:#ffedd5;color:#9a3412;border-color:#fed7aa}.dropdown-menu-footer{margin-top:4px;padding-top:6px;border-top:1px solid hsla(0,0%,100%,.07)}html[data-light] .dropdown-menu-footer{border-top-color:rgba(0,0,0,.06)}.dropdown-footer-link{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:10px;color:var(--muted);font-size:12.5px;font-weight:600;text-decoration:none;transition:all .15s ease}.dropdown-footer-link:hover{color:#60a5fa;background:hsla(0,0%,100%,.05);text-decoration:none}html[data-light] .dropdown-footer-link:hover{color:#2563eb;background:#f1f5f9}.nav-divider{width:1px;height:24px;background:hsla(0,0%,100%,.1);margin:0 4px;opacity:.8;flex-shrink:0}html[data-light] .nav-divider{background:rgba(0,0,0,.08)}.student-nav-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--muted);background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);text-decoration:none;white-space:nowrap!important;transition:all .18s cubic-bezier(.34,1.56,.64,1)!important;line-height:1.2}.student-nav-pill:hover{color:var(--text);background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.16);transform:translateY(-1px);text-decoration:none}.student-nav-pill:hover .choice-icon{transform:scale(1.2) rotate(6deg);transition:transform .2s ease}.student-nav-pill.active{background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(59,130,246,.12));border-color:rgba(96,165,250,.45);color:#93c5fd;font-weight:700;box-shadow:0 2px 10px rgba(37,99,235,.2)}html[data-light] .student-nav-pill{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08);color:#475569}html[data-light] .student-nav-pill:hover{background:rgba(0,0,0,.06);color:#0f172a}html[data-light] .student-nav-pill.active{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8;box-shadow:0 2px 8px rgba(37,99,235,.12)}.header-course-switcher{display:inline-flex;align-items:center;padding:3px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:11px;gap:3px;margin:0 4px;flex-shrink:0;white-space:nowrap!important}html[data-light] .header-course-switcher{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.07)}.header-course-switcher .admin-course-choice{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;color:var(--muted);font-size:13.5px;font-weight:550;white-space:nowrap!important;flex-shrink:0;text-decoration:none;border:1px solid transparent;transition:all .15s ease;line-height:1.4}.choice-icon{font-size:15px;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.choice-label{white-space:nowrap!important;line-height:1.4}.header-course-switcher .admin-course-choice:hover{color:var(--text);background:hsla(0,0%,100%,.07);text-decoration:none;transform:translateY(-1px)}html[data-light] .header-course-switcher .admin-course-choice:hover{background:rgba(0,0,0,.05)}.header-course-switcher .admin-course-choice.active{font-weight:650;box-shadow:0 2px 10px rgba(0,0,0,.3)}.header-course-switcher .admin-course-choice.course-python-basic.active{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#eff6ff;border-color:#60a5fa88;box-shadow:0 2px 12px rgba(37,99,235,.35)}.header-course-switcher .admin-course-choice.course-scratch.active{background:linear-gradient(135deg,#9a3412,#ea580c);color:#fff7ed;border-color:#fb923c88;box-shadow:0 2px 12px rgba(234,88,12,.35)}.header-course-switcher .admin-course-choice.course-exam-prep.active{background:linear-gradient(135deg,#78350f,#b45309);color:#fefce8;border-color:#facc1588;box-shadow:0 2px 12px rgba(202,138,4,.35)}html[data-light] .header-course-switcher .admin-course-choice.course-python-basic.active{background:#dbeafe;color:#1e40af;border-color:#93c5fd;box-shadow:0 1px 6px rgba(37,99,235,.2)}html[data-light] .header-course-switcher .admin-course-choice.course-scratch.active{background:#ffedd5;color:#9a3412;border-color:#fdba74;box-shadow:0 1px 6px rgba(234,88,12,.2)}html[data-light] .header-course-switcher .admin-course-choice.course-exam-prep.active{background:#fef9c3;color:#854d0e;border-color:#fde047;box-shadow:0 1px 6px rgba(202,138,4,.2)}.header-actions{display:inline-flex;gap:10px}.header-actions,.user-chip{align-items:center;flex-shrink:0;white-space:nowrap!important}.user-chip{display:inline-flex!important;gap:8px;padding:4px 10px 4px 5px;border-radius:999px;background:hsla(0,0%,100%,.04);border:1px solid var(--border);font-size:13.5px;transition:all .15s ease}html[data-light] .user-chip{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.09)}button.user-chip.admin-chip{cursor:pointer;border:1px solid rgba(245,158,11,.4);background:rgba(245,158,11,.08);font-family:inherit;transition:all .18s ease}button.user-chip.admin-chip:hover{background:rgba(245,158,11,.18);border-color:#f59e0b;box-shadow:0 0 14px rgba(245,158,11,.3);transform:translateY(-1px)}.brand-btn{background:transparent;border:0;padding:0;cursor:pointer;text-align:left;font-family:inherit}.brand-admin-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;background:rgba(245,158,11,.18);border:1px solid rgba(245,158,11,.4);color:#fbbf24;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:all .15s ease;line-height:1.2}.brand-admin-tag:hover{transform:translateY(-1px) scale(1.03);text-decoration:none;box-shadow:0 2px 8px rgba(245,158,11,.35)}.brand-admin-tag.active,.brand-admin-tag:hover{background:#f59e0b;color:#1f1202;border-color:#f59e0b}.brand-admin-tag.active{box-shadow:0 0 10px rgba(245,158,11,.45)}.user-chip .user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-chip .user-avatar-initial{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:12px;font-weight:750;flex-shrink:0;border:1px solid hsla(0,0%,100%,.18);box-shadow:0 1px 4px rgba(37,99,235,.3)}.user-chip .user-name{color:var(--text);font-weight:600;white-space:nowrap!important;max-width:140px;overflow:hidden;text-overflow:ellipsis}.user-chip .user-role{display:inline-flex;align-items:center;font-style:normal;text-transform:uppercase;font-size:10px;font-weight:750;letter-spacing:.05em;padding:2px 7px;border-radius:999px;white-space:nowrap!important;flex-shrink:0;line-height:1.2}.user-chip .user-role.admin{background:rgba(245,158,11,.18);color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.user-chip .user-role.teacher{background:rgba(16,185,129,.18);color:#6ee7b7;border:1px solid rgba(16,185,129,.35)}.user-chip .user-role.student{background:rgba(59,130,246,.18);color:#93c5fd;border:1px solid rgba(59,130,246,.35)}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--border);background:hsla(0,0%,100%,.04);color:var(--muted);font-size:15px;cursor:pointer;flex-shrink:0;transition:all .15s ease}html[data-light] .theme-toggle-btn{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.09)}.theme-toggle-btn:hover{color:#facc15;background:rgba(250,204,21,.12);border-color:rgba(250,204,21,.35);transform:rotate(18deg) scale(1.05)}.logout-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 13px;border-radius:8px;border:1px solid var(--border);background:hsla(0,0%,100%,.04);color:var(--muted);font-size:13.5px;font-weight:550;white-space:nowrap!important;flex-shrink:0;cursor:pointer;transition:all .15s ease}html[data-light] .logout-btn{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.09)}.logout-btn:hover{color:#f87171;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.35);transform:translateY(-1px)}html[data-light] .logout-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}@media (max-width:1100px){.header-inner{gap:12px}.brand-text{font-size:16px}.nav .nav-link,.nav a{padding:6px 10px;font-size:13px}.header-course-switcher .admin-course-choice{padding:5px 9px;font-size:12.5px}}@media (max-width:900px){.nav .admin-course-choice{font-size:12.5px!important}.user-chip .user-name{max-width:90px}}@media (max-width:768px){.header-inner{gap:8px}.brand-text,.user-chip .user-name{display:none}}