body{color:#152b45;background:#f1f4f8;margin:0;font-family:Tahoma,Arial,sans-serif;font-size:16px;line-height:1.8}*{box-sizing:border-box}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:#163e70}header{color:#fff;background:#10253f;border-bottom:4px solid #c39a4c;justify-content:space-between;align-items:center;padding:20px max(5vw,20px);display:flex}header a{color:#ecdaaf;font-size:14px}.brand{font-size:28px;font-weight:700}.brand small{color:#d9e2ed;font-size:14px;font-weight:400;display:block}.wrap{max-width:1120px;margin:auto;padding:30px 20px 70px}.intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}h1{margin:0 0 8px;font-size:28px;line-height:1.5}h2{margin:0 0 12px;font-size:21px}p{margin:8px 0}.badge{color:#755015;background:#fff4d8;border:1px solid #dec68e;border-radius:30px;padding:4px 15px;font-size:14px;display:inline-block}.grid{grid-template-columns:1.05fr 1fr;align-items:start;gap:22px;display:grid}.card{background:#fff;border:1px solid #dbe2eb;border-radius:18px;margin-bottom:20px;padding:26px;box-shadow:0 6px 24px #112d4810}.card-title{align-items:center;gap:12px;margin-bottom:16px;display:flex}.number{color:#e6bf71;background:#10253f;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.passage{white-space:pre-line;background:#fafbfd;border-right:4px solid #c39a4c;padding:18px;font-family:Georgia,Times New Roman,serif;font-size:27px;line-height:2.2}.muted{color:#54667d;font-size:14px}.prompt-img{object-fit:contain;width:100%;max-height:500px}.btn{color:#fff;background:#142b48;border:1px solid #142b48;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 20px;text-decoration:none;display:inline-flex}.btn.alt{color:#142b48;background:#fff;border-color:#bac7d8}.btn.gold{color:#10253f;background:#caa65e;border-color:#caa65e;font-weight:700}.btn.danger{background:#a52636;border-color:#a52636}.actions{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}input[type=text],textarea{color:#152b45;background:#fff;border:1px solid #bac7d8;border-radius:9px;width:100%;padding:10px 13px}label.field{margin:15px 0 6px;font-weight:700;display:block}textarea{min-height:130px}.camera{aspect-ratio:4/3;object-fit:contain;background:#0b192c;border-radius:12px;width:100%}.error{color:#8f1d2f;background:#fff0f0;border:1px solid #e9b6bf;border-radius:10px;margin:12px 0;padding:12px}.notice{background:#ecf3fb;border-radius:10px;margin:12px 0;padding:12px;font-size:14px}.consent{align-items:start;gap:10px;margin:16px 0;font-size:14px;display:flex}.consent button{flex-shrink:0;margin-top:5px}.progress{margin:12px 0}.success{text-align:center;max-width:600px;margin:45px auto}.success-mark{color:#1c725a;font-size:42px}.review{grid-template-columns:1fr 1fr;gap:20px;display:grid}.review video{background:#0b192c;border-radius:12px;width:100%;max-height:350px}.review:target{outline:3px solid #c39a4c}footer{text-align:center;color:#58697e;padding:20px;font-size:14px}.hidden{display:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #ba8c38}@media (width<=760px){.grid,.review{grid-template-columns:1fr}.wrap{padding:20px 14px 50px}.card{padding:18px}header{padding:15px 18px}h1{font-size:24px}.intro{align-items:start}.passage{font-size:25px}.btn{flex:1}.badge{white-space:nowrap}}.consent button[data-slot=checkbox]{border:2px solid #657992;width:26px;min-width:26px;height:26px}.consent button[data-state=checked]{color:#fff;background:#142b48;border-color:#142b48}.consent label{cursor:pointer}.recording-tabs[data-slot=tabs-list]{background:#dce4ee;gap:6px;width:100%;height:auto;margin:0 0 18px;padding:6px;display:flex}.recording-tabs [data-slot=tabs-trigger]{white-space:normal;min-height:58px;padding:10px;font-size:16px;line-height:1.6}.recording-tabs [data-state=active]{color:#fff!important;background:#142b48!important}.recording-tabs svg{width:24px!important;height:24px!important}.topics{margin:18px 0}.topic-option{cursor:pointer;border:1px solid #c4cfdd;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.topic-option.selected{background:#fff5df;border-color:#b88c37}.topic-option [data-slot=radio-group-item]{border:2px solid #657992;width:22px;min-width:22px;height:22px}.audio-recording{color:#142b48;background:#edf3f9;border-radius:12px;flex-direction:column;align-items:center;gap:14px;padding:32px 18px;display:flex}.audio-recording svg{color:#a52636}.audio-player,.review audio{width:100%;margin:16px 0}.record-primary{width:100%;min-height:62px;font-size:18px}.review .badge{margin-bottom:10px}.test-choices[data-slot=tabs-list]{background:0 0;grid-template-columns:1fr 1fr;gap:14px;padding:0;display:grid}.test-choices [data-slot=tabs-trigger]{text-align:right;color:#142b48;white-space:normal;background:#fff;border:2px solid #bac7d8;justify-content:flex-start;gap:16px;min-height:106px;padding:20px}.test-choices [data-state=active]{border-color:#c39a4c}.test-choices strong{font-size:19px;display:block}.test-choices small{margin-top:5px;font-size:14px;font-weight:400;display:block}.test-choices svg{width:30px!important;height:30px!important}@media (width<=760px){.test-choices[data-slot=tabs-list]{grid-template-columns:1fr}.test-choices [data-slot=tabs-trigger]{min-height:90px;padding:16px}.test-choices strong{font-size:18px}}.completed-test{text-align:center;padding:36px 20px}.completed-test>svg,.success-mark>svg{color:#28735a;margin:0 auto 16px}.completed-test h2{margin-top:12px}.student-details{border:0;min-width:0;margin:0 0 16px;padding:0}.student-details legend{font-size:18px;font-weight:700}.student-details input[type=email]{color:#152b45;background:#fff;border:1px solid #bac7d8;border-radius:9px;width:100%;padding:10px 13px}.student-details:disabled input{background:#f1f4f8}.student-info{grid-template-columns:auto 1fr;gap:6px 16px;margin:12px 0;font-size:14px;display:grid}.student-info dt{color:#54667d}.student-info dd{overflow-wrap:anywhere;text-align:start;margin:0}.evaluation-grid{gap:12px;margin:16px 0;display:grid}.evaluation-item{border:1px solid #d7dee8;border-radius:12px;padding:12px}.evaluation-item legend{padding:0 6px;font-weight:700}.score-row{flex-wrap:wrap;gap:8px;display:flex}.score{cursor:pointer;background:#fff;border:1px solid #bac7d8;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:8px 11px;display:flex}.score.selected{color:#7a5717;background:#fff8e8;border-color:#c39a4c;font-weight:700}.btn.email-report{background:#176b52;border-color:#176b52}
