:root{--main-bg-color: #1f2937;--secondary-bg-color: #4b5563;--main-text-color: #e5e7eb;--secondary-text-color: #d1d5db;--accent-color: #60a5fa;--error-color: #dc2626;--left-column-text-color: #f3f4f6}body{background-color:var(--main-bg-color);font-family:Roboto,sans-serif}textarea,input{color:var(--main-text-color);background-color:var(--secondary-bg-color);border:none;padding:10px;border-radius:5px;margin-bottom:10px;width:100%}button{padding:10px;background-color:var(--accent-color);border:none;border-radius:5px;color:#fff;cursor:pointer}.form-row{display:flex;align-items:center}input#label{margin-bottom:3px}button{align-self:center;margin-bottom:3px;margin-left:3px}.row{display:flex;flex-wrap:wrap;overflow-y:auto}.small{font-size:small}.column{flex:50%;color:var(--main-text-color);background-color:var(--secondary-bg-color);padding:20px;box-sizing:border-box;margin-bottom:20px;overflow-y:auto}.column2{flex:25%;color:var(--left-column-text-color);height:100vh;overflow-y:auto}.column3{flex:70%}#step{font-variant:small-caps;color:var(--accent-color)}.error-message{font-weight:700;color:var(--error-color)}#result{font-weight:700;color:var(--main-text-color);background-color:var(--secondary-bg-color)}#type{color:var(--secondary-text-color);background-color:var(--secondary-bg-color)}@media screen and (min-width: 768px){.column2{flex:30%}.column3{flex:70%}}