:root{--zl-primary:#1e3a8a;--zl-primary-light:#3b82f6;--zl-primary-dark:#172554;--zl-accent:#f59e0b;--zl-accent-hover:#d97706;--zl-success:#10b981;--zl-success-light:#d1fae5;--zl-danger:#ef4444;--zl-danger-light:#fee2e2;--zl-warning:#f59e0b;--zl-warning-light:#fef3c7;--zl-bg:#f8fafc;--zl-card-bg:#fff;--zl-text:#0f172a;--zl-text-muted:#64748b;--zl-border:#0f172a;--zl-code-bg:#0f172a;--zl-code-text:#e2e8f0;--zl-font-sans:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--zl-font-mono:"JetBrains Mono", "Fira Code", Menlo, Monaco, Consolas, monospace}.zl-app{font-family:var(--zl-font-sans);color:var(--zl-text);background-color:var(--zl-bg);flex-direction:column;min-height:100vh;display:flex}.zl-card{background:var(--zl-card-bg);border:2px solid var(--zl-border);border-radius:12px;transition:transform .15s,box-shadow .15s;box-shadow:4px 4px #0f172a}.zl-card-hover:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0f172a}.zl-card-sm{border:2px solid var(--zl-border);border-radius:8px;box-shadow:3px 3px #0f172a}.zl-btn{border:2px solid var(--zl-border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:3px 3px #0f172a}.zl-btn:hover{text-decoration:none;transform:translate(-1px,-1px);box-shadow:4px 4px #0f172a}.zl-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #0f172a}.zl-btn-primary{background-color:var(--zl-primary);color:#fff!important}.zl-btn-primary:hover{background-color:var(--zl-primary-light);color:#fff!important}.zl-btn-accent{background-color:var(--zl-accent);color:#0f172a!important}.zl-btn-accent:hover{background-color:var(--zl-accent-hover);color:#0f172a!important}.zl-btn-success{background-color:var(--zl-success);color:#fff!important}.zl-btn-outline{background-color:#fff;color:var(--zl-text)!important}.zl-btn-outline:hover{background-color:#f1f5f9}.zl-badge{text-transform:uppercase;letter-spacing:.05em;border:1.5px solid var(--zl-border);border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.zl-badge-primary{color:#1e40af;background:#dbeafe}.zl-badge-success{color:#065f46;background:#d1fae5}.zl-badge-warning{color:#92400e;background:#fef3c7}.zl-badge-danger{color:#991b1b;background:#fee2e2}.zl-badge-dark{color:#f8fafc;background:#0f172a}.zl-navbar{border-bottom:2px solid var(--zl-border);z-index:50;background-color:#fff;position:sticky;top:0}.zl-code-block{background-color:var(--zl-code-bg);color:var(--zl-code-text);border:2px solid var(--zl-border);font-family:var(--zl-font-mono);border-radius:10px;font-size:.925rem;overflow:hidden;box-shadow:4px 4px #0f172a}.zl-code-header{background-color:#1e293b;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.zl-code-dots{gap:6px;display:flex}.zl-code-dot{border-radius:50%;width:10px;height:10px}.zl-dot-red{background:#ef4444}.zl-dot-yellow{background:#f59e0b}.zl-dot-green{background:#10b981}.zl-code-content{margin:0;padding:1rem 0;overflow-x:auto}.zl-code-line{padding:.2rem 1rem;line-height:1.6;transition:background .15s;display:flex}.zl-code-line:hover{background-color:#ffffff0d}.zl-code-line.zl-active-line{border-left:4px solid #3b82f6;padding-left:calc(1rem - 4px);background-color:#3b82f647!important}.zl-line-number{-webkit-user-select:none;user-select:none;color:#64748b;text-align:right;width:2.25rem;margin-right:1.25rem;font-weight:500}.zl-line-text{white-space:pre;flex:1}.zl-py-keyword{color:#f43f5e;font-weight:600}.zl-py-builtin{color:#38bdf8;font-weight:600}.zl-py-string{color:#34d399}.zl-py-number{color:#fbbf24}.zl-py-operator{color:#e879f9}.zl-py-comment{color:#94a3b8;font-style:italic}.zl-py-var{color:#f8fafc}.zl-playground-editor{tab-size:4;resize:vertical;font-size:.95rem;font-family:var(--zl-font-mono)!important;outline:none!important}.zl-playground-editor:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f64d!important}.zl-tracer-container{border:2px solid var(--zl-border);background:#fff;border-radius:12px;overflow:hidden;box-shadow:4px 4px #0f172a}.zl-tracer-header{border-bottom:2px solid var(--zl-border);background:#f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 1.25rem;display:flex}.zl-tracer-body{grid-template-columns:1fr;gap:1.25rem;padding:1.25rem;display:grid}@media (width>=992px){.zl-tracer-body{grid-template-columns:1.15fr .85fr}}.zl-memory-table{border-collapse:separate;border-spacing:0;border:2px solid var(--zl-border);border-radius:8px;width:100%;font-size:.9rem;overflow:hidden}.zl-memory-table th{border-bottom:2px solid var(--zl-border);color:var(--zl-text);text-align:left;background-color:#e2e8f0;padding:.6rem .85rem;font-weight:700}.zl-memory-table td{font-family:var(--zl-font-mono);border-bottom:1px solid #e2e8f0;padding:.6rem .85rem}.zl-memory-table tr:last-child td{border-bottom:none}.zl-memory-table .zl-var-changed{animation:1s zlPulseHighlight;background-color:#fef3c7!important}@keyframes zlPulseHighlight{0%{background-color:#fde047}to{background-color:#fef3c7}}.zl-terminal-screen{color:#22c55e;font-family:var(--zl-font-mono);border:2px solid var(--zl-border);background-color:#020617;border-radius:8px;min-height:110px;max-height:200px;padding:1rem;font-size:.9rem;overflow-y:auto;box-shadow:inset 0 2px 4px #00000080}.zl-terminal-screen .zl-term-line{line-height:1.5}.zl-quiz-card{border:2px solid var(--zl-border);background:#fff;border-radius:10px;margin-bottom:1.25rem;padding:1.25rem;box-shadow:3px 3px #0f172a}.zl-option-label{cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:8px;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .15s;display:flex}.zl-option-label:hover{border-color:var(--zl-primary);background-color:#f8fafc}.zl-option-label input[type=radio]{accent-color:var(--zl-primary);margin-top:.2rem}.zl-option-label.zl-selected{border-color:var(--zl-primary);background-color:#eff6ff;font-weight:500}.zl-option-label.zl-correct{color:#065f46;background-color:#ecfdf5!important;border-color:#10b981!important}.zl-option-label.zl-incorrect{color:#991b1b;background-color:#fef2f2!important;border-color:#ef4444!important}.zl-explanation-box{border:2px solid #cbd5e1;border-radius:8px;margin-top:1rem;padding:1rem;font-size:.925rem;line-height:1.5}.zl-explanation-box.zl-box-correct{background-color:#f0fdf4;border-color:#10b981}.zl-explanation-box.zl-box-incorrect{background-color:#fef2f2;border-color:#ef4444}.zl-palette-btn{border:1.5px solid var(--zl-border);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.85rem;font-weight:700;transition:all .1s;display:inline-flex}.zl-palette-btn.zl-palette-answered{background:var(--zl-primary);color:#fff}.zl-palette-btn.zl-palette-active{outline:3px solid var(--zl-accent)}@media print{body,html{color:#000!important;background:#fff!important;font-size:11pt!important}.zl-no-print,.zl-navbar,.zl-footer,.zl-btn,.zl-palette-container,.zl-storage-notice{display:none!important}.zl-card,.zl-card-sm,.zl-quiz-card,.zl-code-block{page-break-inside:avoid;box-shadow:none!important;border:1px solid #333!important}.zl-print-header{border-bottom:2px solid #000;margin-bottom:20px;padding-bottom:12px;display:block!important}.zl-print-header h1{margin:0;font-size:18pt!important}.zl-code-block{color:#0f172a!important;background-color:#f8fafc!important}.zl-code-line,.zl-line-text{color:#0f172a!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}