:root{--aksen: #1d4ed8;--aksen-gelap: #1e3a8a;--teks: #111827;--teks-redup: #4b5563;--latar: #ffffff;--garis: #d1d5db;--galat: #b91c1c;--ruang-1: 4px;--ruang-2: 8px;--ruang-3: 16px;--ruang-4: 24px;--ruang-5: 32px;--radius: 8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--latar);color:var(--teks);font-size:16px;line-height:1.5}.tombol{min-height:44px;padding:var(--ruang-2) var(--ruang-3);border:1px solid var(--aksen);border-radius:var(--radius);background:var(--latar);color:var(--aksen);font:inherit;cursor:pointer}.tombol-utama{background:var(--aksen);color:#fff}.tombol:hover{border-color:var(--aksen-gelap)}.tombol-utama:hover{background:var(--aksen-gelap)}.tombol:focus-visible{outline:3px solid var(--aksen);outline-offset:2px}.kartu{padding:var(--ruang-4);border:1px solid var(--garis);border-radius:var(--radius);background:var(--latar)}.status{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ruang-3);padding:var(--ruang-4)}.status-galat{color:var(--galat)}.halaman-formulir{max-width:420px;margin:var(--ruang-5) auto;padding:0 var(--ruang-3)}.formulir{display:flex;flex-direction:column;gap:var(--ruang-3)}.formulir label{display:flex;flex-direction:column;gap:var(--ruang-1)}.formulir input,.formulir select{min-height:44px;padding:var(--ruang-2);border:1px solid var(--garis);border-radius:var(--radius);font:inherit}.tab-daftar{display:flex;gap:var(--ruang-2);margin-bottom:var(--ruang-3)}.tab{flex:1;min-height:44px;border:1px solid var(--garis);border-radius:var(--radius);background:var(--latar);color:var(--teks);font:inherit;cursor:pointer}.tab-aktif{border-color:var(--aksen);background:var(--aksen);color:#fff}.input-password{display:flex;gap:var(--ruang-2)}.input-password input{flex:1;min-width:0}.tombol-lihat{min-height:44px;padding:0 var(--ruang-2);border:1px solid var(--garis);border-radius:var(--radius);background:var(--latar);color:var(--aksen);font:inherit;cursor:pointer;white-space:nowrap}.halaman-main,.halaman-murid{max-width:640px;margin:0 auto;padding:var(--ruang-3);display:flex;flex-direction:column;gap:var(--ruang-3)}.halaman-main h1,.halaman-main h2,.halaman-murid h1,.halaman-murid h2{margin:0}.halaman-main h1,.halaman-murid h1{font-size:24px}.halaman-main h2,.halaman-murid h2{font-size:18px}.halaman-main p,.halaman-murid p{margin:0}.petunjuk{color:var(--teks-redup);font-size:14px}.tautan-kembali{display:inline-flex;align-items:center;min-height:44px;color:var(--aksen)}.main-kepala{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ruang-2) var(--ruang-3);color:var(--teks-redup)}.hitung-mundur{margin-left:auto;color:var(--teks);font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.main-lobi{display:flex;flex-direction:column;gap:var(--ruang-2);padding:var(--ruang-5) 0}.teks-bacaan{max-height:40vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ruang-2);padding:var(--ruang-3);border:1px solid var(--garis);border-radius:var(--radius)}.teks-isi,.pertanyaan,.opsi-teks{white-space:pre-line}.pertanyaan{font-size:18px}.daftar-opsi,.daftar-bukti{display:flex;flex-direction:column;gap:var(--ruang-2)}.daftar-opsi-dua{flex-direction:row}.daftar-opsi-dua .opsi{flex:1;justify-content:center}.opsi{display:flex;align-items:center;justify-content:space-between;gap:var(--ruang-2);min-height:56px;padding:var(--ruang-3);border:1px solid var(--garis);border-radius:var(--radius);background:var(--latar);color:var(--teks);font:inherit;text-align:left;cursor:pointer}.daftar-bukti .opsi{min-height:44px;padding:var(--ruang-2) var(--ruang-3)}.opsi:disabled{cursor:default}.opsi:focus-visible{outline:3px solid var(--aksen);outline-offset:2px}.opsi-dipilih{border:2px solid var(--aksen);box-shadow:inset 0 0 0 1px var(--aksen)}.opsi-kunci{border:2px solid var(--aksen);background:#eff6ff}.opsi-huruf{font-weight:600}.opsi-tanda{display:flex;flex-direction:column;align-items:flex-end;gap:var(--ruang-1);font-size:14px;color:var(--aksen-gelap);white-space:nowrap}.bar-jawab{position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--ruang-2);padding:var(--ruang-3) 0;background:var(--latar);border-top:1px solid var(--garis)}.bar-jawab .tombol{width:100%;min-height:52px}.bar-pesan:empty{display:none}.hasil{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ruang-3);padding:var(--ruang-3);border:1px solid var(--garis);border-radius:var(--radius)}.hasil-label{font-size:20px;font-weight:600}.pembahasan{display:flex;flex-direction:column;gap:var(--ruang-2)}.daftar-sesi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ruang-2)}.baris-sesi{display:flex;align-items:center;justify-content:space-between;gap:var(--ruang-3);min-height:44px;padding:var(--ruang-3);border:1px solid var(--garis);border-radius:var(--radius);color:var(--teks);text-decoration:none}.form-kode{display:flex;gap:var(--ruang-2);align-items:flex-end}.form-kode label{flex:1;display:flex;flex-direction:column;gap:var(--ruang-1)}.form-kode input{min-height:44px;padding:var(--ruang-2);border:1px solid var(--garis);border-radius:var(--radius);font:inherit;text-transform:uppercase}.tombol-keluar{margin-left:auto}.bar-jawab .tombol:disabled{opacity:.5;cursor:default}.lap-hero{display:flex;align-items:center;gap:var(--ruang-4);padding:var(--ruang-4);border:1px solid var(--garis);border-radius:var(--radius)}.lap-angka{font-size:64px;font-weight:700;line-height:1;color:var(--aksen);font-variant-numeric:tabular-nums}.lap-blok{display:flex;flex-direction:column;gap:var(--ruang-3)}.lap-skor,.lap-salah,.lap-saran ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ruang-3)}.lap-skor li{display:grid;grid-template-columns:1fr auto;gap:var(--ruang-1) var(--ruang-3)}.lap-nama{font-weight:600}.lap-nilai{font-variant-numeric:tabular-nums;font-weight:600}.lap-label{color:var(--teks-redup);font-weight:400}.lap-batang{grid-column:1 / -1;height:8px;border-radius:999px;background:var(--garis);overflow:hidden}.lap-batang i{display:block;height:100%;border-radius:999px;background:var(--aksen)}.lap-saran{padding:var(--ruang-3);border:1px solid var(--aksen);border-radius:var(--radius)}.lap-saran li+li{padding-top:var(--ruang-3);border-top:1px solid var(--garis)}.lap-salah li{display:flex;flex-direction:column;gap:var(--ruang-1);padding-bottom:var(--ruang-3);border-bottom:1px solid var(--garis)}.lap-tanya{font-weight:600;white-space:pre-line}.lap-tag{display:inline-block;min-width:88px;color:var(--teks-redup);font-size:14px}.lap-tag-kunci{color:var(--aksen);font-weight:600}.lap-bahas{color:var(--teks-redup);white-space:pre-line}.judul-beranda{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ruang-2)}.judul-beranda h1{margin:0}