.dom-playground:where(.astro-bwjkf4t6){background:light-dark(#fff,#1a1a1a);border:1px solid light-dark(#ddd8d0,#444);border-radius:.5rem;margin:1.5rem 0;overflow:hidden}.dom-playground-header:where(.astro-bwjkf4t6){color:light-dark(#1c1814,#d4d4d4);background:light-dark(#f5f5f5,#2a2a2a);border-bottom:1px solid light-dark(#ddd8d0,#333);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9rem;font-weight:600;display:flex}.dom-playground-tabs:where(.astro-bwjkf4t6){gap:.25rem;display:flex}.dom-playground-tabs:where(.astro-bwjkf4t6)>:where(.astro-bwjkf4t6){margin:0}.dom-tab-btn:where(.astro-bwjkf4t6){color:light-dark(#666,#999);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.4rem .8rem;font-size:.85rem;font-weight:500;transition:all .2s}.dom-tab-btn:where(.astro-bwjkf4t6):hover{color:light-dark(#333,#d4d4d4)}.dom-tab-btn:where(.astro-bwjkf4t6).active{border-bottom-color:var(--sl-color-accent,#8b5cf6);color:var(--sl-color-accent,#8b5cf6)}.dom-playground-body:where(.astro-bwjkf4t6){min-height:400px;position:relative}.dom-panel:where(.astro-bwjkf4t6){width:100%;min-height:400px;display:none}.dom-panel:where(.astro-bwjkf4t6).active{display:block}.dom-preview:where(.astro-bwjkf4t6){color:light-dark(#1c1814,#d4d4d4);background:light-dark(#fff,#1a1a1a);border:1px solid light-dark(#e5e5e5,#333);padding:1.5rem;overflow:auto}.dom-code-section:where(.astro-bwjkf4t6){grid-template-columns:200px 1fr;height:400px;display:grid}.dom-exercises-list:where(.astro-bwjkf4t6){background:light-dark(#f5f5f5,#111);border-right:1px solid light-dark(#ddd8d0,#444);overflow-y:auto}.dom-exercise-item:where(.astro-bwjkf4t6){border-bottom:1px solid light-dark(#e5e5e5,#333);padding:.5rem}.dom-ex-btn:where(.astro-bwjkf4t6){color:light-dark(#333,#d4d4d4);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.375rem;width:100%;padding:.5rem .75rem;font-size:.8rem;transition:background .2s}.dom-exercise-item:where(.astro-bwjkf4t6).active .dom-ex-btn:where(.astro-bwjkf4t6){background:var(--sl-color-accent,#8b5cf6);color:#fff}.dom-ex-btn:where(.astro-bwjkf4t6):hover{background:light-dark(#eee,#2a2a2a)}.dom-ex-status:where(.astro-bwjkf4t6){font-size:.7rem;display:none}.dom-exercise-item:where(.astro-bwjkf4t6).completado .dom-ex-status:where(.astro-bwjkf4t6){color:#10b981;display:inline}.dom-code-editor:where(.astro-bwjkf4t6){flex-direction:column;display:flex}.dom-code-textarea:where(.astro-bwjkf4t6){color:light-dark(#1c1814,#d4d4d4);font-family:var(--sl-font-mono,monospace);resize:none;background:light-dark(#fff,#111);border:none;border-left:1px solid light-dark(#e5e5e5,#333);outline:none;flex:1;padding:1rem;font-size:.8rem}.dom-code-actions:where(.astro-bwjkf4t6){background:light-dark(#f5f5f5,#2a2a2a);border-top:1px solid light-dark(#ddd8d0,#333);gap:.5rem;padding:.75rem 1rem;display:flex}.dom-run-btn:where(.astro-bwjkf4t6),.dom-reset-btn:where(.astro-bwjkf4t6){cursor:pointer;border:none;border-radius:.375rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.dom-run-btn:where(.astro-bwjkf4t6){background:var(--sl-color-accent,#8b5cf6);color:#fff}.dom-run-btn:where(.astro-bwjkf4t6):hover{opacity:.9}.dom-reset-btn:where(.astro-bwjkf4t6){color:light-dark(#333,#d4d4d4);background:0 0;border:1px solid light-dark(#ddd8d0,#555)}.dom-console:where(.astro-bwjkf4t6){color:light-dark(#1c1814,#d4d4d4);height:400px;font-family:var(--sl-font-mono,monospace);background:light-dark(#fff,#111);flex-direction:column;font-size:.8rem;display:flex}.dom-console-output:where(.astro-bwjkf4t6){border-bottom:1px solid light-dark(#e5e5e5,#333);flex:1;padding:1rem;overflow-y:auto}.dom-console-line:where(.astro-bwjkf4t6){word-break:break-all;margin-bottom:.5rem;padding:.25rem 0}.dom-console-log:where(.astro-bwjkf4t6){color:light-dark(#1c1814,#d4d4d4)}.dom-console-error:where(.astro-bwjkf4t6){color:light-dark(#dc2626,#ff6b6b)}.dom-console-success:where(.astro-bwjkf4t6),.dom-console-input:where(.astro-bwjkf4t6){color:light-dark(#15803d,#10b981)}.dom-console-input:where(.astro-bwjkf4t6){border-top:1px solid light-dark(#e5e5e5,#333);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.dom-console-prompt:where(.astro-bwjkf4t6){color:light-dark(#15803d,#10b981)}.dom-console-input-field:where(.astro-bwjkf4t6){color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none;flex:1}@media (width<=700px){.dom-code-section:where(.astro-bwjkf4t6){grid-template-columns:1fr}.dom-exercises-list:where(.astro-bwjkf4t6){display:none}}.dom-method-quiz:where(.astro-njecvlq2){background:light-dark(#fff,#1a1a1a);border:1px solid light-dark(#ddd8d0,#444);border-radius:.5rem;margin:1.5rem 0;padding:1.5rem}.quiz-container:where(.astro-njecvlq2){flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;display:flex}.quiz-item:where(.astro-njecvlq2){background:light-dark(#f9f9f9,#111);border:1px solid light-dark(#e5e5e5,#333);border-radius:.5rem;padding:1.25rem}.quiz-pregunta:where(.astro-njecvlq2){gap:1rem;margin-bottom:1rem;display:flex}.quiz-num:where(.astro-njecvlq2){color:var(--sl-color-accent,#8b5cf6);flex-shrink:0;font-weight:700}.quiz-text:where(.astro-njecvlq2){color:light-dark(#1c1814,#d4d4d4);margin:0 0 .5rem;font-size:.95rem}.quiz-objetivo:where(.astro-njecvlq2){color:light-dark(#666,#8c847c);background:light-dark(#f0f0f0,#2a2a2a);border-radius:.25rem;padding:.25rem .5rem;font-size:.8rem;display:inline-block}.quiz-opciones:where(.astro-njecvlq2){flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.quiz-opcion:where(.astro-njecvlq2){cursor:pointer;background:light-dark(#f5f5f5,#2a2a2a);border:1px solid light-dark(#ddd8d0,#444);border-radius:.375rem;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.quiz-opcion:where(.astro-njecvlq2):hover{border-color:var(--sl-color-accent,#8b5cf6);background:light-dark(#eee,#333)}.quiz-opcion:where(.astro-njecvlq2) input:where(.astro-njecvlq2){cursor:pointer;accent-color:var(--sl-color-accent,#8b5cf6)}.quiz-opcion-text:where(.astro-njecvlq2){color:light-dark(#1c1814,#d4d4d4);font-size:.85rem;font-family:var(--sl-font-mono,monospace);background:0 0;margin:0;padding:0}.quiz-feedback:where(.astro-njecvlq2){border-radius:.375rem;margin-top:.5rem;padding:1rem;font-size:.9rem}.quiz-feedback:where(.astro-njecvlq2).correcto{color:light-dark(#15803d,#10b981);background:light-dark(#15803d1a,#10b9811a);border:1px solid light-dark(#15803d4d,#10b9814d)}.quiz-feedback:where(.astro-njecvlq2).incorrecto{color:light-dark(#dc2626,#ff6b6b);background:light-dark(#dc26261a,#ff6b6b1a);border:1px solid light-dark(#dc26264d,#ff6b6b4d)}.quiz-feedback:where(.astro-njecvlq2) p:where(.astro-njecvlq2){margin:0 0 .5rem}.quiz-feedback:where(.astro-njecvlq2) p:where(.astro-njecvlq2):last-child{margin-bottom:0}.quiz-feedback:where(.astro-njecvlq2) strong:where(.astro-njecvlq2){font-weight:600}.feedback-text:where(.astro-njecvlq2){opacity:.9;font-size:.85rem;margin-top:.5rem!important}.feedback-text:where(.astro-njecvlq2) code:where(.astro-njecvlq2){background:light-dark(#0000001a,#0000004d);border-radius:.25rem;padding:.2rem .4rem;font-size:.8rem}.hidden:where(.astro-njecvlq2){display:none!important}.quiz-check-btn:where(.astro-njecvlq2){background:var(--sl-color-accent,#8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:.5rem;width:100%;margin-bottom:1rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:opacity .2s}.quiz-check-btn:where(.astro-njecvlq2):hover{opacity:.9}.quiz-result:where(.astro-njecvlq2){justify-content:center;padding:1rem;display:flex}.result-card:where(.astro-njecvlq2){background:light-dark(linear-gradient(135deg, #8b5cf61a 0%, #8b5cf60d 100%),linear-gradient(135deg, var(--sl-color-accent,#8b5cf6) 0%, #8b5cf61a 100%));border:1px solid var(--sl-color-accent,#8b5cf6);text-align:center;border-radius:.5rem;min-width:250px;padding:1.5rem}.result-emoji:where(.astro-njecvlq2){margin-bottom:.75rem;font-size:2rem;display:block}.result-text:where(.astro-njecvlq2){color:light-dark(#1c1814,#d4d4d4);margin:0 0 1rem;font-weight:600}.result-bar:where(.astro-njecvlq2){background:light-dark(#e5e5e5,#333);border-radius:4px;width:100%;height:8px;margin-bottom:.75rem;overflow:hidden}.result-fill:where(.astro-njecvlq2){background:linear-gradient(90deg,light-dark(#15803d,#10b981),light-dark(#0891b2,#06b6d4));height:100%;transition:width .5s}.result-percent:where(.astro-njecvlq2){color:light-dark(#666,#8c847c);margin:0;font-size:.9rem}@media (width<=600px){.dom-method-quiz:where(.astro-njecvlq2),.quiz-item:where(.astro-njecvlq2){padding:1rem}.result-card:where(.astro-njecvlq2){min-width:100%}}