:root{--papel: #F3F1EA;--linea: #E3DFD3;--tinta: #141414;--tenue: #5E5A50;--blanco: #FFFDF8;--azul: #2F4BFF;--azul-claro: #8EA0FF;--azul-fondo: #E5E9FF;--coral: #FF5A36;--coral-texto: #C93A17;--coral-fondo: #FFE3D9;--verde: #34C38F;--verde-texto: #167A52;--verde-fondo: #DDF5EA;--editor: #141414;--editor-barra: #1E1E1E;--editor-texto: #E8E6E1;--editor-tenue: #A8A49A;font-family:JetBrains Mono,ui-monospace,monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:84px}body{margin:0;min-height:100vh;background-color:var(--papel);background-image:linear-gradient(var(--linea) 1px,transparent 1px),linear-gradient(90deg,var(--linea) 1px,transparent 1px);background-size:28px 28px;color:var(--tinta);-webkit-font-smoothing:antialiased}a{color:inherit}a:hover{color:var(--azul)}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.04em;line-height:1.12}p{margin:0}:focus-visible{outline:3px solid var(--azul);outline-offset:2px}.saltar{position:absolute;left:12px;top:-60px;z-index:50;padding:10px 14px;background:var(--tinta);color:var(--papel)}.saltar:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.contenedor{max-width:1120px;margin:0 auto;padding:24px clamp(16px,4vw,48px) 72px}.card{background:var(--blanco);border:2px solid var(--tinta);border-radius:6px;box-shadow:6px 6px 0 var(--tinta)}.card-interactiva{transition:transform .15s ease,box-shadow .15s ease}.card-interactiva:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--tinta)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:2px solid var(--tinta);border-radius:4px;font:inherit;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,transform .08s,box-shadow .15s}.btn:active:not(:disabled){transform:translate(2px,2px)}.btn-primario{background:var(--tinta);color:var(--papel);box-shadow:3px 3px 0 var(--azul)}.btn-primario:hover{background:var(--azul);border-color:var(--azul);color:#fff;box-shadow:3px 3px 0 var(--tinta)}.btn-primario:active:not(:disabled){box-shadow:1px 1px 0 var(--tinta)}.btn-secundario{background:var(--blanco);color:var(--tinta)}.btn-secundario:hover{background:var(--tinta);color:var(--papel)}.btn-peligro{background:transparent;color:var(--coral-texto);border-color:var(--coral-texto)}.btn-peligro:hover{background:var(--coral);color:var(--tinta);border-color:var(--tinta)}.btn-pequeno{min-height:44px;padding:0 14px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.campo{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--tenue)}.campo input,.campo select,.campo textarea{min-height:48px;padding:0 14px;border:2px solid var(--tinta);border-radius:4px;background:var(--blanco);color:var(--tinta);font:inherit;font-size:15px}.campo textarea{padding:12px 14px;resize:vertical}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--azul);outline:none;box-shadow:3px 3px 0 var(--azul)}.campo .ayuda{font-size:12px;line-height:1.5}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--blanco) inset;-webkit-text-fill-color:var(--tinta);transition:background-color 9999s}input:autofill{background:var(--blanco)}.campo input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--blanco) inset,3px 3px 0 var(--azul)}.campo-codigo{background:var(--editor)!important;color:var(--editor-texto)!important;font-size:14px!important;line-height:1.7;tab-size:4;white-space:pre;overflow-x:auto}.error{color:var(--coral-texto);font-size:13px;line-height:1.5}.tenue{color:var(--tenue)}.texto-libre{white-space:pre-wrap;overflow-wrap:anywhere}.resaltado{background:var(--azul);color:var(--papel);padding:.02em .18em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:2px solid var(--tinta);border-radius:3px;background:var(--blanco);font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap}.chip-reto{background:var(--coral)}.chip-resuelta{border-color:var(--verde-texto);color:var(--verde-texto)}.chip-abierta{border-color:var(--azul);color:var(--azul)}.vacio{padding:28px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;font-size:14px;line-height:1.7}.vacio strong{font-size:17px}.bloque-codigo{margin:0;padding:12px 0;background:var(--editor);color:var(--editor-texto);border-radius:6px;font:inherit;font-size:13px;line-height:1.75;overflow-x:auto;tab-size:4}.bloque-codigo code{font:inherit;display:block;width:max-content;min-width:100%}.bloque-codigo .fila{display:block;padding-right:16px}.bloque-codigo .num{display:inline-block;width:44px;padding-right:14px;text-align:right;color:#5a5850;-webkit-user-select:none;user-select:none}.bloque-codigo .txt{white-space:pre}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-type,.hljs-meta .hljs-keyword{color:#8ea0ff}.hljs-string,.hljs-regexp,.hljs-template-tag,.hljs-template-variable{color:#7ee2b8}.hljs-number,.hljs-literal,.hljs-symbol,.hljs-bullet{color:#ff8a6e}.hljs-comment,.hljs-quote{color:#8a867c;font-style:italic}.hljs-title,.hljs-title.function_,.hljs-section{color:#c3cbff}.hljs-title.class_,.hljs-class .hljs-title{color:#7ee2b8;font-weight:700}.hljs-attr,.hljs-attribute,.hljs-property,.hljs-variable,.hljs-params{color:#e8e6e1}.hljs-meta,.hljs-doctag,.hljs-tag{color:#a8a49a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.esqueleto{display:block;border-radius:4px;background:linear-gradient(90deg,var(--linea) 25%,#EFEBE0 50%,var(--linea) 75%);background-size:200% 100%;animation:brillo 1.3s linear infinite}@keyframes brillo{0%{background-position:200% 0}to{background-position:-200% 0}}.aparecer{animation:aparecer .38s cubic-bezier(.2,.8,.3,1) both;animation-delay:calc(min(var(--i, 0),10)*45ms)}@keyframes aparecer{0%{opacity:0;transform:translateY(10px)}}@keyframes parpadeo{0%,49%{opacity:1}50%,to{opacity:.12}}@keyframes latido{0%,to{box-shadow:0 0 #34c38f8c}70%{box-shadow:0 0 0 7px #34c38f00}}.punto-vivo{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--verde);animation:latido 1.6s ease-out infinite}::view-transition-old(root){animation:.16s ease-in both salir-vista}::view-transition-new(root){animation:.24s ease-out both entrar-vista}@keyframes salir-vista{to{opacity:0}}@keyframes entrar-vista{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}