:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fondo:#0f1115;--tarjeta:#181b22;--texto:#e7e9ee;--suave:#9aa1ad;--bien:#22c55e;--mal:#ef4444}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;font:16px/1.4 system-ui,sans-serif}main{max-width:640px;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));margin:0 auto}h1{margin:0;font-size:1.4rem}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--suave);margin:24px 0 8px;font-size:.85rem}button,input{font:inherit;background:var(--tarjeta);color:var(--texto);border:1px solid #2a2f3a;border-radius:10px;padding:10px 14px}button{cursor:pointer}button.principal{background:var(--bien);color:#04140a;border:none;font-weight:600}input{width:100%;margin-bottom:10px}.fila{background:var(--tarjeta);border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:6px;padding:12px;display:flex}.punto{border-radius:50%;flex:none;width:12px;height:12px;margin-top:5px}.punto.bien{background:var(--bien)}.punto.mal{background:var(--mal)}.detalle{color:var(--suave);white-space:pre-line;word-break:break-word;font-size:.9rem}.semaforo{border-radius:14px;margin-top:16px;padding:18px;font-size:1.2rem;font-weight:700}.semaforo.bien{color:var(--bien);background:#12351f}.semaforo.mal{color:#fca5a5;background:#3b1414}.barra{justify-content:space-between;align-items:center;gap:8px;display:flex}.botones{flex-wrap:wrap;gap:8px;display:flex}.error{color:#fca5a5}