*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#050706;--bg-card:#0c1310;--bg-card-2:#0a1a14;--border:#15291f;--border-strong:#1d3a2d;--text:#e8f5ed;--text-muted:#6a8579;--text-dim:#3d524a;--accent:#22c55e;--accent-bright:#4ade80;--accent-deep:#064e3b;--accent-glow:#22c55e26;--akamai:#09c;--akamai-glow:#0099cc26;--danger:#ef4444;--danger-bg:#2a0e0e}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Funnel Sans,-apple-system,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 0,#22c55e14,#0000 50%),radial-gradient(circle at 80% 100%,#0099cc0d,#0000 55%);position:fixed;inset:0}.app{z-index:1;max-width:480px;min-height:100vh;margin:0 auto;padding:32px 24px 48px;position:relative}h1{letter-spacing:-.02em;font-family:Instrument Serif,serif;font-size:48px;font-weight:400;line-height:.98}h1 em{color:var(--text-muted);font-style:italic}h2{letter-spacing:-.01em;font-family:Instrument Serif,serif;font-size:32px;font-weight:400;line-height:1.05}h3{letter-spacing:-.01em;font-family:Instrument Serif,serif;font-size:26px;font-weight:400;line-height:1.1}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.eyebrow.akamai{color:var(--akamai)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.screen{animation:.35s ease-out fadeIn}.topbar{justify-content:space-between;align-items:center;min-height:44px;margin-bottom:24px;display:flex}.back-btn{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:44px;height:44px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;font-size:18px;text-decoration:none;transition:all .15s;display:flex}.back-btn:hover{border-color:var(--accent)}.topbar-title{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.topbar-meta{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:12px}.spacer{flex:1}.track-card{cursor:pointer;color:var(--text);border:1px solid;border-radius:20px;margin-bottom:16px;padding:28px 24px;text-decoration:none;transition:transform .2s,border-color .2s;display:block;position:relative;overflow:hidden}.track-card:active{transform:scale(.98)}.track-card.green{background:linear-gradient(160deg,#052e1c 0%,#04140e 100%);border-color:#0d3522}.track-card.green:hover{border-color:var(--accent)}.track-card.blue{background:linear-gradient(160deg,#052838 0%,#051018 100%);border-color:#0c3548}.track-card.blue:hover{border-color:var(--akamai)}.track-card.amber{background:linear-gradient(160deg,#2e1f0e 0%,#14100a 100%);border-color:#4a3216}.track-card.amber:hover{border-color:#f59e0b}.track-card.violet{background:linear-gradient(160deg,#261433 0%,#100818 100%);border-color:#3d1e52}.track-card.violet:hover{border-color:#a855f7}.track-card.rose{background:linear-gradient(160deg,#2e0e1c 0%,#140a0e 100%);border-color:#4a1632}.track-card.rose:hover{border-color:#f43f5e}.track-card.red{background:linear-gradient(160deg,#2e0e0e 0%,#140a0a 100%);border-color:#4a1616}.track-card.red:hover{border-color:#ef4444}.track-card.cyan{background:linear-gradient(160deg,#0e2e2e 0%,#0a1414 100%);border-color:#164a4a}.track-card.cyan:hover{border-color:#06b6d4}.track-card.teal{background:linear-gradient(160deg,#0e2e28 0%,#0a1412 100%);border-color:#164a3e}.track-card.teal:hover{border-color:#14b8a6}.track-card .corner-emoji{opacity:.45;filter:grayscale(.2);font-size:36px;position:absolute;top:16px;right:18px}.track-card .track-num{letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:11px}.track-card.green .track-num{color:var(--accent)}.track-card.blue .track-num{color:var(--akamai)}.track-card.amber .track-num{color:#f59e0b}.track-card.violet .track-num{color:#a855f7}.track-card.rose .track-num{color:#f43f5e}.track-card.red .track-num{color:#ef4444}.track-card.cyan .track-num{color:#06b6d4}.track-card.teal .track-num{color:#14b8a6}.track-card h2{margin-bottom:12px}.track-card p{color:var(--text);max-width:92%;margin-bottom:18px;font-size:14px;line-height:1.55}.pills{flex-wrap:wrap;gap:7px;margin-bottom:22px;display:flex}.pill{border:1px solid;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:500}.green .pill{color:var(--accent-bright);background:#22c55e14;border-color:#22c55e4d}.blue .pill{color:#38bdf8;background:#0099cc14;border-color:#0099cc4d}.amber .pill{color:#fbbf24;background:#f59e0b14;border-color:#f59e0b4d}.violet .pill{color:#c084fc;background:#a855f714;border-color:#a855f74d}.rose .pill{color:#fb7185;background:#f43f5e14;border-color:#f43f5e4d}.red .pill{color:#f87171;background:#ef444414;border-color:#ef44444d}.cyan .pill{color:#22d3ee;background:#06b6d414;border-color:#06b6d44d}.teal .pill{color:#2dd4bf;background:#14b8a614;border-color:#14b8a64d}.track-foot{justify-content:space-between;align-items:center;display:flex}.track-count{font-size:14px}.green .track-count{color:var(--accent-bright)}.blue .track-count{color:#38bdf8}.amber .track-count{color:#fbbf24}.violet .track-count{color:#c084fc}.rose .track-count{color:#fb7185}.red .track-count{color:#f87171}.cyan .track-count{color:#22d3ee}.teal .track-count{color:#2dd4bf}.start-btn{color:#022c1a;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 22px;font-family:Funnel Sans,sans-serif;font-size:14px;font-weight:600;transition:transform .15s;display:inline-flex}.start-btn:active{transform:scale(.96)}.green .start-btn{background:linear-gradient(135deg, var(--accent-bright), var(--accent))}.blue .start-btn{background:linear-gradient(135deg, #38bdf8, var(--akamai));color:#001a26}.amber .start-btn{color:#1f1300;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.violet .start-btn{color:#1a0033;background:linear-gradient(135deg,#c084fc,#a855f7)}.rose .start-btn{color:#1a000a;background:linear-gradient(135deg,#fb7185,#f43f5e)}.red .start-btn{color:#1a0000;background:linear-gradient(135deg,#f87171,#ef4444)}.cyan .start-btn{color:#001a1f;background:linear-gradient(135deg,#22d3ee,#06b6d4)}.teal .start-btn{color:#001a14;background:linear-gradient(135deg,#2dd4bf,#14b8a6)}.hero{margin-bottom:36px;animation:.5s ease-out fadeIn}.hero .eyebrow{margin-bottom:18px;display:block}.hero h1{margin-bottom:18px}.hero p{color:var(--text-muted);max-width:90%;font-size:15px;line-height:1.55}.foot-note{text-align:center;color:var(--text-dim);margin-top:28px;font-family:JetBrains Mono,monospace;font-size:12px}.track-head{background:linear-gradient(160deg,#052e1c 0%,#04140e 100%);border:1px solid #0d3522;border-radius:16px;align-items:center;gap:16px;margin-bottom:22px;padding:18px 20px;display:flex}.track-head.akamai-theme{background:linear-gradient(160deg,#052838 0%,#051018 100%);border-color:#0c3548}.track-head.partner-theme{background:linear-gradient(160deg,#2e1f0e 0%,#14100a 100%);border-color:#4a3216}.track-head.functions-theme{background:linear-gradient(160deg,#261433 0%,#100818 100%);border-color:#3d1e52}.track-head.rose-theme{background:linear-gradient(160deg,#2e0e1c 0%,#140a0e 100%);border-color:#4a1632}.track-head.red-theme{background:linear-gradient(160deg,#2e0e0e 0%,#140a0a 100%);border-color:#4a1616}.track-head.cyan-theme{background:linear-gradient(160deg,#0e2e2e 0%,#0a1414 100%);border-color:#164a4a}.track-head.teal-theme{background:linear-gradient(160deg,#0e2e28 0%,#0a1412 100%);border-color:#164a3e}.track-head h2{flex:1;font-size:28px}.streak{text-align:center;background:linear-gradient(160deg,#0d3522,#052e1c);border:1px solid #154a31;border-radius:12px;width:56px;padding:8px 4px}.streak-icon{font-size:18px}.streak-num{color:var(--text);margin:2px 0;font-size:14px;font-weight:700}.streak-label{letter-spacing:.1em;color:var(--accent-bright);font-family:JetBrains Mono,monospace;font-size:9px}.progress-wrap{margin-bottom:28px}.progress-row{color:var(--accent-bright);justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.progress-row .pct{font-weight:600}.progress-bar{background:var(--border);border-radius:999px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-bright));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.up-next-label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:11px;display:block}.next-card{background:linear-gradient(160deg,#052e1c 0%,#04140e 100%);border:1px solid #0d3522;border-radius:18px;margin-bottom:32px;padding:22px;position:relative;overflow:hidden}.next-card.akamai-theme{background:linear-gradient(160deg,#052838 0%,#051018 100%);border-color:#0c3548}.next-card.partner-theme{background:linear-gradient(160deg,#2e1f0e 0%,#14100a 100%);border-color:#4a3216}.next-card.functions-theme{background:linear-gradient(160deg,#261433 0%,#100818 100%);border-color:#3d1e52}.next-card.rose-theme{background:linear-gradient(160deg,#2e0e1c 0%,#140a0e 100%);border-color:#4a1632}.next-card.red-theme{background:linear-gradient(160deg,#2e0e0e 0%,#140a0a 100%);border-color:#4a1616}.next-card.cyan-theme{background:linear-gradient(160deg,#0e2e2e 0%,#0a1414 100%);border-color:#164a4a}.next-card.teal-theme{background:linear-gradient(160deg,#0e2e28 0%,#0a1412 100%);border-color:#164a3e}.next-card .corner-emoji{opacity:.4;font-size:30px;position:absolute;top:14px;right:16px}.duration-tag{letter-spacing:.15em;color:var(--accent);text-transform:uppercase;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:10px}.next-card h3{margin-bottom:6px;font-size:28px}.next-subtitle{color:var(--accent-bright);margin-bottom:16px;font-size:14px}.analogy-box{background:#00000059;border:1px solid #22c55e33;border-radius:10px;margin-bottom:18px;padding:14px 16px}.akamai-theme .analogy-box{border-color:#0099cc40}.partner-theme .analogy-box{border-color:#f59e0b40}.functions-theme .analogy-box{border-color:#a855f740}.rose-theme .analogy-box{border-color:#f43f5e40}.red-theme .analogy-box{border-color:#ef444440}.cyan-theme .analogy-box{border-color:#06b6d440}.teal-theme .analogy-box{border-color:#14b8a640}.analogy-label{letter-spacing:.15em;color:var(--accent-bright);text-transform:uppercase;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:10px}.akamai-theme .analogy-label{color:#38bdf8}.partner-theme .analogy-label{color:#fbbf24}.functions-theme .analogy-label{color:#c084fc}.rose-theme .analogy-label{color:#fb7185}.red-theme .analogy-label{color:#f87171}.cyan-theme .analogy-label{color:#22d3ee}.teal-theme .analogy-label{color:#2dd4bf}.analogy-text{color:var(--text);font-size:14px;line-height:1.55}.next-foot{justify-content:space-between;align-items:center;display:flex}.lesson-icons{gap:8px;display:flex}.lesson-icon{background:#0006;border:1px solid #22c55e33;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}.akamai-theme .lesson-icon{border-color:#09c3}.partner-theme .lesson-icon{border-color:#f59e0b33}.functions-theme .lesson-icon{border-color:#a855f733}.rose-theme .lesson-icon{border-color:#f43f5e33}.red-theme .lesson-icon{border-color:#ef444433}.cyan-theme .lesson-icon{border-color:#06b6d433}.teal-theme .lesson-icon{border-color:#14b8a633}.begin-btn{background:linear-gradient(135deg, var(--accent-bright), var(--accent));color:#022c1a;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 20px;font-family:Funnel Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-flex}.akamai-theme .begin-btn{background:linear-gradient(135deg, #38bdf8, var(--akamai));color:#001a26}.partner-theme .begin-btn{color:#1f1300;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.functions-theme .begin-btn{color:#1a0033;background:linear-gradient(135deg,#c084fc,#a855f7)}.rose-theme .begin-btn{color:#1a000a;background:linear-gradient(135deg,#fb7185,#f43f5e)}.red-theme .begin-btn{color:#1a0000;background:linear-gradient(135deg,#f87171,#ef4444)}.cyan-theme .begin-btn{color:#001a1f;background:linear-gradient(135deg,#22d3ee,#06b6d4)}.teal-theme .begin-btn{color:#001a14;background:linear-gradient(135deg,#2dd4bf,#14b8a6)}.partner-theme .duration-tag{color:var(--accent)}.partner-theme .next-subtitle{color:#fbbf24}.functions-theme .duration-tag{color:var(--accent)}.functions-theme .next-subtitle{color:#c084fc}.rose-theme .next-subtitle{color:#fb7185}.red-theme .next-subtitle{color:#f87171}.cyan-theme .next-subtitle{color:#22d3ee}.teal-theme .next-subtitle{color:#2dd4bf}.begin-btn:active{transform:scale(.95)}.concepts-label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:11px;display:block}.concept-row{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:12px;align-items:center;gap:14px;margin-bottom:8px;padding:14px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.concept-row:active{transform:scale(.99)}.concept-row:hover{border-color:var(--border-strong)}.concept-row.completed{background:#22c55e0d;border-color:#22c55e40}.concept-icon{background:#0000004d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;display:flex}.concept-text{flex:1;min-width:0}.concept-title{color:var(--text);margin-bottom:3px;font-size:15px;font-weight:600}.concept-row.completed .concept-title{color:var(--accent-bright)}.concept-sub{color:var(--accent-bright);font-size:12.5px;line-height:1.35}.play-icon{width:30px;height:30px;color:var(--accent);background:#22c55e1a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.play-icon.done{background:var(--accent);color:#022c1a}.lesson-progress{gap:6px;margin-bottom:20px;display:grid}.lesson-progress-bars{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.progress-pip{background:var(--border);border-radius:999px;height:3px;overflow:hidden}.progress-pip.active,.progress-pip.complete{background:var(--accent)}.lesson-card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;min-height:360px;margin-bottom:28px;padding:24px;animation:.3s ease-out fadeIn;position:relative;overflow:hidden}.lesson-card .corner-emoji{opacity:.25;font-size:32px;position:absolute;top:16px;right:18px}.lesson-step-label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.lesson-step-emoji{font-size:16px}.lesson-body{color:var(--text);font-size:15.5px;line-height:1.6}.lesson-body p{margin-bottom:12px}.lesson-body p:last-child{margin-bottom:0}.lesson-body ul{margin-top:8px;list-style:none}.lesson-body ul li{margin-bottom:8px;padding-left:16px;position:relative}.lesson-body ul li:before{content:"•";color:var(--accent);position:absolute;left:0}.lesson-body code{color:var(--accent-bright);background:#22c55e1a;border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:13px}.takeaway-quote{text-align:center;background:#0006;border:1px solid #22c55e4d;border-radius:12px;margin-top:20px;padding:24px 18px}.takeaway-emoji{margin-bottom:12px;font-size:32px}.takeaway-text{color:var(--text);font-family:Instrument Serif,serif;font-size:18px;font-style:italic;line-height:1.4}.action-btn{background:linear-gradient(135deg, var(--accent-bright), var(--accent));color:#022c1a;border:2px solid var(--accent-bright);cursor:pointer;text-align:center;border-radius:14px;width:100%;padding:18px;font-family:Funnel Sans,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:transform .15s;display:block}.action-btn:active{transform:scale(.99)}.action-btn.outline{color:var(--accent-bright);border-color:var(--accent);background:0 0}.action-btn.solid-dark{background:var(--bg-card);color:var(--accent-bright);border-color:var(--border-strong)}.quiz-question{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-bottom:18px;padding:22px}.quiz-question h2{font-family:Instrument Serif,serif;font-size:22px;font-weight:400;line-height:1.25}.quiz-options{gap:10px;margin-bottom:16px;display:grid}.quiz-option{background:var(--bg-card);border:1.5px solid var(--border);cursor:pointer;text-align:left;color:var(--text);border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-family:Funnel Sans,sans-serif;font-size:14.5px;transition:all .15s;display:flex}.quiz-option:hover:not(.locked){border-color:var(--border-strong)}.quiz-option .opt-marker{border:1.5px solid var(--text-dim);width:24px;height:24px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:flex}.quiz-option.correct{border-color:var(--accent);color:var(--accent-bright);background:#22c55e14}.quiz-option.correct .opt-marker{background:var(--accent);border-color:var(--accent);color:#022c1a}.quiz-option.wrong{border-color:var(--danger);color:#fca5a5;background:#ef444414}.quiz-option.wrong .opt-marker{background:var(--danger);border-color:var(--danger);color:#fff}.quiz-option.locked{cursor:default}.feedback-box{border:1.5px solid;border-radius:12px;margin-bottom:16px;padding:14px 16px;animation:.3s fadeIn}.feedback-box.correct{border-color:var(--accent);background:#22c55e0d}.feedback-box.wrong{border-color:var(--danger);background:#ef44440f}.feedback-title{align-items:center;gap:6px;margin-bottom:6px;font-size:14px;font-weight:600;display:flex}.feedback-box.correct .feedback-title{color:var(--accent-bright)}.feedback-box.wrong .feedback-title{color:#fca5a5}.feedback-text{color:var(--text-muted);font-size:13.5px;line-height:1.55}.result-screen{text-align:center;padding-top:28px}.result-emoji{margin-bottom:20px;font-size:56px}.result-screen .complete-label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:11px}.result-screen h2{margin-bottom:24px}.result-score{letter-spacing:-.02em;margin-bottom:14px;font-family:Instrument Serif,serif;font-size:72px;line-height:1}.result-score.perfect{color:var(--accent)}.result-msg{color:var(--accent-bright);margin-bottom:24px;font-size:14px}.takeaway-result-box{background:var(--bg-card);border:1px solid var(--border);text-align:left;border-radius:12px;margin-bottom:20px;padding:18px}.takeaway-result-label{letter-spacing:.15em;color:var(--accent);text-transform:uppercase;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:10px}.takeaway-result-quote{color:var(--text);font-family:Instrument Serif,serif;font-size:16px;font-style:italic;line-height:1.4}.result-buttons{gap:10px;display:grid}.text-btn{color:var(--accent);cursor:pointer;text-align:center;background:0 0;border:none;padding:14px;font-family:Funnel Sans,sans-serif;font-size:14px;text-decoration:none;display:block}.resources-head{margin-bottom:20px}.resources-head .eyebrow{align-items:center;gap:8px;margin-bottom:10px;display:flex}.resources-head h2{margin-bottom:6px}.resources-head p{color:var(--accent-bright);font-size:14px}.resource-section{margin-bottom:22px}.resource-section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.resource-link{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 16px;text-decoration:none;transition:border-color .15s;display:flex}.resource-link:hover{border-color:var(--border-strong)}.resource-info{flex:1;min-width:0}.resource-title{color:var(--text);margin-bottom:3px;font-size:14.5px;font-weight:600}.resource-meta{color:var(--accent-bright);font-size:12.5px}.resource-tag{letter-spacing:.05em;border-radius:999px;flex-shrink:0;margin-left:12px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.resource-tag.official{color:#94a3b8;background:#0f172a99;border:1px solid #334155}.resource-tag.free{color:var(--accent-bright);background:#22c55e26;border:1px solid #22c55e4d}.resource-tag.paid{color:#38bdf8;background:#0099cc26;border:1px solid #0099cc4d}.final-buttons{margin-top:16px}.category-header{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;align-items:center;gap:14px;margin:24px 0 12px;padding:14px 16px;display:flex}.category-header:first-of-type{margin-top:8px}.category-emoji{flex-shrink:0;font-size:24px}.category-info{flex:1;min-width:0}.category-label{color:var(--text);margin-bottom:4px;font-family:Instrument Serif,serif;font-size:20px;font-style:italic;line-height:1.1}.category-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.category-count{color:var(--accent);background:#f59e0b14;border:1px solid #f59e0b33;border-radius:999px;flex-shrink:0;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px}@media (width>=768px){.app{padding-top:56px;padding-bottom:80px}}.akamai-mode{--accent:#09c;--accent-bright:#38bdf8;--accent-deep:#0c4a6e;--accent-glow:#0099cc26;--bg-card-2:#08141c;--border:#0e2a3a;--border-strong:#143d54}.akamai-mode .lesson-body code{color:#38bdf8;background:#0099cc1f}.akamai-mode .takeaway-quote{border-color:#0099cc4d}.akamai-mode .quiz-option.correct{border-color:var(--akamai);color:#38bdf8;background:#0099cc14}.akamai-mode .quiz-option.correct .opt-marker{background:var(--akamai);border-color:var(--akamai);color:#001a26}.akamai-mode .feedback-box.correct{border-color:var(--akamai);background:#0099cc0d}.akamai-mode .feedback-box.correct .feedback-title{color:#38bdf8}.akamai-mode .progress-pip.active,.akamai-mode .progress-pip.complete{background:var(--akamai)}.akamai-mode .action-btn{background:linear-gradient(135deg, #38bdf8, var(--akamai));color:#001a26;border-color:#38bdf8}.akamai-mode .action-btn.outline{color:#38bdf8;border-color:var(--akamai);background:0 0}.akamai-mode .progress-fill{background:linear-gradient(90deg, var(--akamai), #38bdf8)}.akamai-mode .resource-tag.free{color:#38bdf8;background:#0099cc26;border-color:#0099cc4d}.akamai-mode .play-icon{color:var(--akamai);background:#0099cc1a}.akamai-mode .play-icon.done{background:var(--akamai);color:#001a26}.akamai-mode .concept-row.completed{background:#0099cc0d;border-color:#0099cc40}.akamai-mode .concept-row.completed .concept-title{color:#38bdf8}.akamai-mode .back-btn{color:var(--akamai)}.akamai-mode .back-btn:hover{border-color:var(--akamai)}.akamai-mode .topbar-title,.akamai-mode .topbar-meta{color:var(--akamai)}.akamai-mode .streak{background:linear-gradient(160deg,#0c3548,#052838);border-color:#154e6e}.akamai-mode .streak-label{color:#38bdf8}.akamai-mode .next-card .corner-emoji{opacity:.45}.akamai-mode .result-score.perfect{color:var(--akamai)}.partner-mode{--accent:#f59e0b;--accent-bright:#fbbf24;--accent-deep:#78350f;--accent-glow:#f59e0b26;--bg-card-2:#1c1408;--border:#2e1f0e;--border-strong:#4a3216}.partner-mode .lesson-body code{color:var(--accent-bright);background:#f59e0b1f}.partner-mode .takeaway-quote{border-color:#f59e0b4d}.partner-mode .quiz-option.correct{border-color:var(--accent);color:var(--accent-bright);background:#f59e0b14}.partner-mode .quiz-option.correct .opt-marker{background:var(--accent);border-color:var(--accent);color:#1f1300}.partner-mode .feedback-box.correct{border-color:var(--accent);background:#f59e0b0d}.partner-mode .feedback-box.correct .feedback-title{color:var(--accent-bright)}.partner-mode .progress-pip.active,.partner-mode .progress-pip.complete{background:var(--accent)}.partner-mode .action-btn{background:linear-gradient(135deg, var(--accent-bright), var(--accent));color:#1f1300;border-color:var(--accent-bright)}.partner-mode .action-btn.outline{color:var(--accent-bright);border-color:var(--accent);background:0 0}.partner-mode .progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-bright))}.partner-mode .resource-tag.free{color:var(--accent-bright);background:#f59e0b26;border-color:#f59e0b4d}.partner-mode .play-icon{color:var(--accent);background:#f59e0b1a}.partner-mode .play-icon.done{background:var(--accent);color:#1f1300}.partner-mode .concept-row.completed{background:#f59e0b0d;border-color:#f59e0b40}.partner-mode .concept-row.completed .concept-title{color:var(--accent-bright)}.partner-mode .back-btn{color:var(--accent)}.partner-mode .back-btn:hover{border-color:var(--accent)}.partner-mode .topbar-title,.partner-mode .topbar-meta{color:var(--accent)}.partner-mode .streak{background:linear-gradient(160deg,#4a3216,#2e1f0e);border-color:#6b4a1f}.partner-mode .streak-label{color:var(--accent-bright)}.partner-mode .result-score.perfect{color:var(--accent)}.functions-mode{--accent:#a855f7;--accent-bright:#c084fc;--accent-deep:#4c1d95;--accent-glow:#a855f726;--bg-card-2:#14081c;--border:#261433;--border-strong:#3d1e52}.functions-mode .lesson-body code{color:var(--accent-bright);background:#a855f71f}.functions-mode .takeaway-quote{border-color:#a855f74d}.functions-mode .quiz-option.correct{border-color:var(--accent);color:var(--accent-bright);background:#a855f714}.functions-mode .quiz-option.correct .opt-marker{background:var(--accent);border-color:var(--accent);color:#1a0033}.functions-mode .feedback-box.correct{border-color:var(--accent);background:#a855f70d}.functions-mode .feedback-box.correct .feedback-title{color:var(--accent-bright)}.functions-mode .progress-pip.active,.functions-mode .progress-pip.complete{background:var(--accent)}.functions-mode .action-btn{background:linear-gradient(135deg, var(--accent-bright), var(--accent));color:#1a0033;border-color:var(--accent-bright)}.functions-mode .action-btn.outline{color:var(--accent-bright);border-color:var(--accent);background:0 0}.functions-mode .progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-bright))}.functions-mode .resource-tag.free{color:var(--accent-bright);background:#a855f726;border-color:#a855f74d}.functions-mode .play-icon{color:var(--accent);background:#a855f71a}.functions-mode .play-icon.done{background:var(--accent);color:#1a0033}.functions-mode .concept-row.completed{background:#a855f70d;border-color:#a855f740}.functions-mode .concept-row.completed .concept-title{color:var(--accent-bright)}.functions-mode .back-btn{color:var(--accent)}.functions-mode .back-btn:hover{border-color:var(--accent)}.functions-mode .topbar-title,.functions-mode .topbar-meta{color:var(--accent)}.functions-mode .streak{background:linear-gradient(160deg,#3d1e52,#261433);border-color:#5b2d7a}.functions-mode .streak-label{color:var(--accent-bright)}.functions-mode .result-score.perfect{color:var(--accent)}.rose-mode{--accent:#f43f5e;--accent-bright:#fb7185;--accent-deep:#881337;--accent-glow:#f43f5e26;--bg-card-2:#1c0810;--border:#2e0e1c;--border-strong:#4a1632}.rose-mode .lesson-body code{color:var(--accent-bright);background:#f43f5e1f}.rose-mode .takeaway-quote{border-color:#f43f5e4d}.rose-mode .quiz-option.correct{border-color:var(--accent);color:var(--accent-bright);background:#f43f5e14}.rose-mode .quiz-option.correct .opt-marker{background:var(--accent);border-color:var(--accent);color:#1a000a}.rose-mode .feedback-box.correct{border-color:var(--accent);background:#f43f5e0d}.rose-mode .feedback-box.correct .feedback-title{color:var(--accent-bright)}.rose-mode .progress-pip.active,.rose-mode .progress-pip.complete{background:var(--accent)}.rose-mode .action-btn{background:linear-gradient(135deg, var(--accent-bright), var(--accent));color:#1a000a;border-color:var(--accent-bright)}.rose-mode .action-btn.outline{color:var(--accent-bright);border-color:var(--accent);background:0 0}.rose-mode .progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-bright))}.rose-mode .resource-tag.free{color:var(--accent-bright);background:#f43f5e26;border-color:#f43f5e4d}.rose-mode .play-icon{color:var(--accent);background:#f43f5e1a}.rose-mode .play-icon.done{background:var(--accent);color:#1a000a}.rose-mode .concept-row.completed{background:#f43f5e0d;border-color:#f43f5e40}.rose-mode .concept-row.completed .concept-title{color:var(--accent-bright)}.rose-mode .back-btn{color:var(--accent)}.rose-mode .back-btn:hover{border-color:var(--accent)}.rose-mode .topbar-title,.rose-mode .topbar-meta{color:var(--accent)}.rose-mode .streak{background:linear-gradient(160deg,#4a1632,#2e0e1c);border-color:#6b1f4a}.rose-mode .streak-label{color:var(--accent-bright)}.rose-mode .result-score.perfect{color:var(--accent)}.red-mode{--accent:#ef4444;--accent-bright:#f87171;--accent-deep:#7f1d1d;--accent-glow:#ef444426;--bg-card-2:#1c0808;--border:#2e0e0e;--border-strong:#4a1616}.red-mode .lesson-body code{color:var(--accent-bright);background:#ef44441f}.red-mode .takeaway-quote{border-color:#ef44444d}.red-mode .quiz-option.correct{border-color:var(--accent);color:var(--accent-bright);background:#ef444414}.red-mode .quiz-option.correct .opt-marker{background:var(--accent);border-color:var(--accent);color:#1a0000}.red-mode .feedback-box.correct{border-color:var(--accent);background:#ef44440d}.red-mode .feedback-box.correct .feedback-title{color:var(--accent-bright)}.red-mode .progress-pip.active,.red-mode .progress-pip.complete{background:var(--accent)}.red-mode .action-btn{background:linear-gradient(135deg, var(--accent-bright), var(--accent));color:#1a0000;border-color:var(--accent-bright)}.red-mode .action-btn.outline{color:var(--accent-bright);border-color:var(--accent);background:0 0}.red-mode .progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-bright))}.red-mode .resource-tag.free{color:var(--accent-bright);background:#ef444426;border-color:#ef44444d}.red-mode .play-icon{color:var(--accent);background:#ef44441a}.red-mode .play-icon.done{background:var(--accent);color:#1a0000}.red-mode .concept-row.completed{background:#ef44440d;border-color:#ef444440}.red-mode .concept-row.completed .concept-title{color:var(--accent-bright)}.red-mode .back-btn{color:var(--accent)}.red-mode .back-btn:hover{border-color:var(--accent)}.red-mode .topbar-title,.red-mode .topbar-meta{color:var(--accent)}.red-mode .streak{background:linear-gradient(160deg,#4a1616,#2e0e0e);border-color:#6b1f1f}.red-mode .streak-label{color:var(--accent-bright)}.red-mode .result-score.perfect{color:var(--accent)}.cyan-mode{--accent:#06b6d4;--accent-bright:#22d3ee;--accent-deep:#164e63;--accent-glow:#06b6d426;--bg-card-2:#081418;--border:#0e2a2e;--border-strong:#164a4a}.cyan-mode .lesson-body code{color:var(--accent-bright);background:#06b6d41f}.cyan-mode .takeaway-quote{border-color:#06b6d44d}.cyan-mode .quiz-option.correct{border-color:var(--accent);color:var(--accent-bright);background:#06b6d414}.cyan-mode .quiz-option.correct .opt-marker{background:var(--accent);border-color:var(--accent);color:#001a1f}.cyan-mode .feedback-box.correct{border-color:var(--accent);background:#06b6d40d}.cyan-mode .feedback-box.correct .feedback-title{color:var(--accent-bright)}.cyan-mode .progress-pip.active,.cyan-mode .progress-pip.complete{background:var(--accent)}.cyan-mode .action-btn{background:linear-gradient(135deg, var(--accent-bright), var(--accent));color:#001a1f;border-color:var(--accent-bright)}.cyan-mode .action-btn.outline{color:var(--accent-bright);border-color:var(--accent);background:0 0}.cyan-mode .progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-bright))}.cyan-mode .resource-tag.free{color:var(--accent-bright);background:#06b6d426;border-color:#06b6d44d}.cyan-mode .play-icon{color:var(--accent);background:#06b6d41a}.cyan-mode .play-icon.done{background:var(--accent);color:#001a1f}.cyan-mode .concept-row.completed{background:#06b6d40d;border-color:#06b6d440}.cyan-mode .concept-row.completed .concept-title{color:var(--accent-bright)}.cyan-mode .back-btn{color:var(--accent)}.cyan-mode .back-btn:hover{border-color:var(--accent)}.cyan-mode .topbar-title,.cyan-mode .topbar-meta{color:var(--accent)}.cyan-mode .streak{background:linear-gradient(160deg,#164a4a,#0e2a2e);border-color:#1f6b6b}.cyan-mode .streak-label{color:var(--accent-bright)}.cyan-mode .result-score.perfect{color:var(--accent)}.teal-mode{--accent:#14b8a6;--accent-bright:#2dd4bf;--accent-deep:#134e4a;--accent-glow:#14b8a626;--bg-card-2:#081814;--border:#0e2e28;--border-strong:#164a3e}.teal-mode .lesson-body code{color:var(--accent-bright);background:#14b8a61f}.teal-mode .takeaway-quote{border-color:#14b8a64d}.teal-mode .quiz-option.correct{border-color:var(--accent);color:var(--accent-bright);background:#14b8a614}.teal-mode .quiz-option.correct .opt-marker{background:var(--accent);border-color:var(--accent);color:#001a14}.teal-mode .feedback-box.correct{border-color:var(--accent);background:#14b8a60d}.teal-mode .feedback-box.correct .feedback-title{color:var(--accent-bright)}.teal-mode .progress-pip.active,.teal-mode .progress-pip.complete{background:var(--accent)}.teal-mode .action-btn{background:linear-gradient(135deg, var(--accent-bright), var(--accent));color:#001a14;border-color:var(--accent-bright)}.teal-mode .action-btn.outline{color:var(--accent-bright);border-color:var(--accent);background:0 0}.teal-mode .progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-bright))}.teal-mode .resource-tag.free{color:var(--accent-bright);background:#14b8a626;border-color:#14b8a64d}.teal-mode .play-icon{color:var(--accent);background:#14b8a61a}.teal-mode .play-icon.done{background:var(--accent);color:#001a14}.teal-mode .concept-row.completed{background:#14b8a60d;border-color:#14b8a640}.teal-mode .concept-row.completed .concept-title{color:var(--accent-bright)}.teal-mode .back-btn{color:var(--accent)}.teal-mode .back-btn:hover{border-color:var(--accent)}.teal-mode .topbar-title,.teal-mode .topbar-meta{color:var(--accent)}.teal-mode .streak{background:linear-gradient(160deg,#164a3e,#0e2e28);border-color:#1f6b5a}.teal-mode .streak-label{color:var(--accent-bright)}.teal-mode .result-score.perfect{color:var(--accent)}