body{background-color:#f0f0f0;font-family:Roboto,sans-serif}.evaluation-button{color:#666;background-color:#bdf1ea;border:1px solid #359b74;border-radius:5px;padding:10px;text-decoration:none;transition:all .3s}.evaluation-button:hover{background-color:#8bdbd1}.button{color:#fff;cursor:pointer;border:none;border-radius:.375rem;padding:.5rem 1.25rem;font-size:1rem;font-weight:500;transition:background-color .2s,transform .1s}.button:active{transform:scale(.98)}.button.primary{background-color:#135ee2}.button.secondary{color:#135ee2;background-color:#fff;border:1px solid #135ee2}.button:disabled{cursor:not-allowed;color:#fdfdfd;background-color:#d1d5db;border:1px solid #fdfdfd}.button:disabled:active{transform:scale(1)}.flex-container{gap:10px;display:flex}#question-create-form .question-input-with-action{position:relative}#question-create-form .question-textarea-with-action{min-height:5.5rem;padding-right:8.5rem}#question-create-form .question-ai-assistant-button{z-index:1;padding:.25rem .6rem;font-size:.8rem;line-height:1.2;position:absolute;top:.5rem;right:.5rem}#question-create-form .image-preview{max-width:300px;margin-top:.5rem;display:block}#question-create-form .answer-row{flex-direction:row;align-items:start;gap:.5rem;display:flex}#question-create-form .answer-row>input{flex:none;margin-top:.4rem}#question-create-form .answer-row div{flex:1}#question-create-form .example{color:#666;font-size:smaller}#question-link,#question-edit-link{margin-top:15px;font-size:larger;display:block}.page{background:#fff;border-radius:12px;max-width:500px;margin:3rem auto;padding:2rem;box-shadow:0 4px 12px #0000001a}.page h1{color:#333;text-align:center;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700}.alert{border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.alert.error{color:#a94442;background-color:#fdecea;border:1px solid #f5c2c0}.alert.success{color:#2e7d32;background-color:#edf7ed;border:1px solid #c3e6cb}.alert.info{color:#084298;background-color:#e7f3fe;border:1px solid #b3d7ff}.link-button{color:#fff;cursor:pointer;background-color:#338b93;border:none;border-radius:.375rem;padding:.5rem 1.25rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background-color .2s,transform .1s;display:inline-block}.link-button:hover{color:#fff;background-color:#267077}.link-button:active{transform:scale(.98)}.row{flex-direction:row;gap:1rem;display:flex}input[type=checkbox],input[type=radio]{cursor:pointer;accent-color:#4f46e5;width:18px;height:18px}label.check{align-items:center;gap:.5rem;display:flex}.radio-set{align-items:center;gap:.5rem;display:inline-flex}.field{flex-direction:column;gap:.5rem;display:flex}.field .label{font-weight:700}.field .label .required{color:red}form{flex-direction:column;gap:1rem;display:flex}input[type=text],input[type=number],textarea{box-sizing:border-box;border:1px solid #aaa;border-radius:.25rem;width:100%;padding:.5rem}.trash-button{background-color:#0000;padding:.5rem;border:0!important}.trash-button:disabled{cursor:not-allowed;opacity:.5}.trash-button:disabled:active{transform:scale(1)}.quiz-stats h2{color:#333;margin-bottom:1.5rem}.quiz-stats table{table-layout:fixed;border-collapse:collapse;background-color:#fff;border-radius:8px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.quiz-stats table+table{margin-top:2.5rem}.quiz-stats caption{margin-bottom:.5rem;font-weight:700}.quiz-stats thead{color:#fff;background-color:#135ee2}.quiz-stats th{text-align:left;text-align:center;padding:12px 16px;font-size:.95rem;font-weight:600}.quiz-stats tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.quiz-stats tbody tr:hover{background-color:#f9fafb}.quiz-stats tbody tr:last-child{border-bottom:none}.quiz-stats td{color:#333;text-align:center;padding:12px 16px;font-size:.955rem}.quiz-stats td:last-child{text-align:right;font-weight:500}.quiz-stats table[data-testid=summary-stats-table] th,.quiz-stats table[data-testid=summary-stats-table] td{width:25%}.quiz-stats table[data-testid=summary-stats-table] td:last-child{font-weight:inherit;text-align:center}.quiz-stats table[data-testid=attempt-stats-table] th:last-child,.quiz-stats table[data-testid=attempt-stats-table] td:last-child{text-align:center}form#create-quiz .row>*{flex:1}form#create-quiz .question-count-info{padding-left:25px}form#create-quiz .inline-label{align-items:center;gap:.5rem;display:inline-flex}form#create-quiz .bold-count{font-weight:800}form#create-quiz .randomize-label{margin-top:5px;font-weight:700}form#create-quiz .random-count-input{width:150px;padding-left:25px}.question-select{flex-direction:column;gap:10px;display:flex}.question-select .question-item{border:1px solid #eee;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:.2rem .5rem;padding:.8rem 1rem;transition:background .2s;display:grid}.question-select .question-item:hover{background:#f9f9f9}.question-select .question-item .question-tag-row{grid-area:1/2}.question-select .question-item .question-tag-row .question-tag-badge{color:#fff;border-radius:9999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.question-select .question-item input[type=checkbox]{grid-area:2/1}.question-select .question-item label{color:#444;cursor:pointer;grid-area:2/2;font-size:1rem}.workspace-page{background:linear-gradient(#b6f492,#338b93);padding:10px 25px 30px}.workspace-page h1{margin-bottom:1rem}.workspace-page .create-buttons{gap:1rem;margin-bottom:2rem;display:flex}.question-item{color:#111827;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem 1.25rem;font-size:1rem;display:flex;box-shadow:0 1px 2px #0000000d}.question-item .question-thumbnail{object-fit:cover;flex-shrink:0;width:40px;height:40px}.question-item .question-content{flex:1;grid-template-columns:auto 1fr;align-items:center;gap:.2rem 1rem;min-width:0;display:grid}.question-item .question-content .question-index{color:#6b7280;white-space:nowrap;grid-area:2/1;font-weight:600}.question-item .question-content .question-tag-row{grid-area:1/2}.question-item .question-content .question-tag-row .question-tag-badge{color:#fff;border-radius:9999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.question-item .question-content .question-main-row{grid-area:2/2;align-items:center;gap:1rem;min-width:0;display:flex}.question-item .question-content .question-text{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;overflow:hidden}.correct{color:green}.incorrect{color:red}.missed{color:orange}.question-image{max-width:300px;margin-bottom:1rem;display:block}ul.answers{flex-direction:column;gap:.5em;margin:1em 0;padding:0;list-style-type:none;display:flex}ul.answers li .answer-input-row{border-radius:.5em;align-items:center;gap:.5em;padding:.3em;display:flex}ul.answers li .answer-input-row input{flex:none}ul.answers li .answer-input-row label{flex:1}ul.answers li .answer-input-row .answer-feedback{flex:0;font-size:.8em}ul.answers li .answer-input-row.correctly-selected{background-color:#b2dfb2}ul.answers li .answer-input-row.incorrect{color:#000;background-color:#f4b6b8}.explanation{width:100%;margin:.5rem 0;padding:0 .5rem;font-style:italic}ul li input[type=checkbox]:hover,ul li input[type=radio]:hover{background-color:#bbb}ul li input[type=checkbox]:checked,ul li input[type=radio]:checked{border-color:#000}ul li input[type=checkbox]:checked:after{content:"■";color:#000;font-size:16px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}ul li input[type=radio]:checked:after{content:"●";color:#000;font-size:16px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.submit-btn{color:#fff;cursor:pointer;background-color:#000;border:2px solid #000;border-radius:8px;padding:10px 20px;font-size:16px;transition:all .4s}.submit-btn:hover{color:#000;background-color:#fff}.submit-btn:active{color:#fff;background-color:#333;transform:scale(.98)}.submit-btn-evaluate{background-color:#0eb46f;text-decoration:none;display:inline-block}.submit-btn[disabled]{color:#fff;cursor:pointer;background-color:#bbb;border:2px solid #bbb;border-radius:8px;padding:10px 20px;font-size:16px;transition:all .4s}ul li input[type=checkbox],ul li input[type=radio]{appearance:none;cursor:pointer;background-color:#fff;border:2px solid #000;width:20px;height:20px;transition:background-color .4s,border-color .4s;display:inline-block;position:relative}ul li input[type=checkbox]:disabled,ul li input[type=radio]:disabled{cursor:not-allowed}ul li input[type=checkbox]:disabled:hover,ul li input[type=radio]:disabled:hover{background-color:#fff;border-color:#000}ul li input[type=checkbox]:disabled:checked:hover,ul li input[type=radio]:disabled:checked:hover{background-color:#000;border-color:#000}ul li input[type=radio]{border-radius:10px}.resultTable{border:1px solid #000;border-radius:10px;width:600px;margin-top:20px;margin-bottom:40px}.resultTable .row{display:flex}.resultTable .row div{white-space:nowrap;text-align:center;border:none;flex:1;padding:8px;display:block}.resultTable .header{font-weight:700}.row{flex-direction:row;justify-content:start;align-items:center;display:flex}.question-wrapper{flex-direction:column;justify-content:center;align-items:center;margin:0 1rem;display:flex}.answer-label{flex-direction:row;justify-content:start;align-items:center;width:100%;margin:.5rem 10px;padding-bottom:1.5rem;display:flex}.answer-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.question-fieldset{border:2px solid #ccc;border-radius:8px;width:100%;max-width:1000px;margin-bottom:1.5rem;padding:1rem}.question-fieldset .answers{width:100%}.feedback-mode-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.feedback-mode-label{font-weight:800}.quiz-button-bar{align-items:center;gap:10px;margin-top:10px;margin-bottom:20px;display:flex}.quiz-details-container{text-align:center;flex-direction:column;align-items:center;display:flex}.quiz-details-page-title{color:#333;margin:2rem 0 1rem;font-size:2rem;font-weight:700}.quiz-details-card{background:#fff;border-radius:12px;width:80%;margin:3rem auto;overflow:hidden;box-shadow:0 4px 12px #0000001a}.quiz-details-header{color:#fff;background:linear-gradient(135deg,#135ee2 0%,#0d47a1 100%);border-bottom:1px solid #e5e7eb;padding:2rem}.quiz-details-header h2{color:#fff;margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.quiz-details-header p{color:#fffffff2;margin:0;font-size:1rem;line-height:1.5}.quiz-details-body{padding:2rem}.detail-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.detail-item:last-child{border-bottom:none}.detail-item label{color:#333;font-size:.95rem;font-weight:600}.detail-item span{color:#666;text-align:right;font-size:.95rem;font-weight:500}.quiz-details-footer{text-align:center;background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem 2rem}.quiz-details-footer #start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#135ee2 0%,#0d47a1 100%);border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:1rem;font-weight:600;transition:transform 80ms,box-shadow .12s,opacity .12s;box-shadow:0 6px 18px #0d47a12e}.quiz-details-footer #start:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0d47a138}.quiz-details-footer #start:active{transform:translateY(0)}