.task-page{color:#18314f;background:radial-gradient(circle at 95% 0,#996bf214,#0000 25%),#f7f9ff;min-height:100vh}.task-header{background:#fff;border-bottom:1px solid #dfe7ef;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.2rem clamp(1rem,4vw,3rem);display:flex}.task-header h1{margin-top:.55rem;font-size:clamp(1.55rem,3vw,2.15rem);font-weight:750}.task-header p{color:#718299;margin-top:.25rem;font-size:.84rem}.task-header>span{color:#7b8b9f;font-size:.78rem}.task-content{gap:1rem;max-width:980px;margin:0 auto;padding:1.5rem 1rem 3rem;display:grid}.task-instruction{border-radius:1rem}.task-instruction [data-slot=card-description]{color:#526b87;font-size:.92rem;line-height:1.7}.task-materials{gap:.45rem;display:grid}.task-materials>b{font-size:.88rem}.task-materials a{color:#275e9e;border:1px solid #dfe7ef;border-radius:.65rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.82rem;display:grid}.task-materials svg{width:.85rem}.test-questions{gap:1rem;display:grid}.task-question{border-radius:1rem}.question-number{color:#2d6abd;letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:800}.task-question [data-slot=card-title]{margin-top:.35rem;font-size:1.1rem}.task-options{gap:.5rem;display:grid}.task-options>label{cursor:pointer;border:1px solid #e0e7ef;border-radius:.75rem;align-items:center;gap:.65rem;padding:.8rem;transition:all .15s;display:flex}.task-options>label:hover{background:#f2f7ff;border-color:#87afe1}.task-options>label:has(.selected){background:#f2f7ff;border-color:#87afe1}.task-options>label>span:last-child{color:#425b78;align-items:center;gap:.55rem;font-size:.88rem;display:flex}.task-options>label b{color:#54708f;background:#edf2f8;border-radius:.45rem;place-items:center;width:1.65rem;height:1.65rem;font-size:.67rem;display:grid}.answer-control input[type=radio]{accent-color:#2567c3;width:1rem;height:1rem}.practice-answer{border-radius:1rem}.student-upload{cursor:pointer;color:#285e9f;border:1px solid #cad8e8;border-radius:.65rem;align-items:center;gap:.45rem;width:fit-content;padding:.55rem .7rem;font-size:.84rem;font-weight:700;display:flex}.student-upload input{display:none}.student-upload svg,.attached-answer svg{width:.85rem}.attached-answer{color:#576e89;background:#f3f6fa;border-radius:.6rem;align-items:center;gap:.45rem;padding:.55rem;font-size:.82rem;display:flex}.task-submit{color:#293451;background:linear-gradient(135deg,#edfaff,#f0ecff);border:1px solid #5671da2e;border-radius:.85rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.task-submit p{color:#65718a;max-width:500px;font-size:.8rem;line-height:1.5}.task-submit [data-slot=button]{color:#fff;background:linear-gradient(135deg,#59caf5,#4384f7 55%,#996bf2)}.task-complete{text-align:center;align-content:center;place-items:center;gap:.7rem;display:grid}.task-complete>svg{color:#16815a;width:2.8rem}.task-complete h1{font-size:1.8rem;font-weight:750}.task-complete p{color:#64758a}@media (max-width:560px){.task-header{flex-direction:column;align-items:flex-start}.task-header>span{display:none}.task-submit{flex-direction:column;align-items:stretch}.task-submit [data-slot=button]{width:100%}}