:root{--bg-0: #060911;--bg-1: #0d1117;--bg-2: #161b26;--bg-3: #1c2433;--bg-4: #212d40;--green: #00e676;--green-dim: rgba(0, 230, 118, .08);--green-border: rgba(0, 230, 118, .25);--green-glow: 0 0 24px rgba(0, 230, 118, .2);--blue: #58a6ff;--blue-dim: rgba(88, 166, 255, .08);--purple: #a371f7;--orange: #ffa657;--red: #f85149;--yellow: #e3b341;--text-1: #e6edf3;--text-2: #8b949e;--text-3: #484f58;--border-1: rgba(255, 255, 255, .06);--border-2: rgba(255, 255, 255, .11);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--sidebar-width: 290px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-0);color:var(--text-1);font-family:var(--font-sans);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}#root{height:100%}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}code,kbd,pre,samp{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.app{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;overflow-y:auto;background:var(--bg-1);transition:margin-left .3s ease}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--bg-0);border-right:1px solid var(--border-1);display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease;position:relative;z-index:10}.sidebar.collapsed{width:0}.sidebar-inner{width:var(--sidebar-width);display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-logo{padding:20px 18px 16px;border-bottom:1px solid var(--border-1);flex-shrink:0}.logo-mark{display:flex;align-items:center;gap:10px;margin-bottom:2px}.logo-hex{width:30px;height:30px;background:var(--green-dim);border:1px solid var(--green-border);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;color:var(--green);font-weight:600}.logo-title{font-size:16px;font-weight:700;color:var(--text-1);letter-spacing:-.3px}.logo-sub{font-size:11px;color:var(--text-3);font-family:var(--font-mono);letter-spacing:.5px}.sidebar-progress-section{padding:14px 18px;border-bottom:1px solid var(--border-1);flex-shrink:0}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:11px;color:var(--text-3);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.7px}.progress-label span:last-child{color:var(--green);font-weight:600}.progress-bar-track{height:4px;background:var(--bg-3);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--green),#00c853);border-radius:2px;transition:width .5s ease;box-shadow:0 0 8px #00e67680}.sidebar-nav{flex:1;overflow-y:auto;padding:10px 0}.nav-section-label{padding:10px 18px 4px;font-size:10px;font-family:var(--font-mono);color:var(--text-3);text-transform:uppercase;letter-spacing:1px}.course-item{display:flex;align-items:center;gap:10px;padding:9px 18px;cursor:pointer;transition:background .15s;border-left:2px solid transparent;position:relative}.course-item:hover{background:#ffffff08}.course-item.active{background:var(--green-dim);border-left-color:var(--green)}.course-item.locked{opacity:.45;cursor:not-allowed}.course-item.locked:hover{background:transparent}.course-num{font-family:var(--font-mono);font-size:11px;color:var(--text-3);width:22px;flex-shrink:0}.course-item.active .course-num{color:var(--green)}.course-info{flex:1;min-width:0}.course-item-title{font-size:13px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.course-item.active .course-item-title{color:var(--text-1)}.course-item-sub{font-size:10px;color:var(--text-3);font-family:var(--font-mono);margin-top:1px}.course-status-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px}.status-done{width:16px;height:16px;background:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;color:#000;font-weight:700}.status-current{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 6px var(--green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 6px var(--green)}50%{opacity:.5;box-shadow:0 0 12px var(--green)}}.status-lock{font-size:11px;opacity:.5}.sidebar-footer{padding:14px 18px;border-top:1px solid var(--border-1);flex-shrink:0}.next-release-label{font-size:10px;color:var(--text-3);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.7px;margin-bottom:5px}.sidebar-toggle{position:fixed;top:16px;left:16px;z-index:100;width:32px;height:32px;background:var(--bg-2);border:1px solid var(--border-2);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-2);font-size:16px;transition:all .15s}.sidebar-toggle:hover{background:var(--bg-3);color:var(--text-1);border-color:var(--border-2)}.sidebar-open .sidebar-toggle{left:calc(var(--sidebar-width) + 16px)}.welcome{max-width:860px;margin:0 auto;padding:60px 40px}.welcome-hero{margin-bottom:48px}.welcome-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--green);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.welcome-title{font-size:38px;font-weight:700;letter-spacing:-1px;line-height:1.1;margin-bottom:14px;background:linear-gradient(135deg,var(--text-1) 30%,var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-desc{font-size:15px;color:var(--text-2);max-width:540px;line-height:1.7}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}.stat-card{background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:20px}.stat-value{font-size:32px;font-weight:700;font-family:var(--font-mono);color:var(--green);line-height:1;margin-bottom:6px}.stat-label{font-size:12px;color:var(--text-2);font-weight:500}.welcome-next{background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:24px;margin-bottom:32px}.welcome-next-label{font-family:var(--font-mono);font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.welcome-next-title{font-size:18px;font-weight:600;color:var(--text-1);margin-bottom:6px}.welcome-next-sub{font-size:13px;color:var(--text-2);margin-bottom:18px}.courses-overview{display:flex;flex-direction:column;gap:10px}.overview-label{font-size:12px;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.overview-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--radius);cursor:pointer;transition:all .15s}.overview-item:hover:not(.ov-locked){border-color:var(--border-2);background:var(--bg-3)}.overview-item.ov-locked{opacity:.4;cursor:not-allowed}.ov-num{font-family:var(--font-mono);font-size:11px;color:var(--text-3);width:24px}.ov-title{flex:1;font-size:13px;font-weight:500}.ov-status{font-size:11px;font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all .15s;border:1px solid transparent;outline:none}.btn-primary{background:var(--green);color:#000;border-color:var(--green);font-weight:600}.btn-primary:hover{background:#0f8;box-shadow:var(--green-glow)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-ghost{background:transparent;color:var(--text-2);border-color:var(--border-2)}.btn-ghost:hover{background:var(--bg-3);color:var(--text-1)}.btn-outline-green{background:var(--green-dim);color:var(--green);border-color:var(--green-border)}.btn-outline-green:hover{background:#00e67626;box-shadow:var(--green-glow)}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{padding:11px 22px;font-size:15px}.course-page{max-width:820px;margin:0 auto;padding:40px 40px 80px}.course-breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3);font-family:var(--font-mono);margin-bottom:24px}.breadcrumb-sep{color:var(--text-3)}.breadcrumb-current{color:var(--text-2)}.course-header{margin-bottom:36px}.course-number-badge{display:inline-block;font-family:var(--font-mono);font-size:11px;color:var(--green);background:var(--green-dim);border:1px solid var(--green-border);border-radius:4px;padding:2px 8px;margin-bottom:12px;letter-spacing:.5px}.course-title{font-size:28px;font-weight:700;letter-spacing:-.5px;line-height:1.2;color:var(--text-1);margin-bottom:6px}.course-subtitle{font-size:15px;color:var(--text-2);margin-bottom:16px;line-height:1.5}.course-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.meta-tag{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-2);font-family:var(--font-mono)}.meta-tag .dot{width:5px;height:5px;border-radius:50%;background:var(--text-3);margin-right:2px}.tag-pill{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-family:var(--font-mono);background:var(--bg-3);color:var(--text-3);border:1px solid var(--border-1)}.course-divider{height:1px;background:var(--border-1);margin:28px 0}.content-h2{font-size:20px;font-weight:700;color:var(--text-1);margin:32px 0 12px;letter-spacing:-.3px;position:relative;padding-left:14px}.content-h2:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--green);border-radius:2px}.content-h3{font-size:15px;font-weight:600;color:var(--text-1);margin:22px 0 8px}.content-p{font-size:14px;color:var(--text-2);line-height:1.75;margin:10px 0}.content-p code{background:var(--bg-3);color:var(--green);padding:1px 6px;border-radius:4px;font-size:12.5px;border:1px solid var(--border-1)}.content-p strong{color:var(--text-1);font-weight:600}.content-p em{color:var(--orange);font-style:normal}.content-code-block{background:var(--bg-0);border:1px solid var(--border-1);border-radius:var(--radius);overflow:hidden;margin:16px 0}.code-header{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;background:var(--bg-2);border-bottom:1px solid var(--border-1)}.code-lang{font-family:var(--font-mono);font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.8px}.code-copy{font-size:10px;color:var(--text-3);cursor:pointer;font-family:var(--font-mono);background:none;border:none;padding:2px 6px;border-radius:3px;transition:all .15s}.code-copy:hover{background:var(--bg-3);color:var(--text-2)}.code-content{padding:14px 16px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--text-1);white-space:pre}.callout{border-radius:var(--radius);padding:14px 16px;margin:16px 0;border-left:3px solid;display:flex;gap:12px}.callout.info{background:var(--blue-dim);border-color:var(--blue)}.callout.warning{background:#e3b34114;border-color:var(--yellow)}.callout.danger{background:#f8514914;border-color:var(--red)}.callout.success{background:var(--green-dim);border-color:var(--green)}.callout-icon{font-size:14px;flex-shrink:0;margin-top:1px}.callout-title{font-size:13px;font-weight:600;color:var(--text-1);margin-bottom:3px}.callout-text{font-size:13px;color:var(--text-2);line-height:1.6}.callout-text code{background:var(--bg-3);color:var(--green);padding:1px 5px;border-radius:3px;font-size:12px}.content-list{margin:12px 0;padding-left:0;list-style:none}.content-list li{font-size:14px;color:var(--text-2);line-height:1.7;padding:3px 0 3px 18px;position:relative}.content-list li:before{content:"›";position:absolute;left:4px;color:var(--green);font-weight:700}.content-list.ordered{counter-reset:list-counter}.content-list.ordered li{counter-increment:list-counter}.content-list.ordered li:before{content:counter(list-counter) ".";color:var(--text-3);font-family:var(--font-mono);font-size:12px}.content-list li code{background:var(--bg-3);color:var(--green);padding:1px 6px;border-radius:3px;font-size:12.5px;border:1px solid var(--border-1)}.content-list li strong{color:var(--text-1)}.content-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13px}.content-table th{text-align:left;padding:8px 12px;background:var(--bg-2);color:var(--text-1);font-weight:600;border-bottom:1px solid var(--border-2);font-size:12px}.content-table td{padding:8px 12px;color:var(--text-2);border-bottom:1px solid var(--border-1)}.content-table td code{background:var(--bg-3);color:var(--green);padding:1px 5px;border-radius:3px;font-size:12px;border:1px solid var(--border-1)}.content-table tr:last-child td{border-bottom:none}.content-divider{height:1px;background:var(--border-1);margin:28px 0}.exercise-section{margin-top:48px;border:1px solid var(--border-2);border-top:2px solid var(--green);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-2)}.exercise-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-1);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.exercise-label{font-family:var(--font-mono);font-size:10px;color:var(--green);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:5px}.exercise-title{font-size:18px;font-weight:700;color:var(--text-1)}.exercise-badge{flex-shrink:0;padding:4px 10px;border-radius:4px;font-size:11px;font-family:var(--font-mono);font-weight:600}.badge-flag{background:#a371f71a;color:var(--purple);border:1px solid rgba(163,113,247,.25)}.badge-question{background:var(--blue-dim);color:var(--blue);border:1px solid rgba(88,166,255,.25)}.exercise-body{padding:20px 24px}.exercise-scenario{background:var(--bg-0);border:1px solid var(--border-1);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px;font-size:13px;color:var(--text-2);line-height:1.7}.exercise-scenario-label{font-family:var(--font-mono);font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.exercise-desc{font-size:14px;color:var(--text-2);line-height:1.7;margin-bottom:16px}.exercise-desc code{background:var(--bg-0);color:var(--green);padding:1px 6px;border-radius:3px;font-size:12.5px;border:1px solid var(--border-1)}.exercise-file-info{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-3);border:1px solid var(--border-1);border-radius:var(--radius);margin-bottom:16px;font-size:13px;color:var(--text-2);font-family:var(--font-mono)}.file-icon{color:var(--orange);font-size:14px}.hints-section{margin-bottom:20px}.hints-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hints-label{font-size:12px;color:var(--text-3);font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.hint-item{display:flex;gap:10px;padding:10px 14px;background:#e3b3410d;border:1px solid rgba(227,179,65,.15);border-radius:var(--radius);margin-bottom:8px;font-size:13px;color:var(--text-2);line-height:1.5;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hint-num{flex-shrink:0;font-family:var(--font-mono);font-size:10px;color:var(--yellow);font-weight:600;padding-top:2px}.hint-item code{background:var(--bg-0);color:var(--green);padding:1px 5px;border-radius:3px;font-size:12px;border:1px solid var(--border-1)}.flag-input-section{margin-top:4px}.flag-input-label{font-size:12px;color:var(--text-3);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.flag-input-row{display:flex;gap:10px}.flag-input{flex:1;background:var(--bg-0);border:1px solid var(--border-2);border-radius:var(--radius);padding:9px 14px;font-family:var(--font-mono);font-size:13px;color:var(--text-1);outline:none;transition:border-color .15s}.flag-input:focus{border-color:var(--green-border);box-shadow:0 0 0 2px #00e6761a}.flag-input.error{border-color:var(--red);animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.flag-input-placeholder{color:var(--text-3)}.choices{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.choice-item{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--bg-0);border:1px solid var(--border-2);border-radius:var(--radius);cursor:pointer;transition:all .15s;font-size:13px;color:var(--text-2)}.choice-item:hover{border-color:var(--border-2);background:var(--bg-3);color:var(--text-1)}.choice-item.selected{border-color:var(--green-border);background:var(--green-dim);color:var(--text-1)}.choice-radio{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--border-2);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.choice-item.selected .choice-radio{border-color:var(--green);background:var(--green)}.choice-item.selected .choice-radio:after{content:"";width:5px;height:5px;background:#000;border-radius:50%}.exercise-success{padding:32px 24px;text-align:center}.success-icon-wrap{width:60px;height:60px;border-radius:50%;background:var(--green-dim);border:2px solid var(--green-border);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:26px;box-shadow:var(--green-glow);animation:successPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes successPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.success-title{font-size:20px;font-weight:700;color:var(--green);margin-bottom:8px}.success-sub{font-size:14px;color:var(--text-2);margin-bottom:20px;line-height:1.6}.locked-overlay{padding:40px;text-align:center}.lock-icon-wrap{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--bg-3);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px}.locked-title{font-size:18px;font-weight:600;color:var(--text-1);margin-bottom:6px}.locked-sub{font-size:13px;color:var(--text-2);line-height:1.6;max-width:360px;margin:0 auto 20px}.countdown{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:13px;color:var(--yellow);background:#e3b34114;border:1px solid rgba(227,179,65,.2);border-radius:var(--radius);padding:5px 10px}.countdown-sm{font-size:11px;padding:3px 8px}.countdown-dot{width:5px;height:5px;background:var(--yellow);border-radius:50%;animation:blink 1s infinite;flex-shrink:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.feedback-error{margin-top:8px;font-size:12px;color:var(--red);font-family:var(--font-mono);display:flex;align-items:center;gap:5px}.progress-dots{display:flex;gap:5px;margin-bottom:20px}.pdot{width:20px;height:4px;border-radius:2px;background:var(--bg-3);cursor:pointer;transition:background .15s}.pdot.done{background:var(--green)}.pdot.current{background:var(--green);opacity:.5}.pdot:hover{background:var(--border-2)}@media (max-width: 768px){.sidebar{position:fixed;height:100%;transform:translate(0);z-index:50}.sidebar.collapsed{width:0;transform:translate(-100%)}.welcome,.course-page{padding:24px 20px 60px}.stats-grid{grid-template-columns:repeat(2,1fr)}.welcome-title{font-size:28px}.flag-input-row{flex-direction:column}.sidebar-open .sidebar-toggle{left:16px}}