@tailwind base;@tailwind components;@tailwind utilities;#root{justify-content:center;align-items:center;padding:20px}html,body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#ffffffde;background-color:#242424}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:2em;line-height:1.1;margin-bottom:.5em;margin-top:100px}.code-box{width:1200px;margin:10px 0;padding:20px;background-color:#000;color:#07ff07;min-height:500px;white-space:pre-wrap;word-wrap:break-word}.output-box{width:1200px;margin-top:20px;padding:20px;border:1px solid #ccc;background-color:#f9f9f9;overflow:auto;white-space:pre-wrap;word-wrap:break-word}.button-all{background-color:#242424;color:#fff;margin:20px 0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width: 768px){h1{padding-bottom:3px;margin:0;font-size:1.8em}.code-box{width:600px;min-height:500px;font-size:.875em;margin:30px}.output-box{font-size:.875em;width:580px;margin:30px}button{padding:.5em 1em;margin-left:20px;margin-top:10px}body{min-width:800px;min-height:auto}}@media (prefers-color-scheme: light){html,body{color:#213547;background-color:#fff}a{color:#646cff}a:hover{color:#747bff}.code-box{background-color:#000;color:#26ff00}.output-box,.button-all{background-color:#fff;color:#000}button{background-color:#f9f9f9;color:#000}}@media (prefers-color-scheme: dark){html,body{color:#ffffffde;background-color:#242424}a{color:#646cff}a:hover{color:#535bf2}.code-box{background-color:#000;color:#07ff07}.output-box{background-color:#333;color:#fff;border:1px solid #555555}.button-all,button{background-color:#1a1a1a;color:#fff}}