:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{background:#fff;color:#000;font-family:Arial,sans-serif;max-width:900px;margin:auto;min-height:100vh}h1{text-align:center;color:#000;margin-bottom:20px;font-size:1.5rem}p{font-size:1rem}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header-image{text-align:center}.header-image>img{max-width:650px;padding:0}.congrats{text-shadow:#FF006A 1px 1px 4px}.bottom-img{width:400px;position:fixed;bottom:-30px}main{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.screen{height:100%}.half-screen{position:relative;margin-top:-200px}.input-response{display:flex;align-items:center;justify-content:space-between;direction:row;padding:.5rem;width:400px;gap:1rem}.phase-navigator{display:flex;flex-direction:row;justify-content:space-between}button.boton{background:#ff006a;color:#fff;border:2px solid #000000;padding:10px 20px;border-radius:4px;cursor:pointer;margin-top:10px;margin-right:10px}button:hover.boton{background:#e6005a}button.disable-button{border:2px solid gray;background:gray;cursor:auto}button:hover.disable-button{background:gray;cursor:auto}.textbox{background:#fff0f5;padding:15px;border-left:4px solid #000000;margin-bottom:30px;border-radius:8px}.explicacion{background:#f0f0f0;padding:15px;border-left:4px solid #000000;margin-bottom:15px;border-radius:4px}.hint{background:#ffe6f0;padding:10px;border-left:4px solid #000000;margin-top:10px;border-radius:4px}.intro{background:#fff0f5;padding:15px;border-left:4px solid #000000;margin-bottom:30px;border-radius:8px}.level{background:#fafafa;border-left:6px solid #000000;padding:20px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 5px #0000001a}.level h2{margin-top:0;color:#000}.modal-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;z-index:98;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-content{width:60%;padding:2rem;background-color:#fff;border-radius:2rem}textarea{width:100%;height:100px;background:#fff;color:#000;border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:14px;padding:10px;resize:none;height:100%}table{width:100%;padding:0;table-layout:fixed;border-collapse:collapse}.error{width:100%;padding:0}.table-container{overflow-y:scroll}thead th{position:sticky;top:0;background-color:#e6005a;color:#fff;z-index:2}.sticky{position:sticky}tr{border-bottom-color:gray;border-bottom-width:"1px"}td{padding:0 .5rem}.footer-tool{display:flex;gap:1rem;background-color:#fff;flex-direction:row;position:fixed;bottom:0;left:0;height:30%}.code-container{padding:0 1rem;width:50%}.table-container{overflow-y:scroll;box-sizing:border-box;width:50%}.error-box{justify-content:center;align-items:center;display:flex;width:100%;height:100%;background-color:#fff;text-shadow:#FF006A 1px 1px 4px}input{background-color:#fff;border-color:transparent;border-width:1px;border-radius:4px;color:#000;padding:.5rem}.input-wrapper{display:flex;align-items:center;gap:8px}.error input{border-color:#e6005a;border-width:2px}.logo-img{position:fixed;width:100px}.bottom-left{bottom:5px;left:5px}.bottom-right{bottom:5px;right:5px}.upper-left{top:5px;left:5px}.upper-right{top:5px;right:5px}