@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap";
:root{--paper:#f6f7f8;--graphite:#1f2328;--dropout:#c9dce8;--pencil:#e5b93c;--pass:#1b7f5a;--short:#b4232a;--paper-raised:#fff;--graphite-mid:#5a6169;--graphite-soft:#8b9299;--rule:#e3e7ea;--pass-wash:#e8f3ee;--short-wash:#fbeaea;--pencil-wash:#fdf4df;--font-data:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-text:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--size-score-hero:3.5rem;--size-score:2rem;--size-metric:1.25rem;--size-timer:1.125rem;--size-label:.6875rem;--size-h1:1.75rem;--size-h2:1.25rem;--size-stem:1.0625rem;--size-body:.9375rem;--size-caption:.8125rem;--leading-stem:1.65;--leading-body:1.6;--leading-tight:1.1;--track-label:.08em;--track-hero:-.02em;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--radius:6px;--radius-pill:999px;--hairline:1px;--measure:68ch;--touch:48px;--t-feedback:.12s;--t-transition:.16s;--t-reveal:.6s;--ease:cubic-bezier(.2, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--paper:#14171a;--paper-raised:#1c2024;--graphite:#e8eaec;--graphite-mid:#9aa1a8;--graphite-soft:#6e767d;--dropout:#2e3b45;--rule:#262b30;--pencil:#f0c956;--pass:#35a97b;--short:#e0575e;--pass-wash:#12261f;--short-wash:#2a1618;--pencil-wash:#2a2416}}@media (prefers-reduced-motion:reduce){:root{--t-feedback:0s;--t-transition:0s;--t-reveal:0s}}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--graphite);font-family:var(--font-text);font-size:var(--size-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}.num{font-family:var(--font-data);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.label{font-family:var(--font-data);font-size:var(--size-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--graphite-mid);font-weight:500}.stem{font-size:var(--size-stem);line-height:var(--leading-stem);max-width:var(--measure)}:focus-visible{outline:2px solid var(--pencil);outline-offset:2px;border-radius:2px}
.wrap{max-width:720px;padding:var(--s4);margin:0 auto}.layar{grid-template-rows:auto auto minmax(0,1fr) auto auto;max-width:720px;height:100dvh;margin:0 auto;display:grid}.layar-baca{-webkit-overflow-scrolling:touch;overflow-y:auto}.sesi-head{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:var(--hairline) solid var(--rule);display:flex}.sesi-posisi{font-family:var(--font-data);font-size:var(--size-caption);color:var(--graphite-mid)}.sesi-timer{font-family:var(--font-data);font-size:var(--size-timer);font-variant-numeric:tabular-nums;font-weight:500}.progress{height:var(--s1);background:var(--rule);overflow:hidden}.progress-fill{background:var(--pencil);height:100%;transition:width var(--t-transition) var(--ease)}.stem-zone{padding:var(--s5) var(--s4)}.stem-topik{margin-bottom:var(--s3)}.stem-teks{font-size:var(--size-stem);line-height:var(--leading-stem);max-width:var(--measure);margin:0}.opsi-list{gap:var(--s2);padding:0 var(--s4) var(--s5);flex-direction:column;display:flex}.opsi{align-items:flex-start;gap:var(--s3);min-height:var(--touch);padding:var(--s3);border:var(--hairline) solid var(--rule);border-radius:var(--radius);background:var(--paper-raised);color:inherit;font:inherit;font-size:var(--size-body);text-align:left;cursor:pointer;width:100%;transition:border-color var(--t-feedback) var(--ease);display:flex}.opsi:hover:not(:disabled){border-color:var(--dropout)}.opsi:disabled{cursor:default}.bulatan{border-radius:var(--radius-pill);border:1.5px solid var(--dropout);width:22px;height:22px;font-family:var(--font-data);font-size:var(--size-label);color:var(--paper-raised);flex:none;place-items:center;margin-top:1px;display:grid}.opsi.is-picked .bulatan{background:var(--graphite);border:2px solid var(--pencil)}.opsi.is-picked{border-color:var(--pencil);background:var(--pencil-wash)}.opsi.is-correct .bulatan{background:var(--pass);border-color:var(--pass)}.opsi.is-correct{border-color:var(--pass);background:var(--pass-wash)}.opsi.is-wrong .bulatan{background:var(--short);border-color:var(--short)}.opsi.is-wrong{border-color:var(--short);background:var(--short-wash)}.opsi-label{font-family:var(--font-data);margin-right:var(--s1);font-weight:500}.opsi-state{align-self:center;margin-left:auto}.aksi{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s4);border-top:var(--hairline) solid var(--rule);display:flex}.keyakinan-list{flex-wrap:wrap}.keyakinan-tombol{gap:var(--s2);flex-wrap:wrap;display:flex}.label.is-pass{color:var(--pass)}.label.is-short{color:var(--short)}.materi-topik-daftar .kuadran-baris{min-height:var(--touch)}.materi-topik-daftar .kuadran-nama{min-height:var(--touch);align-items:center;text-decoration:none;display:flex}.materi-poin{margin:0 var(--s4) var(--s4);padding-left:var(--s5)}.materi-poin li{font-size:var(--size-body);line-height:var(--leading-body);margin-bottom:var(--s2)}.btn{min-height:var(--touch);padding:0 var(--s5);border:var(--hairline) solid var(--graphite);border-radius:var(--radius);background:var(--graphite);color:var(--paper-raised);font-family:var(--font-text);font-size:var(--size-body);cursor:pointer;transition:opacity var(--t-feedback) var(--ease);font-weight:500}.btn:disabled{opacity:.4;cursor:default}.btn-quiet{color:var(--graphite-mid);border-color:var(--rule);background:0 0}.btn-pusat{min-height:var(--touch);line-height:var(--leading-body);text-align:center;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.bahas{margin:0 var(--s4) var(--s5);padding:var(--s4);border-left:2px solid var(--dropout);background:var(--paper-raised);border-radius:0 var(--radius) var(--radius) 0}.bahas.is-correct{border-left-color:var(--pass);background:var(--pass-wash)}.bahas.is-wrong{border-left-color:var(--short);background:var(--short-wash)}.bahas-teks{font-size:var(--size-body);line-height:var(--leading-body);max-width:var(--measure);margin:var(--s2) 0 0}.ambang{align-items:flex-end;gap:var(--s5);padding:var(--s6) var(--s4) var(--s4);display:flex}.ambang-col{text-align:center;flex:1}.ambang-plot{border-bottom:var(--hairline) solid var(--graphite);justify-content:center;align-items:flex-end;display:flex;position:relative}.ambang-bar{border-radius:var(--radius) var(--radius) 0 0;width:40%;min-height:2px;transition:height var(--t-reveal) var(--ease)}.ambang-bar.is-pass{background:var(--pass)}.ambang-bar.is-short{background:var(--short)}.ambang-line{border-top:1px dashed var(--graphite);position:absolute;left:0;right:0}.ambang-line-val{font-size:var(--size-label);color:var(--graphite-mid);background:var(--paper);padding:0 var(--s1);position:absolute;top:-1.1em;right:0}.ambang-nama{margin-top:var(--s2)}.ambang-skor{font-size:var(--size-score);font-weight:600;line-height:var(--leading-tight)}.ambang-delta.is-pass{color:var(--pass)}.ambang-delta.is-short{color:var(--short)}.mini{align-items:center;gap:var(--s3);padding:var(--s3) 0;display:flex}.mini-nama{flex:0 0 3.5rem}.mini-track{height:var(--s2);background:var(--rule);border-radius:var(--radius-pill);flex:1;position:relative;overflow:hidden}.mini-fill{height:100%}.mini-fill.is-pass{background:var(--pass)}.mini-fill.is-short{background:var(--short)}.mini-mark{border-left:1px dashed var(--graphite);width:1px;position:absolute;top:-2px;bottom:-2px}.mini-val{font-size:var(--size-body);flex:none;font-weight:500}.mini-amb{color:var(--graphite-soft)}.card{background:var(--paper-raised);border:var(--hairline) solid var(--rule);border-radius:var(--radius);padding:var(--s4)}.empty{padding:var(--s7) var(--s4);text-align:center;color:var(--graphite-mid);max-width:var(--measure);margin:0 auto}.h1{font-size:var(--size-h1);margin:0 0 var(--s2);font-weight:600}.h2{font-size:var(--size-h2);margin:0 0 var(--s3);font-weight:600}.caption{font-size:var(--size-caption);color:var(--graphite-mid)}a{color:inherit}@keyframes tumbuh{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes gambar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes muncul{0%{opacity:0}to{opacity:1}}.ambang-bar{transform-origin:bottom;animation:tumbuh var(--t-reveal) var(--ease) both}.ambang-line{transform-origin:0;animation:gambar calc(var(--t-reveal) * .5) var(--ease) calc(var(--t-reveal) * .6) both}.ambang-delta{animation:muncul calc(var(--t-reveal) * .4) var(--ease) var(--t-reveal) both}.tanda{padding:0 var(--s4);margin-top:var(--s5);justify-content:space-between;align-items:baseline;display:flex}.tanda-nama{font-family:var(--font-data);font-size:var(--size-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--graphite-soft)}.btn-nav{cursor:pointer;font-family:var(--font-data);font-size:var(--size-caption);color:var(--graphite-mid);min-height:var(--touch);text-align:left;background:0 0;border:none;padding:0}.sesi-timer.is-akhir{color:var(--short)}.nav-grid{grid-template-columns:repeat(auto-fill, minmax(var(--touch), 1fr));gap:var(--s2);padding:var(--s4);display:grid}.nav-sel{min-height:var(--touch);min-width:var(--touch);border:var(--hairline) solid var(--rule);border-radius:var(--radius);background:var(--paper-raised);color:var(--graphite-mid);font-size:var(--size-body);cursor:pointer}.nav-sel.is-dijawab{background:var(--graphite);color:var(--paper-raised);border-color:var(--graphite)}.nav-sel.is-ragu{border:2px dashed var(--pencil)}.nav-sel.is-kini{outline:2px solid var(--pencil);outline-offset:2px}.pita-offline{padding:var(--s2) var(--s4);background:var(--pencil-wash);color:var(--graphite-mid);text-align:center}.peringatan{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--pencil-wash);border-top:var(--hairline) solid var(--rule);display:flex}.peringatan .btn{white-space:nowrap;flex:none}.peringatan .caption{min-width:0}.btn.is-ragu{border-color:var(--pencil);color:var(--pencil)}.field{margin-bottom:var(--s4)}.field-label{margin-bottom:var(--s2);display:block}.input{width:100%;min-height:var(--touch);padding:0 var(--s3);border:var(--hairline) solid var(--rule);border-radius:var(--radius);background:var(--paper-raised);color:var(--graphite);font-family:var(--font-text);font-size:var(--size-body)}.input:focus-visible{outline:2px solid var(--pencil);outline-offset:1px}.field-error{color:var(--short);font-size:var(--size-caption);margin:calc(var(--s3) * -1) 0 var(--s4)}.btn-tautan{text-align:center;width:100%;margin-top:var(--s4);color:var(--graphite-mid);cursor:pointer;min-height:var(--touch);background:0 0;border:none;text-decoration:underline;display:block}.form-keluar{min-width:0}.form-keluar .btn{align-items:center;gap:var(--s2);max-width:100%;display:flex}.email-terpotong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kuadran{padding:var(--s4)}.kuadran svg{width:100%;height:auto}.kuadran-garis-netral{stroke:var(--dropout);stroke-width:1px;stroke-dasharray:3 3}.kuadran-garis-anggaran{stroke:var(--graphite);stroke-width:1px;stroke-dasharray:4 4}.kuadran-label-sumbu{fill:var(--graphite-mid);font-size:8px}.kuadran-daftar{margin-top:var(--s4);border-top:var(--hairline) solid var(--rule)}.kuadran-baris{align-items:center;gap:var(--s3);padding:var(--s2) 0;border-bottom:var(--hairline) solid var(--rule);display:flex}.kuadran-titik-mini{border-radius:var(--radius-pill);flex:none;width:10px;height:10px}.kuadran-titik-mini.is-pass{background:var(--pass)}.kuadran-titik-mini.is-short{background:var(--short)}.kuadran-nama{font-size:var(--size-body);flex:1;min-width:0}.kuadran-angka{color:var(--graphite-mid);font-size:var(--size-caption);flex:none}.kuadran-titik.is-pass{fill:var(--pass);fill-opacity:.85}.kuadran-titik.is-short{fill:var(--short);fill-opacity:.85}.kuadran-catatan{margin-top:var(--s2)}.gambar-stem{max-width:min(100%,420px);height:auto;margin:var(--s4) 0 0;background:var(--paper-raised);border:var(--hairline) solid var(--rule);border-radius:var(--radius);padding:var(--s3);display:block}.gambar-opsi{width:88px;max-width:100%;height:auto;display:block}.opsi-gambar{align-items:center;gap:var(--s3);display:flex}.opsi-list:has(.opsi-gambar){grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:stretch;display:grid}.opsi-list:has(.opsi-gambar) .opsi{padding:var(--s3);justify-content:center;align-items:center}.saring{z-index:2;gap:var(--s2);padding:var(--s3) var(--s4);background:var(--paper);border-bottom:var(--hairline) solid var(--rule);display:flex;position:sticky;top:0;overflow-x:auto}.saring-tombol{min-height:var(--touch);padding:0 var(--s4);border:var(--hairline) solid var(--rule);border-radius:var(--radius-pill);background:var(--paper-raised);color:var(--graphite-mid);font-family:var(--font-text);font-size:var(--size-caption);cursor:pointer;flex:none}.saring-tombol.is-picked{border-color:var(--graphite);color:var(--graphite);font-weight:600}.bahas-soal{padding:var(--s5) var(--s4);border-bottom:var(--hairline) solid var(--rule)}.bahas-kepala{justify-content:space-between;align-items:baseline;gap:var(--s1) var(--s3);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.bahas-kepala .label{flex:auto}.tempo{font-size:var(--size-caption);color:var(--graphite-soft);flex:none}.tempo-sifat{font-family:var(--font-text)}.tempo-cepat,.tempo-lambat{color:var(--graphite-mid)}.opsi-pilihanmu{color:var(--graphite-mid);white-space:nowrap}.saring-tombol{padding:0 var(--s3)}.bahas-soal .opsi{cursor:default}.nav-bawah-ganjal{height:calc(var(--touch) + var(--s4) + env(safe-area-inset-bottom,0px))}.nav-bawah{z-index:10;background:var(--paper-raised);border-top:var(--hairline) solid var(--rule);padding-bottom:env(safe-area-inset-bottom,0px);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.nav-bawah-tab{min-height:var(--touch);padding:var(--s2) var(--s1);color:var(--graphite-soft);font-family:var(--font-data);font-size:var(--size-label);letter-spacing:var(--track-label);text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex;position:relative}.nav-bawah-tab.is-kini{color:var(--graphite)}.nav-bawah-tab.is-kini:before{content:"";background:var(--graphite);width:28px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.nav-bawah-ikon{font-size:1rem;line-height:1}.mini-tautan{color:inherit;border-radius:var(--radius);text-decoration:none;display:block}.mini-tautan:hover .mini-nama,.mini-tautan:focus-visible .mini-nama{color:var(--graphite)}.operator-blok{padding:var(--s5) var(--s4) 0}.operator-baris{gap:var(--s3);margin-top:var(--s3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.operator-sel{gap:var(--s1);padding:var(--s3);background:var(--paper-raised);border:var(--hairline) solid var(--rule);border-radius:var(--radius);flex-direction:column;display:flex}.operator-nilai{font-family:var(--font-data);font-size:var(--size-score);font-variant-numeric:tabular-nums;line-height:var(--leading-tight);letter-spacing:var(--track-hero)}.operator-nilai-uang{font-size:var(--size-metric);letter-spacing:0}.operator-target.is-pass{color:var(--pass)}.operator-target.is-short{color:var(--short)}.operator-satuan{font-size:var(--size-metric);color:var(--graphite-mid)}.operator-kosong{font-family:var(--font-text);font-size:var(--size-body);color:var(--graphite-soft)}.operator-catatan{margin-top:var(--s3);max-width:var(--measure)}.operator-tabel{width:100%;margin-top:var(--s3);border-collapse:collapse;font-size:var(--size-caption)}.operator-tabel th,.operator-tabel td{padding:var(--s2) var(--s2);text-align:right;border-bottom:var(--hairline) solid var(--rule)}.operator-tabel thead th{font-family:var(--font-data);font-size:var(--size-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--graphite-mid);font-weight:500}.operator-tabel tbody th{text-align:left;color:var(--graphite-mid);font-weight:400}.operator-tabel td{isolation:isolate;position:relative}.operator-batang{background:var(--dropout);border-radius:2px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.operator-angka-sel{position:relative}.peringkat-blok{padding:var(--s6) var(--s4) 0}.peringkat-blok select.input{max-width:100%}.peringkat-tertahan{margin-top:var(--s3);padding:var(--s4);background:var(--paper-raised);border:var(--hairline) solid var(--rule);border-radius:var(--radius)}.peringkat-tertahan p{max-width:var(--measure);margin:0}.peringkat-tertahan .caption{margin-top:var(--s2)}.cetak-kop{display:none}.cetak-baris{align-items:center;gap:var(--s2) var(--s3);padding:0 var(--s4) var(--s4);flex-wrap:wrap;display:flex}.bahas-video{margin:var(--s2) 0 0}@media print{@page{margin:14mm 12mm}html,body{color:#000;background:#fff}.nav-bawah,.nav-bawah-ganjal,.saring,.cetak-baris,.tanpa-cetak,.btn{display:none!important}.cetak-kop{padding:0 0 var(--s3);margin-bottom:var(--s4);border-bottom:1pt solid #000;display:block}.cetak-judul{margin:0;font-weight:600}.cetak-sub{color:#444;margin:2mm 0 0;font-size:9pt}.cetak-salinan{color:#555;margin:2mm 0 0;font-size:7.5pt}.wrap{max-width:none;padding:0}.bahas-soal{break-inside:avoid;page-break-inside:avoid;padding:0 0 var(--s4);margin-bottom:var(--s4);border-bottom:.5pt solid #bbb}.opsi{border:.5pt solid #ccc;background:0 0!important}.opsi.is-correct{border:1.25pt solid #000}.opsi.is-wrong{border:1.25pt dashed #000}.bahas{padding-left:var(--s3);border-left:2pt solid #000;background:0 0!important}.bahas-video a:after{content:"\a " attr(href);white-space:pre-wrap;word-break:break-all;font-size:8pt}img,svg{max-width:100%}}.kartu{gap:var(--s2);width:calc(100% - var(--s4) * 2);margin:var(--s4) var(--s4) 0;min-height:11rem;padding:var(--s5) var(--s4);text-align:left;background:var(--paper-raised);border:var(--hairline) solid var(--rule);border-radius:var(--radius);font:inherit;color:inherit;cursor:pointer;flex-direction:column;display:flex}.kartu.is-balik{border-color:var(--graphite-mid)}.kartu-teks{font-size:var(--size-body);line-height:var(--leading-body);max-width:var(--measure)}.kartu-petunjuk{margin-top:auto}.kartu-aksi{gap:var(--s3);padding:var(--s4);flex-wrap:wrap;display:flex}.kartu-aksi .btn{flex:8rem}.rujukan-kotak{margin:var(--s5) var(--s4) 0;padding:var(--s5) var(--s4);background:var(--paper-raised);border:var(--hairline) solid var(--rule);border-radius:var(--radius);text-align:center}.rujukan-kode{margin:var(--s2) 0 var(--s4);letter-spacing:.18em;font-size:1.75rem;font-weight:600}