:root{font-family:Consolas,Lucida Console,monospace;color:#41ff72;background:#000;font-synthesis:none;color-scheme:dark;font-size:14px;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#000}body{padding:28px 18px 60px}.terminal{max-width:920px;min-height:85vh;overflow-wrap:anywhere}header{margin-bottom:24px}.logo{font-family:inherit;line-height:.85;letter-spacing:0;margin:0 0 24px 30px;width:max-content;white-space:pre}.institute{margin-left:6px;line-height:1.35}.institute:first-line{line-height:1.8}pre.output{font:inherit;white-space:pre-wrap;margin:0 0 22px;overflow-wrap:anywhere}.date,.hint{font-size:11px;color:#2b9e4a;margin:16px 0}.date{margin-top:-8px}.entry{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:0;max-width:100%}.entry label{white-space:pre-wrap}input,textarea{font:inherit;color:inherit;background:transparent;border:0;border-radius:0;outline:0;margin:0;padding:0;caret-color:#41ff72;min-width:10ch;max-width:100%;flex:1;resize:none;box-shadow:none;line-height:1.5}textarea{overflow:auto;white-space:pre-wrap;word-break:break-all}input{height:1.5em}input:focus-visible,textarea:focus-visible{outline:0}.entry-cursor{position:absolute;left:var(--cursor-left);pointer-events:none}.entry:has(input) .entry-cursor{left:15ch}.entry:has(textarea[aria-label="IDENTIFICADOR DE USUARIO"]) .entry-cursor{left:27ch}.entry:has(textarea[aria-label="INTRODUZCA EL BLOQUE CODIFICADO"]) .entry-cursor{left:35ch}.cursor{animation:blink 1s steps(1) infinite}.error{white-space:pre-wrap}.hint{margin-top:24px}::selection{background:#41ff72;color:#000}@keyframes blink{50%{opacity:0}}.glitch{animation:glitch .45s steps(2) 1}@keyframes glitch{15%{transform:translate(-3px);filter:contrast(1.8)}35%{transform:translate(3px);text-shadow:2px 0 #81ffa0}65%{transform:translate(-1px)}to{transform:none}}@media(min-width:800px){body{padding:28px 24px 80px}}@media(max-width:480px){:root{font-size:12px}body{padding:24px 16px 50px}.entry textarea[aria-label="INTRODUZCA EL BLOQUE CODIFICADO"]{flex-basis:100%;margin-top:6px}.entry:has(textarea[aria-label="INTRODUZCA EL BLOQUE CODIFICADO"]) .entry-cursor{left:0;top:2em}}@media(prefers-reduced-motion:reduce){.cursor,.glitch{animation:none}}