:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8e6df;background-color:#10131a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0}main{box-sizing:border-box;place-items:center;min-height:100dvh;padding:24px 16px;display:grid}h1{margin:0;font-size:2rem}h1.saludo{font-size:3rem}p{margin:0}.panel{flex-direction:column;gap:16px;width:100%;max-width:360px;display:flex}.ayuda{color:#a9adb6}.mensaje{color:#ffb4a8}input{font:inherit;box-sizing:border-box;width:100%;color:inherit;background:#181c25;border:1px solid #3a4150;border-radius:8px;padding:12px;font-size:16px}input.codigo{letter-spacing:.4em;text-align:center;font-size:1.5rem}button{font:inherit;color:#10131a;cursor:pointer;background:#e8e6df;border:1px solid #0000;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:600}button.secundario{color:#e8e6df;background:0 0;border-color:#3a4150}button.enlace{color:#a9adb6;background:0 0;text-decoration:underline}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline-offset:2px;outline:2px solid #e8e6df}