:root {
  --accent:#ff3b5c;--accent2:#ff8aa0;--green:#06d6a0;--teal:#4dd9e0;
  --asphalt:#2a2d3a;--xp-gold:#ffd166;--xp-glow:rgba(255,209,102,.3);
}

.sn-blue{background:rgba(255,59,92,.18);color:var(--accent);border:2px solid rgba(255,59,92,.3)}

.code-wrap{background:#0c0e16;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin:12px 0;overflow:hidden}
.code-label{background:var(--asphalt);padding:6px 14px;font-size:.7rem;font-weight:800;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px}
.code-label .dot{width:8px;height:8px;border-radius:50%}
.dot-r{background:#f87171}.dot-y{background:#ffd166}.dot-g{background:#06d6a0}
.code-body{padding:14px 16px;font-family:'JetBrains Mono','Courier New',monospace;font-size:.82rem;line-height:1.7;overflow-x:auto;white-space:pre;color:#c9d1e0}
.kw{color:#a78bfa}.fn{color:#60a5fa}.str{color:#ffd166}.num{color:#f87171}.cmt{color:#4a5568;font-style:italic}.var{color:#06d6a0}.prop{color:#f08050}

.copy-btn{margin-left:auto;flex-shrink:0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:rgba(232,234,242,.4);font-size:.62rem;font-weight:700;font-family:'Inter',sans-serif;padding:2px 8px;border-radius:5px;cursor:pointer;transition:all .15s;text-transform:none;letter-spacing:0;}
.copy-btn:hover{background:rgba(255,255,255,.14);color:#fff;}
.copy-btn.copied{background:rgba(6,214,160,.18);border-color:rgba(6,214,160,.35);color:#06d6a0;}
.print-btn{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;padding:10px 18px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(232,234,242,.6);cursor:pointer;text-decoration:none;transition:background .15s,color .15s}.print-btn:hover{background:rgba(255,255,255,.09);color:var(--text)}

@media print{.site-header,.series-strip,.progress-wrap,.xp-wrap,.step-card.locked,.quiz-gate,.code-challenge,.finish-banner,.site-footer,.hero-btns,.print-btn,.skills-strip,.copy-btn{display:none!important}.hero{padding:16px 0 10px;border:none}.step-card{border:1px solid #ccc;break-inside:avoid;margin-bottom:12px}.step-card.completed .step-body,.step-card.active-step .step-body{display:block!important}.code-body{white-space:pre-wrap}.step-body{display:block!important}body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;min-height:100vh}h1,h3,.step-title,.finish-title{color:#111}.hero-sub,.step-blurb,.big-goal-text p{color:#444}}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;min-height:100vh}
.reveal{opacity:1!important;transform:none!important}