:root{--fondo:#f6f5f1;--fondo-panel:#ffffff;--fondo-escena:#eef1f4;--texto:#1d2329;--texto-suave:#5b6670;--borde:#d9dde1;--acento:#1f6feb;--estructura:#3b6ea8;--estructura-suave:rgba(59, 110, 168, 0.18);--grilla:#c3cad1;--eje-x:#d1453b;--eje-y:#2f9e44;--eje-z:#1c64d1;--resaltado:#e8890c;--violeta:#8a4fd1;--carga:#c2338a;--reaccion:#0e8c7f;--puente-box:#edf2f8;--bien:#1f883d;--bien-suave:rgba(31, 136, 61, 0.12);--mal:#cf222e;--mal-suave:rgba(207, 34, 46, 0.10);--sombra:0 1px 3px rgba(0, 0, 0, 0.08);--radio:10px;--mono:"Cascadia Code",Consolas,"SFMono-Regular",monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fondo:#12161b;--fondo-panel:#1a2027;--fondo-escena:#0e1217;--texto:#e6e9ec;--texto-suave:#9aa5b0;--borde:#2b333c;--acento:#58a6ff;--estructura:#79a8e0;--estructura-suave:rgba(121, 168, 224, 0.22);--grilla:#34404c;--eje-x:#ff6b5e;--eje-y:#5fd47a;--eje-z:#5b9dff;--resaltado:#ffad3b;--violeta:#b48cff;--carga:#ff6fc0;--reaccion:#3fd6c4;--puente-box:#17222e;--bien:#3fb950;--bien-suave:rgba(63, 185, 80, 0.15);--mal:#f85149;--mal-suave:rgba(248, 81, 73, 0.14);--sombra:0 1px 3px rgba(0, 0, 0, 0.4);color-scheme:dark}}:root[data-theme=dark]{--fondo:#12161b;--fondo-panel:#1a2027;--fondo-escena:#0e1217;--texto:#e6e9ec;--texto-suave:#9aa5b0;--borde:#2b333c;--acento:#58a6ff;--estructura:#79a8e0;--estructura-suave:rgba(121, 168, 224, 0.22);--grilla:#34404c;--eje-x:#ff6b5e;--eje-y:#5fd47a;--eje-z:#5b9dff;--resaltado:#ffad3b;--violeta:#b48cff;--carga:#ff6fc0;--reaccion:#3fd6c4;--puente-box:#17222e;--bien:#3fb950;--bien-suave:rgba(63, 185, 80, 0.15);--mal:#f85149;--mal-suave:rgba(248, 81, 73, 0.14);--sombra:0 1px 3px rgba(0, 0, 0, 0.4);color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body,html{margin:0;height:100%}body{background:var(--fondo);color:var(--texto);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}a{color:var(--acento)}.cabecera{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--borde);background:var(--fondo-panel)}.cabecera h1{font-size:17px;margin:0;flex:1;min-width:0}.cabecera .num{color:var(--texto-suave);font-weight:500;margin-right:6px}.cabecera nav{display:flex;gap:8px;flex-shrink:0}.cabecera nav a{text-decoration:none;padding:4px 10px;border:1px solid var(--borde);border-radius:6px;font-size:13px}.cabecera nav a[aria-disabled=true]{opacity:.35;pointer-events:none}.btn-tema{font:inherit;font-size:12px;padding:3px 9px;border-radius:999px;border:1px solid var(--borde);background:var(--fondo);color:var(--texto);cursor:pointer;white-space:nowrap;flex-shrink:0}.btn-tema:hover{border-color:var(--acento)}.unidades{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--texto-suave);flex-shrink:0}.unidades select{font:inherit;font-size:12px;padding:2px 4px;border-radius:6px;border:1px solid var(--borde);background:var(--fondo);color:var(--texto);cursor:pointer}.unidades select:hover{border-color:var(--acento)}.quiz-unidades{display:block;margin-top:4px;color:var(--resaltado)}.btn-tema.flotante{position:fixed;left:12px;bottom:12px;z-index:50;box-shadow:var(--sombra)}.leccion{display:grid;grid-template-columns:minmax(0,1fr) 380px;height:calc(100vh - 53px)}.escena{position:relative;background:var(--fondo-escena);min-height:320px;overflow:hidden}.escena canvas{display:block}.escena .ayuda{position:absolute;left:10px;bottom:8px;font-size:12px;color:var(--texto-suave);pointer-events:none}.panel{background:var(--fondo-panel);border-left:1px solid var(--borde);padding:14px 16px 24px;overflow-y:auto}.panel h2{font-size:15px;margin:18px 0 6px}.panel h2:first-child{margin-top:0}.panel p{margin:6px 0}.panel .formula{margin:8px 0;overflow-x:auto}.puente{background:var(--puente-box);border-left:3px solid var(--estructura);border-radius:0 var(--radio) var(--radio) 0;padding:8px 12px;margin:14px 0}.puente strong:first-child{color:var(--estructura)}.proba{border:1px dashed var(--borde);border-radius:var(--radio);padding:8px 12px;margin:14px 0}.proba ol{margin:4px 0;padding-left:20px}.control{margin:10px 0}.control label{display:flex;justify-content:space-between;font-size:13px;color:var(--texto-suave)}.control label output{font-family:var(--mono);color:var(--texto)}.control input[type=range]{width:100%;accent-color:var(--acento)}output.editable{min-width:3.2em;text-align:right;padding:0 4px;border:1px solid transparent;border-bottom:1px dashed var(--texto-suave);border-radius:4px;cursor:text;outline:0}output.editable:hover{border-color:var(--borde);background:var(--fondo)}output.editable:focus{border:1px solid var(--acento);background:var(--fondo)}output.editable.ajustado{border:1px solid var(--resaltado);transition:border-color .3s}.quiz{border:1px solid var(--borde);border-radius:var(--radio);padding:10px 12px;margin:14px 0}.quiz h2{margin:0 0 4px}.quiz .quiz-intro{font-size:13px;color:var(--texto-suave);margin:0 0 8px}.quiz ol{margin:0;padding-left:20px}.quiz li{margin:0 0 12px}.quiz li>p{margin:0 0 6px}.quiz-opcion{display:flex;gap:8px;align-items:flex-start;padding:5px 8px;margin:3px 0;border:1px solid var(--borde);border-radius:6px;cursor:pointer;font-size:14px}.quiz-opcion input{margin-top:3px;accent-color:var(--acento)}.quiz-opcion:hover{border-color:var(--acento)}.quiz-opcion.correcta{border-color:var(--bien);background:var(--bien-suave)}.quiz-opcion.elegida-mal{border-color:var(--mal);background:var(--mal-suave)}.quiz.calificado .quiz-opcion{cursor:default}.quiz-explica{font-size:13px;margin:4px 0 0;padding-left:8px;border-left:3px solid var(--borde)}.quiz li.bien .quiz-explica{border-left-color:var(--bien)}.quiz li.mal .quiz-explica{border-left-color:var(--mal)}.quiz-pie{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}.quiz-nota{font-weight:600}.quiz-nota.bien{color:var(--bien)}.quiz-nota.mal{color:var(--mal)}.quiz-mejor{font-size:12px;color:var(--texto-suave);width:100%}.botones{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.botones button,button.btn{font:inherit;font-size:13px;padding:4px 10px;border-radius:6px;border:1px solid var(--borde);background:var(--fondo);color:var(--texto);cursor:pointer}.botones button[aria-pressed=true]{background:var(--acento);border-color:var(--acento);color:#fff}.lectura{font-family:var(--mono);font-size:13px;background:var(--fondo);border:1px solid var(--borde);border-radius:6px;padding:6px 10px;white-space:pre-wrap}.etiqueta{font:600 12px/1.2 system-ui,sans-serif;color:var(--texto);background:var(--fondo-panel);border:1px solid var(--borde);border-radius:4px;padding:1px 5px;white-space:nowrap;pointer-events:none;opacity:.92}.etiqueta.eje{background:0 0;border:none;font-size:13px}.etiqueta.x{color:var(--eje-x)}.etiqueta.y{color:var(--eje-y)}.etiqueta.z{color:var(--eje-z)}.grafico{width:100%;height:100%;display:block}.grafico .ejes line,.grafico .ejes path{stroke:var(--texto-suave);stroke-width:1.2}.grafico .grilla line{stroke:var(--grilla);stroke-width:.6}.grafico text{fill:var(--texto-suave);font:11px system-ui,sans-serif}.grafico .curva{fill:none;stroke:var(--acento);stroke-width:2.4}.grafico-panel{margin:8px 0;border:1px solid var(--borde);border-radius:6px;background:var(--fondo);padding:2px}.grafico-panel svg.grafico{height:auto}.plano2d{position:absolute;inset:0;z-index:2;background:var(--fondo-escena);padding:8px 8px 24px}.plano2d svg.grafico{width:100%;height:100%}.escena .ayuda{z-index:3}.leyenda-campo{position:absolute;top:10px;right:12px;background:var(--fondo-panel);border:1px solid var(--borde);border-radius:6px;padding:4px 7px 6px;font-size:11px;color:var(--texto-suave);box-shadow:var(--sombra)}.leyenda-campo .titulo{font-weight:600;color:var(--texto);margin-bottom:3px}.leyenda-campo .cuerpo{display:flex;gap:5px;height:84px}.leyenda-campo .tira{width:10px;border-radius:3px;border:1px solid var(--borde)}.leyenda-campo .marcas{display:flex;flex-direction:column;justify-content:space-between;font-family:var(--mono)}@media (max-width:820px){.leccion{grid-template-columns:1fr;height:auto}.escena{height:58vh}.panel{border-left:none;border-top:1px solid var(--borde)}.cabecera{flex-wrap:wrap}}