:root{--primary-color:#979797;--secondary-color:#5e5e5e;--tertiary-color:#6c6c6c;--quaternary-color:#333;--grey-dark:#373737;--grey-medium:#bfbfbf1a;--grey-light:#979797;--grey-lighter:#5e5e5e;--grey-lightest:#6c6c6c;--grey-panel-labels:#ffffff99}.full-page{display:flex;flex-direction:column;height:100vh;font-family:Arial,sans-serif;min-height:100vh}.input-bottom-container{flex:1 1;display:flex;padding:20px;margin-left:20px;margin-top:25px;gap:40px;overflow-y:auto;flex-direction:row}.input-panel{flex:1 1;padding:0;width:90%}.input-panel h2{margin-bottom:10px;color:var(--grey-panel-labels)}.sequence-inputs{display:flex;justify-content:center;gap:10px;color:#fff}.number-input{padding:10px;border-radius:4px;text-align:center;background-color:#bfbfbf3f;max-width:100px;aspect-ratio:1.5/1;font-size:20px}.final-guess-input,.hypothesis-input{width:100%;padding:10px;border-radius:4px;font-size:16px;margin-bottom:20px;background-color:#bfbfbf3f}.button-group{display:flex;gap:10px}.clear-button,.guide-button,.test-button{flex:1 1;padding:10px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.clear-button{background-color:#5e5e5e80;color:#fff}.clear-button:hover{background-color:#6c6c6c80}.guide-button{background-color:#6e00ff;color:#fff}.guide-button:hover{background-color:#5e00da}.test-button{background-color:#97979780;color:#fff}.test-button:hover{background-color:#6c6c6c80}.table-container{display:flex;flex-direction:column;align-items:center;gap:20px;min-width:60%;max-width:700px}.table-container h2{margin-bottom:20px;align-self:flex-start;color:var(--grey-panel-labels)}.data-table-wrapper{padding:5px;background-color:#454545;border-radius:10px;width:100%}.final-guess-btn-container{display:flex;justify-content:center;margin-bottom:20px;flex-direction:row;gap:10px}.data-table{flex:2 1;background-color:#454545;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);overflow-y:auto;max-height:380px;width:100%}.data-table table{width:100%;border-collapse:separate;border-spacing:0 5px;table-layout:inherit}.data-table td,.data-table th{padding:10px;text-align:center}.data-table th{position:-webkit-sticky;position:sticky;top:0;background-color:#454545;color:#ffffff80;z-index:1}.data-table tr{text-wrap:pretty}.data-table-row{background-color:#535353;border-radius:10px}@media (max-width:768px){.input-bottom-container{flex-direction:column}.data-container{width:100%}.data-table{width:100%;max-height:300px}.table-container{width:100%;margin-bottom:30px}.input-panel{width:100%;max-height:-moz-fit-content;max-height:fit-content}.sequence-inputs{align-items:center}.number-input{width:100%}.clear-button,.test-button{width:100%}.dark-mode-btn{background-color:#333;color:#fff}}@media (max-width:480px){.button-group{display:flex;flex-direction:column;align-items:center}.number-input{width:100%}}.test-form{background-color:green}.test-form-input{background-color:red}