:root{font-family:Arial,Helvetica,sans-serif;color:#000000de;font-size:1em}#root{max-width:1280px;padding:2rem;text-align:center;margin:auto;color:#00555c}h2,h3,h4{color:#009aa6}h2{font-size:1.5rem;margin-top:2em;padding:0}h3{font-size:1.2rem;margin-top:2em;margin:1rem 0;padding:0}h4{font-size:1rem;margin-top:2em;margin:1rem 0;padding:0}@media (max-width: 768px){:root{font-size:.9em;width:100%}#root{padding:1rem}h1,h2,h3{font-size:2rem}h4{font-size:1.5rem}}header{text-align:center}header h1{margin:0;font-size:5rem;color:#009aa6}@media screen and (max-width: 768px){header h1{font-size:2.5rem}}.custom-select{width:35%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.custom-select:hover{border-color:#007bff;background-color:#f1f8ff}.custom-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff80}.custom-select option{font-size:16px;color:#333}@media (max-width: 768px){.custom-select{width:90%}}.criterion-weight{display:block;font-size:.6em;opacity:.75}.num-criterion-radio{display:inline-block}.num-custom-radio{display:none}.num-custom-radio-label{position:relative;display:inline-block;width:60px;height:60px;line-height:60px;text-align:center;border:2px solid #ccc;border-radius:5px;cursor:pointer;background-color:#f9f9f9;font-size:16px;font-weight:700;margin-bottom:1em}.num-custom-radio:checked+.num-custom-radio-label{background-color:#00b2e3;color:#fff;border-color:#047d9f}.num-custom-radio-label:hover:after{content:attr(title);position:absolute;bottom:125%;transform:translate(-50%);background-color:#333;color:#fff;padding:1em;border-radius:10px;white-space:nowrap;font-size:12px;z-index:10;opacity:0;transition:opacity .3s;width:300px;line-height:1.5em;white-space:normal}.num-custom-radio-label:hover:after{opacity:1}@media screen and (max-width: 768px){.num-custom-radio-label{width:40px;height:40px;line-height:40px}}.bool-criterion-toggle{display:inline-block}.bool-custom-checkbox{display:none}.bool-custom-toggle-label{width:80px;height:40px;background-color:#ccc;border-radius:40px;position:relative;cursor:pointer;transition:background-color .3s ease;display:inline-block}.bool-custom-toggle-label:after{content:"";width:32px;height:32px;background-color:#fff;border-radius:50%;position:absolute;top:4px;left:4px;transition:transform .3s ease,background-color .3s ease;box-shadow:0 2px 4px #0003}.bool-custom-checkbox:checked+.bool-custom-toggle-label{background-color:#4caf50}.bool-custom-checkbox:checked+.bool-custom-toggle-label:after{transform:translate(40px)}.bool-custom-toggle-label:hover{background-color:#b0b0b0}.bool-custom-toggle-label:hover:after{background-color:#e0e0e0}.calculated-grade-container{text-align:center;margin-top:20px}.hint-to-select-grades{font-size:1.2rem}.calculated-grade{font-size:2rem;font-weight:700;display:flex;justify-content:center;align-items:baseline}.grade-value{color:#ee7623;font-size:3rem;font-weight:700;margin-right:.2rem;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.grade-max-value{font-size:1.5rem;color:inherit}.copy-to-clipboard-button{background-color:#ee7623;color:#fff;border:none;padding:10px 15px;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:15px;transition:background-color .3s ease}.copy-to-clipboard-button:hover{background-color:#ff8c2d}.copy-to-clipboard-button:active{background-color:#c86419}.copy-course-grading button{background-color:#009aa61a;color:#fff;border:none;padding:10px 15px;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:15px;transition:background-color .3s ease}.copy-course-grading button:hover{background-color:#047d9f}.copy-course-grading button:active{background-color:#64b2c7}#grade-state-manager-result div{background-color:#0ff;margin:0;padding:0}.grade-card-row{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-content:stretch;gap:2em;margin-top:2em}.criterion-box{border:1px solid rgb(4,125,159);border-radius:10px;background-color:#009aa61a;width:610px}.criterion-box p{padding:12px}.grade-calculation-info{width:50%;margin:0 auto}.grade-calculation-info h3{margin-top:4em}.grade-calculation-body ul,.grade-calculation-body p{text-align:left}pre{background-color:#f4f4f4;border-left:3px solid #f36d33;color:#666;page-break-inside:avoid;font-family:monospace;font-size:15px;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1em 1.5em;display:block;word-wrap:break-word}.inline-code{background-color:#f4f4f4;color:#666;font-family:monospace;font-size:15px;line-height:1.6;padding:.2em .5em;display:inline}@media (max-width: 768px){.criterion-box,.grade-calculation-info{width:90%}}