.tasks-head{color:#fff;background:#203e35}.tasks-head>div{padding-block:48px}.tasks-head svg{color:#edc477}.tasks-head>div>span{color:#e8b8aa;letter-spacing:.17em;margin-top:10px;font-size:9px;display:block}.tasks-head h1{font:800 39px var(--serif);margin:8px 0}.tasks-head p{color:#fff9}.tasks-layout{grid-template-columns:275px 1fr;gap:16px;padding-block:35px 90px;display:grid}.tasks-layout>aside,.task-detail{border:1px solid var(--line);background:#fff}.tasks-layout>aside{height:max-content;padding:18px}.tasks-layout>aside h2{font:800 19px var(--serif)}.tasks-layout>aside button{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;gap:5px;padding:13px;display:grid}.tasks-layout>aside button.active{background:#e3eee8}.tasks-layout>aside small{color:var(--muted)}.tasks-layout>aside i{color:var(--red);font:8px sans-serif}.task-detail{padding:30px}.task-detail header>span,.teacher-feedback span{color:var(--red);letter-spacing:.12em;font-size:9px}.task-detail header h2{font:800 31px var(--serif);margin:8px 0}.task-detail header p,.task-detail header small{color:var(--muted)}.task-items{margin-top:25px}.task-items article{border-top:1px solid var(--line);grid-template-columns:30px 1fr auto auto;align-items:center;gap:12px;padding:18px 0;display:grid}.task-items article>span svg{color:var(--muted)}.task-items article.done>span svg{color:var(--jade)}.task-items h3{font:700 16px var(--serif);margin:5px 0}.task-items small,.task-items p{color:var(--muted);font-size:9px}.task-items a,.task-items button{border:1px solid var(--line);color:var(--jade);background:#fff;align-items:center;gap:5px;padding:9px 11px;font-size:10px;text-decoration:none;display:flex}.task-items a svg,.task-items button svg{width:13px}.task-items button{background:var(--jade);color:#fff;border-color:var(--jade)}.task-items button:disabled,.task-detail footer button:disabled{opacity:.45}.teacher-feedback{background:#eee4d3;margin-top:20px;padding:18px}.teacher-feedback p{font:700 13px var(--serif);line-height:1.8}.task-detail footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:25px;padding-top:20px;display:flex}.task-detail footer div{display:grid}.task-detail footer b{font:800 27px var(--serif)}.task-detail footer span{color:var(--muted);font-size:9px}.task-detail footer button{background:var(--jade);color:#fff;border:0;gap:7px;padding:12px 18px;display:flex}.task-detail footer svg{width:15px}.tasks-empty{text-align:center;padding:70px 20px}.tasks-empty svg{width:40px;height:40px;color:var(--jade)}.tasks-empty h2{font:800 24px var(--serif)}.tasks-empty p{color:var(--muted);max-width:500px;margin:0 auto 20px}@media (width<=780px){.tasks-layout{grid-template-columns:1fr}.task-items article{grid-template-columns:30px 1fr}.task-items article>a,.task-items article>button{grid-column:auto}.task-detail{padding:20px}}@media (width<=480px){.task-items article{grid-template-columns:28px 1fr}.task-items article>a,.task-items article>button{grid-column:2}.tasks-head h1{font-size:32px}}.join-class{border-top:1px solid var(--line);gap:7px;margin-top:20px;padding-top:16px;display:grid}.join-class b{font:700 12px var(--serif)}.join-class input,.join-class button{border:1px solid var(--line);background:#fff;padding:10px}.join-class button{background:var(--jade);border-color:var(--jade);color:#fff}.join-class button:disabled{opacity:.45}