*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#060709;--bg-card:#111318;--bg-elevated:#1a1c22;--text:#e2e8f0;--text-muted:#94a3b8;--text-heading:#fff;--accent:#ed1e3c;--accent-hover:#f43f5e;--success:#22c55e;--error:#ef4444;--border:#2a2c33;--code-bg:#0d0f14;--code-text:#f9a8b8;--shadow:0 4px 20px #00000080;--radius:12px;--radius-sm:8px;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}[data-theme=light]{--bg:#f8f9fb;--bg-card:#fff;--bg-elevated:#f0f1f4;--text:#334155;--text-muted:#64748b;--text-heading:#0f172a;--accent:#ed1e3c;--accent-hover:#dc1832;--success:#16a34a;--error:#dc2626;--border:#e2e4e9;--code-bg:#f1f5f9;--code-text:#be123c;--shadow:0 4px 20px #00000014}body{background:var(--bg);min-height:100vh}#root{min-height:100vh}h1,h2,h3{color:var(--text-heading);line-height:1.3}.welcome-screen{text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.welcome-screen:before{content:"";pointer-events:none;background:linear-gradient(#ed1e3c14 0%,#0000 100%);height:300px;position:absolute;top:0;left:0;right:0}.welcome-content{z-index:1;max-width:560px;position:relative}.welcome-title{background:linear-gradient(135deg,#ed1e3c,#f43f5e,#ed1e3c);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:800}.welcome-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.3rem;font-weight:400}.welcome-description{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem}.welcome-landmarks{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem;font-size:1.8rem;display:flex}.welcome-landmarks span{cursor:default;transition:transform .2s}.welcome-landmarks span:hover{transform:scale(1.3)}.welcome-form{flex-direction:column;align-items:center;gap:.75rem;display:flex}.welcome-label{color:var(--text);font-size:1.1rem}.welcome-input{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);width:100%;max-width:320px;color:var(--text);text-align:center;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.welcome-input:focus{border-color:var(--accent);outline:none}.welcome-error{color:var(--error);font-size:.9rem}.welcome-button{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#ed1e3c,#c41830);border:none;margin-top:.5rem;padding:.85rem 2.5rem;font-size:1.1rem;font-weight:700;transition:transform .15s,box-shadow .15s}.welcome-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ed1e3c4d}.chapter-map{max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem}.map-header{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:2rem;padding:1.5rem 2rem}.map-greeting{margin-bottom:.75rem;font-size:1.5rem}.map-stats{flex-wrap:wrap;gap:1.5rem;margin-bottom:.75rem;display:flex}.stat{background:var(--bg-elevated);color:var(--accent);border-radius:20px;padding:.35rem .75rem;font-size:.85rem;font-weight:600}.xp-bar-container{background:var(--bg-elevated);border-radius:12px;height:24px;position:relative;overflow:hidden}.xp-bar{background:linear-gradient(90deg,#ed1e3c,#f43f5e);border-radius:12px;min-width:0;height:100%;transition:width .5s}.xp-bar-label{color:var(--text);text-shadow:0 1px 2px #00000080;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex;position:absolute;inset:0}.map-title{text-align:center;margin-bottom:2rem;font-size:2rem}.map-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.map-chapter-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;color:var(--text);padding:1.5rem;font-family:inherit;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.map-chapter-card:not(:disabled):hover{border-color:var(--chapter-color);transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.map-chapter-card.available{border-color:var(--border);opacity:.75}.map-chapter-card.available:hover{opacity:1}.map-chapter-card.completed{border-color:var(--success);background:linear-gradient(135deg, var(--bg-card), #22c55e14)}.map-chapter-card.in-progress{border-color:var(--chapter-color)}.chapter-card-icon{margin-bottom:.5rem;font-size:2.5rem}.chapter-card-number{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.25rem;font-size:.75rem}.chapter-card-title{margin-bottom:.25rem;font-size:1.15rem}.chapter-card-landmark{color:var(--text-muted);font-size:.85rem}.chapter-card-arabic{color:var(--text-muted);direction:rtl;margin-top:.25rem;font-size:.9rem}.chapter-card-lock{font-size:1.2rem;position:absolute;top:.75rem;right:.75rem}.chapter-card-badge{font-size:1.4rem;animation:2s ease-in-out infinite badgePulse;position:absolute;top:.75rem;right:.75rem}.chapter-card-progress{color:var(--accent);margin-top:.5rem;font-size:.8rem;font-weight:600}.chapter-card-status-dot{background:var(--text-muted);opacity:.5;border-radius:50%;width:8px;height:8px;margin:.5rem auto 0}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.chapter-intro{text-align:center;flex-direction:column;align-items:center;max-width:700px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}.chapter-intro-header{margin:2rem 0}.chapter-intro-icon{margin-bottom:1rem;font-size:4rem;display:block}.chapter-intro-title{margin-bottom:.25rem;font-size:2rem}.chapter-intro-landmark{color:var(--text-muted);font-size:1.1rem;font-weight:400}.chapter-intro-arabic{color:var(--text-muted);direction:rtl;margin-top:.25rem;font-size:1.1rem}.chapter-intro-story p{white-space:pre-line}.chapter-intro-story{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);border-left:4px solid var(--chapter-color);margin:1.5rem 0;padding:1.5rem 2rem;font-size:1.05rem;line-height:1.8}.chapter-intro-image{border-radius:calc(var(--radius) - 4px);object-fit:contain;max-width:100%;max-height:320px;margin:0 auto 1.25rem;display:block}.chapter-intro-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.back-button{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;transition:background .15s}.back-button:hover{background:var(--border)}.chapter-button{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.75rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s}.chapter-button.primary{color:#fff;background:linear-gradient(135deg,#ed1e3c,#c41830)}.chapter-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ed1e3c4d}.chapter-button.primary:disabled{opacity:.4;cursor:not-allowed}.chapter-button.secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.chapter-button.secondary:hover{background:var(--border)}.chapter-button.ghost{color:var(--text-muted);background:0 0;border:none}.chapter-button.ghost:hover{color:var(--text)}.lesson-view{max-width:900px;min-height:100vh;margin:0 auto;padding:2rem}.lesson-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.lesson-progress{color:var(--text-muted);font-size:.9rem}.lesson-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:left;margin-bottom:2rem;padding:2rem}.lesson-chapter-icon{text-align:center;margin-bottom:1rem;font-size:2rem;display:block}.lesson-title{text-align:center;margin-bottom:1rem;font-size:1.5rem}.lesson-text{white-space:pre-line;margin-bottom:1.5rem;font-size:1.05rem;line-height:1.8}.lesson-code-block,.lesson-output-block{border-radius:var(--radius-sm);margin-top:1rem;overflow:hidden}.code-block-header,.output-block-header{background:var(--bg-elevated);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:.4rem 1rem;font-size:.75rem;font-weight:600}.code-block-content,.output-block-content{background:var(--code-bg);color:var(--code-text);white-space:pre-wrap;word-break:break-word;padding:1rem;font-family:Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.7;overflow-x:auto}.lesson-image{flex-direction:column;align-items:center;margin:1.5rem 0;display:flex}.lesson-image img{object-fit:contain;border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:280px;height:auto;display:block}.lesson-image img[src$=\.svg]{background:#fff;width:100%;max-width:760px;height:auto;padding:.75rem}.lesson-image-wide img{background:#fff;max-width:560px;padding:.75rem}.lesson-image img:not([src$=\.svg]){width:auto;max-height:340px}.lesson-footer-image{margin-top:.5rem}.lesson-steps{width:100%}.lesson-step{margin-bottom:.75rem}.lesson-step-button{margin-bottom:1rem}.lesson-link{justify-content:center;margin:.5rem 0 1.5rem;display:flex}.lesson-link a{text-decoration:none;display:inline-block}.challenge-image img{max-width:620px}.lesson-reveal{justify-content:center;margin:1rem 0 1.5rem;display:flex}.lesson-image-caption{color:var(--text-muted);text-align:center;max-width:760px;margin-top:.5rem;font-size:.85rem;font-style:italic}.lesson-actions{text-align:center}.challenge-view{max-width:700px;min-height:100vh;margin:0 auto;padding:2rem}.challenge-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.challenge-progress{color:var(--text-muted);font-size:.9rem}.challenge-xp{background:var(--accent);color:#fff;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:700}.challenge-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:left;margin-bottom:2rem;padding:2rem}.challenge-icon{text-align:center;margin-bottom:1rem;font-size:2rem;display:block}.challenge-question{text-align:center;margin-bottom:1.5rem;font-size:1.2rem}.challenge-code{background:var(--code-bg);border-radius:var(--radius-sm);color:var(--code-text);white-space:pre-wrap;word-break:break-word;margin-bottom:1.5rem;padding:1rem;font-family:Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.7;overflow-x:auto}.challenge-choices{flex-direction:column;gap:.6rem;display:flex}.choice-button{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;color:var(--text);align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .15s,background .15s;display:flex}.choice-button:not(:disabled):hover{border-color:var(--accent)}.choice-button.selected{border-color:var(--accent);background:#ed1e3c1a}.choice-button.correct{border-color:var(--success);background:#22c55e1a}.choice-button.incorrect{border-color:var(--error);background:#ef44441a}.choice-letter{background:var(--border);width:28px;height:28px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.choice-text{flex:1}.challenge-fill{text-align:center}.fill-input{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;max-width:400px;color:var(--text);text-align:center;padding:.75rem 1rem;font-family:Fira Code,Consolas,monospace;font-size:1rem;transition:border-color .2s}.fill-input:focus{border-color:var(--accent);outline:none}.fill-input.correct{border-color:var(--success)}.fill-input.incorrect{border-color:var(--error)}.challenge-drag-drop{flex-direction:column;gap:1.5rem;display:flex}.drag-items{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.drag-item{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:grab;-webkit-user-select:none;user-select:none;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:transform .15s}.drag-item:hover{transform:scale(1.05)}.drop-zones{flex-direction:column;gap:.5rem;display:flex}.drop-zone{background:var(--bg-elevated);border:2px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;padding:.75rem 1rem;transition:border-color .15s;display:flex}.drop-zone.filled{border-style:solid;border-color:var(--accent)}.drop-zone.correct{border-color:var(--success);background:#22c55e14}.drop-zone.incorrect{border-color:var(--error);background:#ef444414}.drop-zone-label{color:var(--text-muted);font-family:Fira Code,Consolas,monospace;font-size:.9rem}.drop-zone-item{background:var(--accent);color:#fff;border-radius:4px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.challenge-feedback{border-radius:var(--radius-sm);text-align:center;margin-top:1.5rem;padding:1rem;font-weight:600}.challenge-feedback.correct{color:var(--success);border:1px solid var(--success);background:#22c55e1f}.challenge-feedback.incorrect{color:var(--error);border:1px solid var(--error);background:#ef44441f}.challenge-hint-area{text-align:center;margin-top:1rem}.hint-toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.9rem;text-decoration:underline}.hint-text{color:var(--text-muted);margin-top:.5rem;font-size:.9rem;font-style:italic}.challenge-actions{text-align:center}.badge-earned{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.badge-celebration{animation:.6s ease-out badgeAppear}@keyframes badgeAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.badge-icon-large{margin-bottom:1rem;font-size:5rem;animation:1s ease-out badgeSpin}@keyframes badgeSpin{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.badge-congrats{background:linear-gradient(135deg,#ed1e3c,#f43f5e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem}.badge-name{margin-bottom:.5rem;font-size:1.5rem}.badge-description{color:var(--text-muted);max-width:400px;margin-bottom:1rem}.badge-xp-total{color:var(--accent);margin-bottom:2rem;font-size:1.2rem;font-weight:700}.badge-story-outro{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);border-left:4px solid var(--chapter-color);max-width:500px;margin-bottom:2rem;padding:1.5rem 2rem;line-height:1.8}@media (width<=640px){.welcome-title{font-size:2.2rem}.welcome-landmarks{gap:.5rem;font-size:1.4rem}.map-grid{grid-template-columns:1fr}.challenge-header{flex-direction:column;align-items:flex-start}}.lesson-visual{margin:1.5rem 0}.vis-variable-boxes{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.vis-var-wrapper{flex-direction:column;align-items:center;gap:.4rem;display:flex}.vis-var-card{background:var(--bg-elevated);border-radius:var(--radius-sm);text-align:center;border:2px solid;min-width:120px;padding:.75rem 1.5rem}.vis-var-name{color:var(--text-muted);font-family:Fira Code,monospace;font-size:.8rem}.vis-var-value{color:var(--text-heading);font-family:Fira Code,monospace;font-size:1.1rem}.type-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.vis-string-index{text-align:center}.vis-string-label{color:var(--text-muted);margin-bottom:.5rem;font-family:Fira Code,monospace;font-size:1rem}.vis-index-row{justify-content:center;gap:2px;display:flex}.vis-char-cell{background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;flex-direction:column;align-items:center;min-width:36px;padding:.25rem;display:flex}.vis-char-cell.highlighted{border-color:var(--accent);background:#ed1e3c26}.vis-char{color:var(--text-heading);font-family:Fira Code,monospace;font-size:1.1rem}.vis-index{color:var(--accent);margin-top:2px;font-size:.65rem;font-weight:700}.vis-list{text-align:center}.vis-list-name{color:var(--text-muted);margin-bottom:.5rem;font-family:Fira Code,monospace}.vis-list-row{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.vis-list-cell{background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;flex-direction:column;align-items:center;min-width:60px;padding:.5rem .75rem;display:flex}.vis-list-cell.highlighted{border-color:var(--success);background:#22c55e1a}.vis-list-value{color:var(--code-text);font-family:Fira Code,monospace;font-size:.85rem}.vis-list-bracket{color:var(--text-muted);align-items:center;padding:0 .25rem;font-family:Fira Code,monospace;font-size:1.8rem;font-weight:300;display:flex}.vis-dict{text-align:center}.vis-dict-name{color:var(--text-muted);margin-bottom:.5rem;font-family:Fira Code,monospace}.vis-dict-table{border-collapse:collapse;min-width:250px;margin:0 auto}.vis-dict-table th{background:var(--bg-elevated);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border:1px solid var(--border);padding:.4rem 1rem;font-size:.75rem}.vis-dict-table td{border:1px solid var(--border);padding:.5rem 1rem;font-family:Fira Code,monospace;font-size:.9rem}.vis-dict-key{color:var(--accent)}.vis-dict-val{color:var(--code-text)}.vis-type-badges{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.vis-type-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:.4rem;min-width:100px;padding:.75rem 1rem;display:flex}.vis-type-value{color:var(--text-heading);font-family:Fira Code,monospace;font-size:.9rem}.vis-flow{flex-direction:column;gap:.5rem;display:flex}.vis-flow-step{background:var(--bg-elevated);border-radius:var(--radius-sm);border-left:3px solid var(--accent);align-items:flex-start;gap:.75rem;min-width:0;padding:.5rem .75rem;display:flex}.vis-flow-code{color:var(--code-text);word-break:break-word;overflow-wrap:anywhere;white-space:normal;flex:none;min-width:0;max-width:38%;font-family:Fira Code,monospace;font-size:.85rem}.vis-flow-arrow{color:var(--accent);flex-shrink:0;font-size:1.2rem;line-height:1.4}.vis-flow-result{color:var(--success);word-break:break-word;overflow-wrap:anywhere;white-space:normal;flex:1 1 0;min-width:0;font-family:Fira Code,monospace;font-size:.85rem;font-weight:600}.vis-comparison{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.vis-comp-side{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;flex:1;min-width:120px;padding:.75rem 1rem}.vis-comp-side code{color:var(--code-text);white-space:pre-wrap;font-family:Fira Code,monospace;font-size:.85rem;display:block}.vis-comp-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.25rem;font-size:.7rem}.vis-comp-before{border-color:var(--error)}.vis-comp-after{border-color:var(--success)}.vis-comp-arrow{color:var(--accent);text-align:center;flex-shrink:0;font-size:.85rem;font-weight:700}.vis-nested{text-align:left}.vis-nested-expr{text-align:center;margin-bottom:.75rem}.vis-nested-expr code{color:var(--accent);background:var(--bg-elevated);border-radius:var(--radius-sm);padding:.4rem 1rem;font-family:Fira Code,monospace;font-size:1rem}.vis-nested-layers{flex-direction:column;gap:.35rem;display:flex}.vis-nested-layer{background:var(--bg-elevated);border-left:2px solid var(--accent);border-radius:4px;align-items:center;gap:.75rem;padding:.4rem .75rem;display:flex}.vis-nested-code{color:var(--code-text);min-width:200px;font-family:Fira Code,monospace;font-size:.8rem}.vis-nested-meaning{color:var(--text-muted);font-size:.8rem}.instructor-dashboard{max-width:900px;min-height:100vh;margin:0 auto;padding:2rem}.instructor-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.instructor-title{font-size:1.8rem}.instructor-warning{border:1px solid var(--accent);border-radius:var(--radius-sm);background:#ed1e3c1a;margin-bottom:1.5rem;padding:1rem}.instructor-warning code{background:var(--code-bg);color:var(--code-text);border-radius:3px;padding:.1rem .4rem;font-size:.85rem}.instructor-loading,.instructor-empty{text-align:center;color:var(--text-muted);padding:3rem}.instructor-stats-bar{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.instructor-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent);padding:.5rem 1rem;font-size:.9rem;font-weight:600}.instructor-table{border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius);width:100%;overflow:hidden}.instructor-table th{background:var(--bg-elevated);color:var(--text-muted);text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1rem;font-size:.8rem}.instructor-table td{border-top:1px solid var(--border);padding:.75rem 1rem;font-size:.9rem}.instructor-row{cursor:pointer;transition:background .15s}.instructor-row:hover{background:var(--bg-elevated)}.student-name{color:var(--text-heading);font-weight:600}.instructor-detail-row td{padding:0}.student-detail{background:var(--bg-elevated);padding:.5rem 1rem 1rem}.student-chapter-row{color:var(--text-muted);border-bottom:1px solid var(--border);gap:1.5rem;padding:.4rem 0;font-size:.8rem;display:flex}.student-chapter-row:last-child{border-bottom:none}.final-exam-section{text-align:center;margin-top:2rem}.final-exam-button{border-radius:var(--radius);color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#ed1e3c,#c41830);border:none;align-items:center;gap:1rem;width:100%;max-width:400px;margin:0 auto;padding:1.25rem 2rem;font-family:inherit;transition:transform .15s,box-shadow .15s;display:flex}.final-exam-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ed1e3c4d}.final-exam-icon{flex-shrink:0;font-size:2.5rem}.final-exam-title{color:#fff;margin-bottom:.15rem;font-size:1.2rem}.final-exam-desc{opacity:.85;font-size:.85rem}.exam-score-bar{text-align:center;color:var(--accent);padding:.5rem;font-size:.9rem;font-weight:600}.final-results{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.final-results-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:100%;max-width:440px;padding:3rem 2.5rem;animation:.6s ease-out badgeAppear}.final-results-icon{margin-bottom:1rem;font-size:4rem;display:block}.final-results-title{margin-bottom:.25rem;font-size:2rem}.final-results-name{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.1rem;font-weight:400}.final-results-score{color:var(--text-heading);margin-bottom:.25rem;font-size:3rem;font-weight:800}.final-results-pct{color:var(--accent);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.final-results-message{color:var(--text-muted);margin-bottom:2rem;line-height:1.6}.final-results-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.app-menu{z-index:100;position:fixed;top:1rem;right:1rem}.app-menu-trigger{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;width:42px;height:42px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:1.1rem;transition:background .2s;display:flex}.app-menu-trigger:hover{background:var(--border)}.app-menu-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);min-width:180px;position:absolute;top:50px;right:0;overflow:hidden}.app-menu-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.6rem;padding:.7rem 1rem;font-family:inherit;font-size:.9rem;transition:background .15s;display:flex}.app-menu-item:hover{background:var(--bg-elevated)}.app-menu-icon{flex-shrink:0;font-size:1.1rem}.install-guide{max-width:900px;min-height:100vh;margin:0 auto;padding:2rem}.install-guide-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.install-guide-title{font-size:1.8rem}.install-guide-picker{text-align:center;padding:3rem 1rem}.install-guide-prompt{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem}.install-guide-options{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.install-guide-breadcrumb{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.install-guide-os-btn{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);flex-direction:column;align-items:center;gap:.75rem;padding:2rem 3rem;font-family:inherit;transition:border-color .2s,transform .2s;display:flex}.install-guide-os-btn:hover{border-color:var(--accent);transform:translateY(-3px)}.os-icon{font-size:3rem}.os-label{color:var(--text-heading);font-size:1.1rem;font-weight:600}.install-guide-viewer{flex-direction:column;height:calc(100vh - 120px);display:flex}.install-guide-viewer-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.install-guide-os-label{color:var(--text-heading);font-size:1rem;font-weight:600}.install-guide-pdf{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);flex:1;width:100%}.course-select{text-align:center;max-width:800px;min-height:100vh;margin:0 auto;padding:3rem 2rem}.course-select-title{color:var(--text-heading);margin-bottom:.5rem;font-size:2rem}.course-select-subtitle{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.1rem}.course-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.course-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;font-family:inherit;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.course-card:hover{border-color:var(--course-color,var(--accent));transform:translateY(-4px);box-shadow:0 8px 30px #0000004d}.course-card-icon{font-size:3.5rem}.course-card-title{color:var(--text-heading);font-size:1.4rem}.course-card-desc{color:var(--text-muted);font-size:.95rem;line-height:1.5}.course-card-chapters{color:var(--text-muted);background:var(--bg-elevated);border-radius:999px;padding:.25rem .75rem;font-size:.85rem}.course-card-progress{align-items:center;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.course-progress-bar{background:var(--bg-elevated);border-radius:3px;flex:1;height:6px;overflow:hidden}.course-progress-fill{background:var(--course-color,var(--accent));border-radius:3px;height:100%;transition:width .3s}.course-progress-label{color:var(--text-muted);min-width:2.5rem;font-size:.8rem}.back-to-courses-button{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-bottom:.5rem;padding:.25rem 0;font-family:inherit;font-size:.9rem;transition:opacity .2s}.back-to-courses-button:hover{opacity:.8}.confetti-container{pointer-events:none;z-index:200;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.confetti-piece{top:-10px;left:var(--x,50vw);opacity:.9;width:8px;height:12px;animation:confetti-fall var(--fall,4s) ease-out var(--delay,0s) forwards;border-radius:2px;position:absolute}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)translate(0)rotate(0)scale(1)}to{transform:translateY(100vh) translateX(var(--drift,0px)) rotate(var(--spin,360deg)) scale(.5);opacity:0}}.celebrate-bounce{animation:.6s cubic-bezier(.34,1.56,.64,1) bounce-in}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.detective-game{max-width:1000px;min-height:100vh;margin:0 auto;padding:2rem}.detective-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.detective-title{color:var(--text-heading);font-size:1.8rem}.detective-case-file{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-sm);margin-bottom:1.5rem;padding:1.25rem}.detective-brief{color:var(--text);line-height:1.6}.detective-brief code{background:var(--code-bg);color:var(--code-text);border-radius:4px;padding:.1rem .35rem;font-size:.9em}.detective-section-title{color:var(--text-heading);margin-bottom:.75rem;font-size:1.15rem}.detective-filters{flex-direction:column;gap:.6rem;margin-bottom:2rem;display:flex}.detective-filter-btn{text-align:left;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);padding:.85rem 1rem;font-family:inherit;transition:border-color .15s,background .15s,transform .1s}.detective-filter-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.detective-filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.detective-filter-btn.active .filter-code{color:#fff;background:#0003}.filter-label{margin-bottom:.35rem;font-size:.95rem;font-weight:600}.filter-code{background:var(--code-bg);color:var(--code-text);border-radius:4px;padding:.2rem .5rem;font-family:SF Mono,Menlo,monospace;font-size:.8rem;display:inline-block}.detective-results{margin-bottom:2rem}.suspect-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem;margin-bottom:1rem;display:grid}.suspect-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:1rem}.suspect-emoji{margin-bottom:.4rem;font-size:2.5rem}.suspect-name{color:var(--text-heading);margin-bottom:.5rem;font-size:.95rem;font-weight:600}.suspect-detail{color:var(--text-muted);margin-bottom:.15rem;font-size:.8rem}.suspect-alibi{color:var(--text-muted);margin-top:.5rem;font-size:.75rem;font-style:italic}.no-suspects{color:var(--text-muted);text-align:center;grid-column:1/-1;padding:1rem;font-style:italic}.detective-win{text-align:center;background:var(--bg-card);border:2px solid var(--success);border-radius:var(--radius);max-width:600px;margin:2rem auto;padding:3rem 1.5rem}.detective-win-emoji{margin-bottom:.5rem;font-size:4rem}.detective-win-title{color:var(--success);margin-bottom:1rem;font-size:2rem}.detective-win-text{color:var(--text);margin-bottom:1rem;font-size:1.05rem;line-height:1.6}.detective-win-subtle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.detective-cta{background:linear-gradient(135deg, var(--accent), #3b82f6)!important}.capstone-game{max-width:900px;min-height:100vh;margin:0 auto;padding:2rem}.capstone-header{margin-bottom:2rem}.capstone-title{color:var(--text-heading);margin:1rem 0 .75rem;font-size:1.8rem}.capstone-progress{background:var(--bg-elevated);border-radius:3px;width:100%;height:6px;overflow:hidden}.capstone-progress-fill{background:linear-gradient(90deg,#ed1e3c,#f59e0b,#22c55e);border-radius:3px;height:100%;transition:width .4s}.capstone-stage{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;padding:2rem}.capstone-stage-emoji{text-align:center;margin-bottom:1rem;font-size:3rem}.capstone-stage-title{color:var(--text-heading);margin-bottom:1rem;font-size:1.5rem}.capstone-stage-text{color:var(--text);margin-bottom:1rem;line-height:1.6}.capstone-stage-text code{background:var(--code-bg);color:var(--code-text);border-radius:4px;padding:.1rem .35rem;font-size:.9em}.capstone-rule-code{background:var(--code-bg);color:var(--code-text);border-radius:var(--radius-sm);white-space:pre;margin:1rem 0;padding:1rem;font-family:SF Mono,Menlo,monospace;font-size:.85rem;overflow-x:auto}.capstone-feedback{border-radius:var(--radius-sm);margin:.75rem 0;padding:.5rem .75rem;font-size:.9rem}.capstone-feedback.correct{color:var(--success);background:#22c55e1f}.capstone-feedback.wrong{color:var(--error);background:#ef44441f}.quiz-options{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.quiz-option{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);padding:.6rem 1rem;font-family:SF Mono,Menlo,monospace;transition:all .15s}.quiz-option:hover{border-color:var(--accent)}.quiz-option.correct{background:var(--success);border-color:var(--success);color:#fff}.quiz-option.wrong{background:var(--error);border-color:var(--error);color:#fff}.type-match-list{flex-direction:column;gap:.5rem;margin:1rem 0;display:flex}.type-row{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:1rem;padding:.6rem .85rem;display:flex}.type-row.correct{border-color:var(--success)}.type-row.wrong{border-color:var(--error)}.type-value{background:var(--code-bg);color:var(--code-text);border-radius:4px;min-width:110px;padding:.3rem .6rem;font-family:SF Mono,Menlo,monospace}.type-options{flex-wrap:wrap;gap:.4rem;display:flex}.type-pill{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:999px;padding:.3rem .85rem;font-family:inherit;font-size:.85rem;transition:all .15s}.type-pill:hover{border-color:var(--accent)}.type-pill.correct{background:var(--success);border-color:var(--success);color:#fff}.type-pill.wrong{background:var(--error);border-color:var(--error);color:#fff}.rider-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin:1rem 0;display:grid}.rider-card{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:.85rem}.rider-card.correct{border-color:var(--success)}.rider-card.wrong{border-color:var(--error)}.rider-emoji{font-size:2rem}.rider-name{color:var(--text-heading);margin:.25rem 0;font-weight:600}.rider-stat{color:var(--text-muted);font-size:.8rem}.rider-actions{justify-content:center;gap:.4rem;margin-top:.5rem;display:flex}.rider-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);flex:1;padding:.35rem .5rem;font-family:inherit;font-size:.8rem;transition:all .15s}.rider-btn.allow.selected{background:var(--success);color:#fff;border-color:var(--success)}.rider-btn.reject.selected{background:var(--error);color:#fff;border-color:var(--error)}.price-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin:1rem 0;display:grid}.price-card{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:.85rem}.price-card.correct{border-color:var(--success)}.price-card.wrong{border-color:var(--error)}.price-options{flex-wrap:wrap;justify-content:center;gap:.3rem;margin-top:.5rem;display:flex}.price-pill{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:999px;padding:.3rem .7rem;font-family:inherit;font-size:.8rem;transition:all .15s}.price-pill:hover{border-color:var(--accent)}.price-pill.correct{background:var(--success);border-color:var(--success);color:#fff}.price-pill.wrong{background:var(--error);border-color:var(--error);color:#fff}.capstone-win{text-align:center;background:var(--bg-card);border:2px solid var(--success);border-radius:var(--radius);max-width:600px;margin:2rem auto;padding:2.5rem 1.5rem}.capstone-win-emoji{margin-bottom:.5rem;font-size:4rem}.capstone-win-title{color:var(--success);margin-bottom:1rem;font-size:2rem}.capstone-win-text,.capstone-win-subtle{color:var(--text);margin-bottom:1rem;line-height:1.6}.capstone-win-subtle{color:var(--text-muted);font-size:.95rem}.capstone-win-list{text-align:left;margin:1rem 0;padding:0;list-style:none;display:inline-block}.capstone-win-list li{color:var(--text);padding:.3rem 0}.capstone-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.coin-counter{color:#fff;background:linear-gradient(135deg,#f59e0b,#ed1e3c);border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #f59e0b59}.coin-icon{font-size:1.2rem}.coin-pop{animation:.4s cubic-bezier(.34,1.56,.64,1) coin-pop;display:inline-block}@keyframes coin-pop{0%{transform:scale(1)}40%{transform:scale(1.5)}to{transform:scale(1)}}.manager-widget{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);z-index:50;align-items:center;gap:.75rem;max-width:280px;padding:.75rem 1rem;transition:border-color .2s,transform .2s;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 6px 20px #00000040}.manager-widget.mood-happy{border-color:var(--success)}.manager-widget.mood-angry{border-color:var(--error);animation:.3s shake}.manager-widget.mood-shocked{border-color:#f59e0b}.manager-widget.mood-proud{border-color:var(--accent)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.manager-emoji{flex-shrink:0;font-size:2rem;line-height:1}.manager-bubble{color:var(--text);font-size:.85rem;line-height:1.35}.type-row.locked .type-pill:not(.correct){opacity:.4;cursor:default}.type-hint{color:var(--text-muted);font-size:.8rem;font-style:italic}.queue-display{text-align:center;margin:1rem 0}.queue-label{color:var(--text-muted);margin-bottom:.4rem;font-size:.85rem}.queue-dots{justify-content:center;gap:.4rem;display:flex}.queue-dot{background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;width:10px;height:10px}.queue-dot.done{background:var(--success);border-color:var(--success)}.queue-dot.active{background:var(--accent);border-color:var(--accent);animation:1s infinite pulse-dot}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.rider-spotlight{background:linear-gradient(135deg, var(--bg-elevated), var(--bg-card));border:2px solid var(--border);border-radius:var(--radius);text-align:center;margin:1rem 0;padding:1.5rem;animation:.4s cubic-bezier(.34,1.56,.64,1) slide-in}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.rider-spotlight-emoji{font-size:4rem;line-height:1}.rider-spotlight-name{color:var(--text-heading);margin:.4rem 0;font-size:1.4rem;font-weight:700}.rider-spotlight-stats{color:var(--text);justify-content:center;gap:1.5rem;margin-bottom:.5rem;display:flex}.rider-spotlight-quote{color:var(--text-muted);margin-bottom:1rem;font-style:italic}.rider-spotlight-actions{justify-content:center;gap:.75rem;display:flex}.big-btn{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);padding:.85rem 1.75rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .15s}.big-btn:hover{transform:translateY(-2px)}.big-btn.allow{border-color:var(--success);color:var(--success)}.big-btn.allow:hover{background:var(--success);color:#fff}.big-btn.reject{border-color:var(--error);color:var(--error)}.big-btn.reject:hover{background:var(--error);color:#fff}.results-tape{flex-wrap:wrap;gap:.4rem;margin:1rem 0;display:flex}.tape-stub{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .6rem;font-size:.85rem}.tape-stub.good{border-color:var(--success);color:var(--success)}.tape-stub.bad{border-color:var(--error);color:var(--error)}.retry-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.75rem 0;display:flex}.trace-table{background:var(--bg-elevated);border-radius:var(--radius-sm);margin:1rem 0;overflow:hidden}.trace-row{border-bottom:1px solid var(--border);color:var(--text);grid-template-columns:1.5fr 1fr .6fr;padding:.5rem .85rem;font-size:.85rem;display:grid}.trace-row.header{background:var(--bg-card);color:var(--text-heading);text-transform:uppercase;font-size:.75rem;font-weight:600}.trace-row.bad{color:var(--error)}.quiz-option.big{min-width:60px;padding:.85rem 1.25rem;font-size:1.1rem}.register-display{background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius-sm);text-align:center;color:var(--text);margin:1rem 0;padding:.6rem 1rem}.customer-quote{color:var(--text-muted);min-height:1.5em;margin:.3rem 0 .5rem;font-size:.75rem;font-style:italic}.price-card.locked .price-pill:not(.correct){opacity:.4}.register-big{color:#fff;border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,#f59e0b,#ed1e3c);margin:1.25rem 0;padding:1rem;font-size:1.2rem;font-weight:600;box-shadow:0 4px 16px #f59e0b59}.finale-total{font-size:1.6rem;display:inline-block}.finale-line{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem;margin:1rem 0;display:grid}.finale-customer{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);text-align:center;padding:.75rem;font-family:inherit;transition:all .15s}.finale-customer:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.finale-customer.done{background:var(--success);border-color:var(--success);color:#fff;cursor:default}.finale-emoji{font-size:2.2rem}.finale-age{color:var(--text-muted);margin:.2rem 0;font-size:.85rem}.finale-customer.done .finale-age{color:#ffffffe6}.finale-cta{color:var(--accent);font-size:.8rem;font-weight:600}.finale-paid{font-size:.85rem;font-weight:700}.capstone-win-coins{color:var(--text);margin:.75rem 0 .25rem;font-size:1.4rem}.capstone-win-rank{color:var(--accent);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.capstone-cta{margin-top:.75rem;background:linear-gradient(135deg,#f59e0b,#ed1e3c)!important;border-color:#0000!important}.capstone-cta:hover{filter:brightness(1.05)}.trace-terminal{border-radius:var(--radius-sm);background:#0d0f14;border:1px solid #2a2c33;margin:1rem 0;padding:1rem 1.25rem;font-family:SF Mono,Menlo,monospace}.trace-line{align-items:center;gap:.5rem;font-size:1.2rem;display:flex}.trace-var{color:#f9a8b8}.trace-eq{color:#94a3b8}.trace-val{color:#22c55e;min-width:2rem;font-size:1.5rem;font-weight:700;display:inline-block}.trace-hint{color:#94a3b8;margin-top:.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:.85rem}.age-conveyor{grid-template-columns:repeat(5,1fr);gap:.5rem;margin:1.25rem 0;display:grid;position:relative}.conveyor-cell{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-sm);text-align:center;opacity:.5;padding:.65rem .5rem;transition:all .3s;position:relative}.conveyor-cell.pending{opacity:.4;filter:grayscale(.5)}.conveyor-cell.active{opacity:1;border-color:var(--accent);background:var(--bg-card);animation:1.4s infinite pulse-active;transform:scale(1.08);box-shadow:0 6px 18px #ed1e3c59}.conveyor-cell.done{opacity:1;border-color:var(--success);background:var(--bg-card)}@keyframes pulse-active{0%,to{box-shadow:0 6px 18px #ed1e3c59}50%{box-shadow:0 6px 24px #ed1e3c99}}.conveyor-emoji{font-size:1.8rem;line-height:1}.conveyor-age{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.conveyor-cell.active .conveyor-age{color:var(--text-heading);font-weight:700}.conveyor-paid{color:var(--success);margin-top:.25rem;font-size:.9rem;font-weight:700}.conveyor-pointer{color:var(--accent);animation:1s infinite bounce-down;position:absolute;top:-1.1rem;left:50%;transform:translate(-50%)}@keyframes bounce-down{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(4px)}}.debugger-question{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius);text-align:center;margin:1rem 0;padding:1.25rem;animation:.3s ease-out slide-in}.debugger-prompt{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.debugger-prompt code{background:var(--code-bg);color:var(--code-text);border-radius:var(--radius-sm);padding:.4rem .7rem;font-family:SF Mono,Menlo,monospace;font-size:1rem;font-weight:600}.debugger-arrow{color:var(--accent);font-size:1.3rem;font-weight:700}.detective-header-v2{margin-bottom:1.5rem}.detective-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.detective-stage-bar{background:var(--bg-elevated);border-radius:3px;width:100%;height:6px;margin-top:.75rem;overflow:hidden}.detective-stage-bar-fill{background:linear-gradient(90deg,#ed1e3c,#a855f7,#3b82f6);border-radius:3px;height:100%;transition:width .4s}.detective-stage-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;padding:2rem}.detective-scene-emoji{text-align:center;margin-bottom:1rem;font-size:3rem}.detective-stage-title{color:var(--text-heading);margin-bottom:1rem;font-size:1.5rem}.detective-stage-text{color:var(--text);margin-bottom:1rem;line-height:1.6}.detective-steps{color:var(--text);margin:1rem 0;padding-left:1.25rem;line-height:1.8}.witness-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin:1.25rem 0;display:grid}.witness-card{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);text-align:center;padding:1rem;font-family:inherit;transition:all .2s}.witness-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.witness-card.revealed{background:var(--bg-card);border-color:var(--success);cursor:default}.witness-emoji{font-size:2.5rem}.witness-name{color:var(--text-heading);margin:.35rem 0;font-weight:700}.witness-hint{color:var(--text-muted);font-size:.85rem;font-style:italic}.witness-quote{color:var(--text);background:var(--bg-elevated);border-radius:var(--radius-sm);margin:.5rem 0;padding:.5rem;font-size:.9rem;font-style:italic;animation:.3s ease-out slide-in}.witness-unlock{color:var(--success);font-size:.85rem;font-weight:600}.detective-filter-btn.locked-filter{opacity:.45;cursor:not-allowed}.detective-filter-btn.locked-filter:hover{border-color:var(--border);transform:none}.suspect-accuse-card{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);text-align:center;padding:1rem;font-family:inherit;transition:all .15s;position:relative}.suspect-accuse-card:hover:not(:disabled){border-color:var(--error);transform:translateY(-2px);box-shadow:0 6px 18px #ef444440}.suspect-accuse-card.cleared{opacity:.35;filter:grayscale(.6);cursor:not-allowed;border-style:dashed}.suspect-cleared-badge{color:var(--error);font-size:.8rem;font-weight:700;position:absolute;top:.3rem;right:.4rem}.detective-win-stats{color:var(--text);flex-direction:column;gap:.4rem;margin:1rem 0;font-size:1rem;display:flex}.detective-win-rank{color:var(--accent);margin-top:.5rem;font-size:1.15rem;font-weight:700}.code-steps{flex-direction:column;gap:.85rem;margin:1rem 0 1.25rem;display:flex}.code-step{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem;transition:border-color .2s,background .2s}.code-step.solved{border-color:var(--success)}.code-step.locked{opacity:.5}.code-step.shake{border-color:var(--error);animation:.4s shake-x}@keyframes shake-x{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.code-step-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.code-step-title{color:var(--text-heading);font-size:.95rem;font-weight:700}.code-step-locked{color:var(--text-muted);font-size:.75rem;font-style:italic}.code-step-clue{color:var(--text);margin-top:.35rem;font-size:.9rem}.code-step-hint{color:var(--text-muted);margin:.25rem 0 .55rem;font-size:.8rem}.code-step-inputrow{flex-wrap:wrap;align-items:stretch;gap:.5rem;margin-top:.3rem;display:flex}.code-step-input{background:var(--code-bg);min-width:260px;color:var(--code-text);border:2px solid var(--border);border-radius:var(--radius-sm);flex:1;padding:.55rem .75rem;font-family:SF Mono,Menlo,monospace;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.code-step-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ed1e3c2e}.code-step-input:disabled{opacity:.55;cursor:not-allowed}.code-step-solved{background:var(--code-bg);color:var(--success);border-radius:var(--radius-sm);margin-top:.35rem;padding:.55rem .75rem;font-family:SF Mono,Menlo,monospace;font-size:.9rem;font-weight:600}.suspect-card{position:relative}.suspect-index-badge{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem;font-family:SF Mono,Menlo,monospace;font-size:.7rem;position:absolute;top:.4rem;left:.4rem}.suspect-card.highlight{border-color:var(--accent);box-shadow:0 0 0 3px #ed1e3c40}.suspect-accuse-card.highlight{border-color:var(--accent);box-shadow:0 8px 22px #ed1e3c4d}.vis-join-venn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin:1rem 0;padding:1rem}.venn-buttons{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:.85rem;display:flex}.venn-btn{background:var(--bg-elevated);border:2px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;padding:.3rem .8rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s}.venn-btn:hover{border-color:var(--accent)}.venn-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.venn-svg{width:100%;max-width:460px;height:auto;margin:.5rem auto;display:block}.venn-code{background:var(--code-bg);color:var(--code-text);border-radius:var(--radius-sm);white-space:pre;max-width:100%;margin:.75rem auto .4rem;padding:.55rem .8rem;font-family:SF Mono,Menlo,monospace;font-size:.8rem;overflow-x:auto}.venn-desc{color:var(--text);text-align:center;margin:.25rem 0 0;font-size:.9rem}.vis-concat-axis{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin:1rem 0;padding:1rem}.concat-stage{justify-content:center;align-items:center;gap:1rem;margin:1rem 0;transition:all .35s;display:flex}.concat-stage.axis-0{flex-direction:column}.concat-stage.axis-1{flex-direction:row}.concat-block{border-radius:var(--radius-sm);border:2px solid;min-width:180px;transition:all .35s;overflow:hidden}.concat-block.left{background:#ed1e3c14;border-color:#ed1e3c}.concat-block.right{background:#3b82f614;border-color:#3b82f6}.concat-block-label{text-align:center;color:#fff;padding:.3rem .5rem;font-size:.8rem;font-weight:700}.concat-block.left .concat-block-label{background:#ed1e3c}.concat-block.right .concat-block-label{background:#3b82f6}.concat-rows{flex-direction:column;font-family:SF Mono,Menlo,monospace;font-size:.8rem;display:flex}.concat-row{border-top:1px solid var(--border);color:var(--text);grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem .5rem;display:grid}.concat-row.header{background:var(--bg-elevated);color:var(--text-muted);text-transform:uppercase;border-top:none;font-size:.7rem;font-weight:700}.concat-row span{padding:.1rem 0}.concat-arrow{color:var(--accent);font-size:1.5rem;transition:transform .35s}.concat-equals{text-align:center;color:var(--text-muted);margin:.25rem 0;font-size:1.6rem}.concat-result{justify-content:center;margin-top:.25rem;display:flex}.concat-block.combined{background:#22c55e14;border-color:#22c55e}.concat-block.combined .concat-block-label{background:#22c55e}.concat-row.from-left{background:#ed1e3c1f}.concat-row.from-right{background:#3b82f61f}.concat-rows.axis-1 .concat-row.axis-1{background:0 0;grid-template-columns:repeat(4,1fr);display:grid}.concat-rows.axis-1 .concat-row.axis-1>.from-left{background:#ed1e3c1f;padding:.1rem .3rem}.concat-rows.axis-1 .concat-row.axis-1>.from-right{background:#3b82f61f;padding:.1rem .3rem}.vis-chart-picker{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.vis-chart-picker-q{color:var(--text);margin:0;font-weight:600}.vis-chart-picker-row{flex-wrap:wrap;gap:.5rem;display:flex}.chart-pick-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:.25rem;padding:.55rem .75rem;transition:transform .15s,border-color .15s,background .15s;display:flex}.chart-pick-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.chart-pick-btn.selected{border-color:var(--accent);background:#ed1e3c14}.chart-pick-btn.correct{color:#16a34a;background:#16a34a1f;border-color:#16a34a}.chart-pick-btn.wrong{color:#dc2626;background:#dc26261a;border-color:#dc2626}.chart-pick-label{font-size:.75rem;font-weight:600}.vis-chart-picker-feedback{color:var(--text);background:#94a3b81f;border-radius:8px;padding:.55rem .7rem;font-size:.85rem}.vis-chart-picker-feedback.correct{color:var(--success);background:#22c55e26;border:1px solid #22c55e66}.vis-chart-picker-feedback.wrong{color:var(--error);background:#ef444426;border:1px solid #ef444466}[data-theme=light] .vis-chart-picker-feedback.correct{color:#14532d}[data-theme=light] .vis-chart-picker-feedback.wrong{color:#7f1d1d}.mini-chart{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin:.5rem 0;padding:.5rem}.mini-chart svg{width:100%;height:auto;display:block}.mini-chart-title{text-align:center;color:var(--text);margin:0 0 .25rem;font-size:.78rem;font-weight:600}.vis-axis-anatomy{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:.75rem}.vis-axis-anatomy svg{cursor:pointer;width:100%;height:auto;color:var(--text)}.vis-axis-anatomy svg text{fill:currentColor}.vis-axis-anatomy .anatomy-legend-box{fill:var(--bg-card);stroke:var(--border)}.anatomy-part{cursor:pointer;transition:opacity .15s}.anatomy-part.active{filter:drop-shadow(0 0 4px #ed1e3cb3)}.anatomy-desc{color:var(--text-muted);margin:.5rem 0 0;font-size:.85rem}.headline-hunt-game{max-width:920px;margin:0 auto;padding:1rem}.headline-hunt-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.headline-hunt-title{margin:0;font-size:1.4rem}.headline-hunt-progress{gap:.25rem;display:flex}.headline-hunt-dot{background:var(--bg-card);border:1px solid var(--border);border-radius:50%;width:14px;height:14px}.headline-hunt-dot.solved{background:#16a34a;border-color:#15803d}.headline-hunt-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px #ed1e3c33}.headline-hunt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-bottom:.75rem;padding:1rem}.headline-hunt-brief{background:#ed1e3c14;border-radius:10px;align-items:flex-start;gap:.6rem;margin-bottom:.75rem;padding:.6rem;display:flex}.headline-hunt-step{margin:.5rem 0 .4rem;font-weight:600}.headline-hunt-input-row{gap:.5rem;display:flex}.headline-hunt-input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;flex:1;padding:.5rem .7rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.9rem}.headline-hunt-hint{color:var(--text-muted);background:#0000000a;border-radius:8px;margin-top:.4rem;padding:.4rem .6rem;font-size:.85rem}.headline-hunt-published{color:#111;background:#fff;border:1px dashed #aaa;border-radius:8px;margin-top:.6rem;padding:.6rem}.headline-hunt-coin-counter{background:var(--bg-card);border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-weight:600;display:inline-flex}.headline-hunt-win{text-align:center;padding:1rem}.vis-traffic-light{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.5rem 0;display:grid}.traffic-col{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:.6rem;position:relative}.traffic-dot{border-radius:50%;width:16px;height:16px;margin-bottom:.4rem}.traffic-green .traffic-dot{background:#16a34a}.traffic-yellow .traffic-dot{background:#f59e0b}.traffic-red .traffic-dot{background:#dc2626}.traffic-label{margin-bottom:.3rem;font-size:.85rem;font-weight:700}.traffic-col ul{margin:0;padding-left:1rem;font-size:.8rem}.vis-sandbox{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin:.5rem 0;padding:.6rem}.sandbox-outside-label,.sandbox-inside-label{margin-bottom:.25rem;font-size:.85rem;font-weight:600}.sandbox-inside{background:#f59e0b14;border:2px dashed #f59e0b;border-radius:10px;margin-top:.5rem;padding:.5rem}.vis-sandbox ul{margin:0;padding-left:1.2rem;font-size:.85rem}.vis-os-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin:.5rem 0;padding:.5rem}.os-tabs-title{margin-bottom:.4rem;font-size:.85rem;font-weight:600}.os-tabs-row{flex-wrap:wrap;gap:.3rem;margin-bottom:.4rem;display:flex}.os-tab-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;padding:.3rem .7rem;font-size:.8rem;font-weight:600}.os-tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.os-tab-body{white-space:pre-wrap;word-break:break-word;background:#0000000a;border-radius:8px;margin:0;padding:.5rem .7rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem}.vis-proxy{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:12px;margin:.5rem 0;padding:.75rem}.proxy-chain{flex-direction:column;align-items:center;gap:.2rem;display:flex}.proxy-step{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.4rem .7rem;font-size:.85rem;font-weight:600}.proxy-arrow{color:var(--text-muted);font-size:1rem}.proxy-caption{color:var(--text-muted);margin-top:.5rem;font-size:.85rem}.vis-plan-mode{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.5rem 0;padding:.6rem;display:flex}.plan-mode-step{align-items:center;gap:.3rem;display:inline-flex}.plan-mode-num{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:inline-flex}.plan-mode-text{font-size:.85rem}.plan-mode-arrow{color:var(--text-muted)}.vis-trust-meter{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin:.5rem 0;padding:.7rem}.trust-bar{background:#00000014;border-radius:999px;height:10px;overflow:hidden}.trust-bar-fill{background:linear-gradient(90deg,#f59e0b,#16a34a);height:100%;transition:width .4s}.trust-labels{color:var(--text-muted);justify-content:space-between;margin-top:.4rem;font-size:.75rem;display:flex}.trust-label.active{color:var(--text);font-weight:700}.vis-time-machine{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin:.5rem 0;padding:.7rem}.time-machine-strip{flex-wrap:wrap;justify-content:space-between;gap:.4rem;display:flex}.time-machine-point{text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:10px;flex:1;min-width:90px;padding:.4rem}.time-dot{color:#16a34a;font-size:1rem}.time-label{font-size:.78rem;font-weight:600}.time-action{color:var(--text-muted);font-size:.7rem}.time-machine-arrow{color:var(--text-muted);text-align:center;margin-top:.5rem;font-size:.8rem}.time-machine-caption{color:var(--text-muted);text-align:center;margin:.4rem 0 0;font-size:.8rem}.vis-vscode-sc{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;grid-template-columns:40px 1fr;gap:.5rem;margin:.5rem 0;padding:.6rem;display:grid}.vscode-sidebar{background:#0000000d;border-radius:8px;justify-content:center;align-items:flex-start;padding-top:.5rem;display:flex}.vscode-icon{font-size:1.2rem}.vscode-steps{margin:0;padding-left:1.2rem;font-size:.85rem}.vscode-steps li{margin:.2rem 0}.intern-game{max-width:920px;margin:0 auto;padding:1rem}.intern-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-bottom:.75rem;padding:1rem}.intern-brief{background:#0ea5e91a;border-radius:10px;align-items:flex-start;gap:.6rem;margin-bottom:.75rem;padding:.6rem;display:flex}.intern-step-label{margin:.4rem 0 .3rem;font-weight:600}.intern-choice-row{flex-wrap:wrap;gap:.4rem;display:flex}.intern-choice{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;padding:.4rem .7rem;font-size:.85rem}.intern-choice.selected{border-color:var(--accent);background:#0ea5e91a}.intern-choice.correct{background:#16a34a1f;border-color:#16a34a}.intern-choice.wrong{background:#dc26261a;border-color:#dc2626}.intern-diff{white-space:pre-wrap;background:#0000000a;border-radius:8px;margin-top:.4rem;padding:.5rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.8rem}.intern-diff .added{background:#16a34a26;display:block}.intern-diff .removed{background:#dc26261f;text-decoration:line-through;display:block}.intern-hint{color:var(--text-muted);background:#0000000a;border-radius:8px;margin-top:.4rem;padding:.4rem .6rem;font-size:.85rem}.intern-progress{gap:.3rem;margin-bottom:.6rem;display:flex}.intern-dot{background:var(--bg-card);border:1px solid var(--border);border-radius:50%;width:14px;height:14px}.intern-dot.solved{background:#16a34a;border-color:#15803d}.intern-dot.active{background:var(--accent);border-color:var(--accent)}.intern-coin-counter{background:var(--bg-card);border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-weight:600;display:inline-flex}.landing{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.landing-main{text-align:center;width:100%;max-width:820px}.landing-main h1{margin-bottom:.5rem;font-size:2rem}.landing-tagline{color:var(--text-muted);margin-bottom:2.5rem}.landing-theme-toggle{background:var(--bg-card);border:2px solid var(--border);cursor:pointer;width:2.75rem;height:2.75rem;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:transform .15s,border-color .15s;display:flex;position:fixed;top:1rem;right:1rem}.landing-theme-toggle:hover,.landing-theme-toggle:focus-visible{border-color:var(--text-muted);transform:translateY(-2px)}.programme-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.programme-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:2.5rem 2rem;text-decoration:none;transition:transform .15s,border-color .15s;display:block}.programme-card:hover,.programme-card:focus-visible{border-color:var(--card-color);transform:translateY(-4px)}.programme-icon{margin-bottom:1rem;font-size:3.5rem;display:block}.programme-card-title{color:var(--text-heading);margin-bottom:.35rem;font-size:1.35rem;font-weight:700}.programme-card-name{color:var(--card-color);margin-bottom:.75rem;font-weight:600}.programme-card-desc{color:var(--text-muted);font-size:.95rem}