.lh{--lh-pinggir: 16px;--lh-garis-opsi: var(--color-line);display:flex;flex-direction:column;min-height:100dvh;background:var(--color-canvas);color:var(--color-ink)}.lh[data-baki]{--lh-bawah: calc(69px + env(safe-area-inset-bottom)) ;--lh-aman: 0px}.lh-lebar{width:100%}.lh .lh-lebar.lv-btn{padding-block:10px;text-align:center;white-space:normal}.lh-kepala{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;min-height:56px;padding:0 var(--lh-pinggir);background:var(--color-surface);border-bottom:1px solid var(--color-line)}.lh-logo{display:grid;place-items:center;flex:none;width:44px;height:44px;margin-left:-8px;border-radius:12px}.lh-merek{flex:none}.lh-kepala-judul{flex:1;min-width:0;overflow:hidden;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.lh-sinyal{display:inline-flex;flex:none;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--color-warning-soft);color:var(--color-warning-text);font-size:13px;font-weight:700}.lh-sinyal:before{content:"";width:8px;height:8px;border-radius:999px;background:currentColor}.lh-sinyal[data-koneksi=terhubung]{background:var(--color-success-soft);color:var(--color-success-text)}.lh-sinyal[data-koneksi=putus]{background:var(--color-error-soft);color:var(--color-error-text)}.lh-pita{position:sticky;top:56px;z-index:15;padding:10px var(--lh-pinggir);background:var(--color-warning-soft);color:var(--color-warning-text);font-size:14px;font-weight:700}.lh-pita[data-jenis=putus]{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:var(--color-error-soft);color:var(--color-error-text)}.lh-pita[data-jenis=putus] p{flex:1 1 200px}.lh-pita .lv-btn{min-height:44px}.lh-toast{position:fixed;top:68px;left:50%;z-index:30;padding:10px 18px;border-radius:999px;background:var(--color-ink);color:var(--color-surface);font-size:14px;font-weight:700;white-space:nowrap;transform:translate(-50%);animation:lh-toast var(--lv-sedang) var(--lv-pegas)}@keyframes lh-toast{0%{opacity:0;transform:translate(-50%,-8px)}}.lh-isi{display:flex;flex:1;flex-direction:column;gap:16px;width:100%;max-width:560px;margin-inline:auto;padding:20px var(--lh-pinggir) 24px}.lh-isi:has(.lh-aksi,.lh-qa-tulis){padding-bottom:0}.lh-isi-pusat{justify-content:center;gap:20px;max-width:440px;padding-block:32px}.lh-panel{display:flex;flex:1;flex-direction:column}.lh-panel[hidden]{display:none}.lh-tab,.lh-segmen{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:var(--color-frame)}.lh-tab button,.lh-segmen button{min-height:44px;padding:0 14px;border-radius:10px;color:var(--color-ink-soft);font-size:15px;font-weight:700}.lh-tab button[aria-pressed=true],.lh-segmen button[aria-pressed=true]{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-raise-sm)}.lh-segmen{border-radius:12px}.lh-segmen button{font-size:14px}.lh-kotak{padding:12px 14px;border-radius:14px;background:var(--color-surface-2);color:var(--color-ink-soft);font-size:15px;font-weight:600;line-height:1.45}.lh-kotak-galat{background:var(--color-error-soft);color:var(--color-error-text)}.lh-galat{color:var(--color-error-text);font-size:15px;font-weight:600}.lh-status{color:var(--color-success-text);font-size:14px;font-weight:700}.lh-catatan{color:var(--color-muted);font-size:14px;line-height:1.5}.lh-teks{color:var(--color-ink-soft);font-size:16px;line-height:1.5}.lh-sub{font-size:17px;font-weight:800}.lh-masuk{display:flex;flex-direction:column;gap:14px;text-align:center}.lh-masuk-judul{margin-bottom:6px;font-size:26px;font-weight:800;line-height:1.2;letter-spacing:-.015em;text-wrap:balance}.lh-kode-masuk{width:100%;min-height:76px;padding:0 12px;border:2px solid var(--color-line-strong);border-radius:18px;background:var(--color-surface);box-shadow:var(--shadow-sunken);color:var(--color-ink);font:inherit;font-size:34px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.14em;text-indent:.14em;text-align:center;text-transform:uppercase}.lh-kode-masuk::placeholder{color:var(--color-disabled)}.lh-kode-masuk:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.lh-kode-masuk[aria-invalid=true]{border-color:var(--color-error)}.lh-sesi{display:flex;flex-direction:column;gap:8px}.lh-sesi-kode{display:flex;align-items:center;gap:10px;color:var(--color-muted);font-size:14px;font-weight:700}.lh-sesi-kode .lv-kode{font-size:15px}.lh-sesi-judul{font-size:28px;font-weight:800;line-height:1.2;letter-spacing:-.015em;text-wrap:balance;overflow-wrap:anywhere}.lh-sesi-oleh{color:var(--color-ink-soft);font-size:16px}.lh-g{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:999px;background:#fff}.lh-layar{display:flex;flex-direction:column;align-items:center;gap:10px;margin-block:auto;padding-block:40px;text-align:center}.lh-layar-ikon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:6px;border:1px solid var(--color-line);border-radius:20px;background:var(--color-surface);color:var(--color-ink-soft)}.lh-layar h1{font-size:26px;font-weight:800;line-height:1.2;letter-spacing:-.015em;text-wrap:balance}.lh-layar p{max-width:32ch;color:var(--color-ink-soft);font-size:16px;line-height:1.5}.lh-layar .lv-btn{max-width:360px}.lh-layar .lh-nama{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin-top:8px;padding:8px 14px;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);color:var(--color-ink);font-size:15px;font-weight:700}.lh-layar .lh-skor-total{display:flex;flex-direction:column;align-items:center;gap:2px;margin-block:8px;color:var(--color-ink-soft);font-size:15px;font-weight:700}.lh-skor-total b{color:var(--color-ink);font-size:48px;font-weight:800;line-height:1.05}.lh-slide{display:flex;flex-direction:column}.lh-penuh{flex:1}.lh-meta{color:var(--color-muted);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.lh-judul{margin-top:6px;font-size:clamp(22px,6.2vw,28px);font-weight:800;line-height:1.22;letter-spacing:-.015em;text-wrap:balance;overflow-wrap:anywhere}.lh-judul,.lh-terkirim-judul,.lh-umpan{scroll-margin-top:80px}.lh-judul:focus,.lh-terkirim-judul:focus,.lh-umpan:focus{outline:none}.lh-petunjuk{color:var(--color-ink-soft);font-size:15px;line-height:1.45}.lh-waktu{display:flex;align-items:center;gap:12px;margin-top:10px}.lh-waktu-trek{position:relative;flex:1;height:8px;overflow:hidden;border-radius:999px;background:var(--color-line)}.lh-waktu-trek>span{position:absolute;inset:0;border-radius:inherit;background:var(--color-primary);transform-origin:left center;transition:transform .25s linear}.lh-detik{min-width:2ch;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;text-align:right}.lh-waktu[data-akhir] .lh-waktu-trek>span{background:var(--lv-opsi-2)}.lh-waktu[data-akhir] .lh-detik{color:var(--lv-opsi-2)}.lh-materi{display:flex;flex-direction:column;gap:12px;margin-top:14px;font-size:17px;line-height:1.6}.lh-materi ul{padding-left:1.2em;list-style:disc}.lh-gambar{width:100%;height:auto;border-radius:12px}.lh-lihat{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--color-muted);font-size:15px;font-weight:700}.lh-form{display:flex;flex-direction:column;gap:16px;margin-top:10px}.lh-opsi{display:grid;gap:10px;min-width:0}.lh-opsi-item{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:12px 14px;border:2px solid var(--lh-garis-opsi);border-radius:16px;background:var(--color-surface);box-shadow:var(--shadow-raise-sm);color:var(--color-ink);font-size:18px;font-weight:600;line-height:1.3;text-align:left;cursor:pointer;transition:transform var(--lv-cepat) var(--lv-pegas),box-shadow var(--lv-cepat) var(--lv-pegas),border-color var(--lv-cepat),background-color var(--lv-cepat)}.lh-opsi-item .lv-huruf{font-size:19px}.lh-opsi-teks{flex:1;min-width:0;overflow-wrap:anywhere}.lh-opsi-item[data-dipilih]{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:var(--shadow-raise-active)}.lh-opsi-item:active:not(:disabled):not(:has(input:disabled)){transform:translateY(2px);box-shadow:none}.lh-opsi-item input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.lh-opsi-item:has(input:focus-visible),.lh-skala-item:has(input:focus-visible){outline:3px solid var(--color-primary);outline-offset:2px}.lh-opsi-item:disabled,.lh-opsi-item:has(input:disabled),.lh-opsi:disabled .lh-opsi-item{box-shadow:none;cursor:default}.lh-opsi-item:disabled:not([data-dipilih]),.lh-opsi-item:has(input:disabled):not([data-dipilih]){opacity:.6}.lh-tanda{display:grid;place-items:center;flex:none;width:26px;height:26px;border:2px solid var(--color-line-strong);border-radius:999px;color:var(--color-on-accent)}.lh-tanda[data-kotak]{border-radius:8px}[data-dipilih]>.lh-tanda{border-color:var(--color-primary);background:var(--color-primary)}.lh-aksi{position:sticky;bottom:var(--lh-bawah, 0px);z-index:5;display:flex;flex-direction:column;gap:8px;margin:auto calc(-1 * var(--lh-pinggir)) 0;padding:12px var(--lh-pinggir) calc(12px + var(--lh-aman, env(safe-area-inset-bottom)));border-top:1px solid var(--color-line);background:var(--color-surface)}.lh-aksi .lv-btn{width:100%}.lh-isian{display:flex;flex-direction:column;gap:10px}.lh-label-baris{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:15px;font-weight:700}.lh-hitung{margin-left:auto;color:var(--color-muted);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.lh-baris{display:flex;gap:8px}.lh-masukan{flex:1;width:100%;min-width:0;min-height:56px;padding:12px 14px;border:2px solid var(--color-line-strong);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-sunken);color:var(--color-ink);font:inherit;font-size:18px;line-height:1.4}.lh-masukan::placeholder{color:var(--color-muted)}.lh-masukan:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.lh-masukan:disabled{opacity:.6}textarea.lh-masukan{min-height:148px;resize:vertical}.lh-kata{display:flex;flex-wrap:wrap;gap:8px}.lh-kata-tengah{justify-content:center}.lh-kata li{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-ink);font-size:16px;font-weight:700;overflow-wrap:anywhere}.lh-kata li:has(button){padding-right:0}.lh-kata button{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;color:var(--color-ink-soft)}.lh-skala-set{display:grid;gap:10px;min-width:0}.lh-skala{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.lh-skala-item{position:relative;display:grid;place-items:center;min-height:60px;border:2px solid var(--lh-garis-opsi);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-raise-sm);font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform var(--lv-cepat) var(--lv-pegas),box-shadow var(--lv-cepat) var(--lv-pegas)}.lh-skala-item input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.lh-skala-item[data-dipilih]{border-color:var(--color-primary);background:var(--color-primary);box-shadow:0 3px 0 var(--color-primary-depth);color:var(--color-on-accent)}.lh-skala-item:active:not(:has(input:disabled)){transform:translateY(2px);box-shadow:none}.lh-skala-set:disabled .lh-skala-item{box-shadow:none;cursor:default}.lh-skala-set:disabled .lh-skala-item:not([data-dipilih]){opacity:.6}.lh-ujung{display:flex;justify-content:space-between;gap:16px;color:var(--color-muted);font-size:13px;font-weight:600}.lh-ujung span:last-child{text-align:right}.lh-nilai{display:block;color:var(--color-primary);font-size:44px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}.lh-rentang{width:100%;height:44px;accent-color:var(--color-primary)}.lh-urutan{display:grid;gap:8px}.lh-urutan li{display:flex;align-items:center;gap:4px;min-height:64px;padding:6px;border:2px solid var(--lh-garis-opsi);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-raise-sm);font-size:16px;font-weight:600;line-height:1.3}.lh-urutan li[data-seret]{position:relative;z-index:1;border-color:var(--color-primary);box-shadow:var(--shadow-lift)}.lh-pegangan{display:grid;place-items:center;flex:none;width:44px;height:48px;border-radius:10px;color:var(--color-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.lh-urutan li[data-seret] .lh-pegangan{cursor:grabbing;color:var(--color-primary)}.lh-no{flex:none;width:26px;color:var(--color-primary);font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}.lh-geser{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--color-surface-2);color:var(--color-ink)}.lh-geser:disabled{opacity:.35;cursor:not-allowed}.lh-terkirim{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:28px;text-align:center}.lh-centang{display:grid;place-items:center;width:72px;height:72px;margin-bottom:6px;border-radius:999px;background:var(--color-primary);box-shadow:0 5px 0 var(--color-primary-depth);color:var(--color-on-accent);animation:lh-muncul var(--lv-sedang) var(--lv-pegas)}@keyframes lh-muncul{0%{opacity:0;transform:scale(.6)}}.lh-terkirim-judul{font-size:24px;font-weight:800;line-height:1.2}.lh-terkirim-teks{max-width:30ch;color:var(--color-ink-soft);font-size:16px;line-height:1.5}.lh-terkirim>.lh-ringkas,.lh-terkirim>.lh-baris-opsi,.lh-terkirim>.lh-kutip,.lh-terkirim>.lh-hasil{width:100%;margin-top:6px;text-align:left}.lh-terkirim>.lv-btn{margin-top:6px}.lh-ringkas{display:grid;gap:8px}.lh-baris-opsi{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border:1px solid var(--color-line);border-radius:14px;background:var(--color-surface);color:var(--color-ink);font-size:16px;font-weight:700;line-height:1.3;text-align:left}.lh-baris-opsi .lv-huruf{font-size:16px}.lh-baris-opsi[data-benar]{border:2px solid var(--color-success);background:var(--color-success-soft);color:var(--color-ink)}.lh-baris-opsi[data-benar]>svg{flex:none;color:var(--color-success-text)}.lh-kutip{padding:14px 16px;border-left:3px solid var(--color-primary);border-radius:4px 14px 14px 4px;background:var(--color-surface);font-size:16px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.lh-ringkas-angka{color:var(--color-ink-soft);font-size:16px;font-weight:700}.lh-ringkas-angka b{margin-right:4px;color:var(--color-primary);font-size:44px;font-weight:800;font-variant-numeric:tabular-nums}.lh-hasil{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-top:20px;border-top:1px solid var(--color-line)}.lh-umpan{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:28px;text-align:center}.lh-umpan .lh-baris-opsi{width:100%}.lh-umpan-ikon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:4px;border-radius:999px;background:var(--color-surface-2);color:var(--color-ink-soft);animation:lh-muncul var(--lv-sedang) var(--lv-pegas)}.lh-umpan[data-jenis=benar] .lh-umpan-ikon{background:var(--lv-benar);color:var(--lv-opsi-huruf)}.lh-umpan[data-jenis=salah] .lh-umpan-ikon{background:var(--color-error-soft);color:var(--color-error-text)}.lh-umpan-judul{font-size:30px;font-weight:800;line-height:1.15;letter-spacing:-.015em}.lh-umpan[data-jenis=benar] .lh-umpan-judul,.lh-umpan-poin{color:var(--color-success-text)}.lh-umpan[data-jenis=salah] .lh-umpan-judul{color:var(--color-error-text)}.lh-umpan-poin{font-size:48px;font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.lh-umpan-label{margin-top:10px;color:var(--color-muted);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.lh-umpan-meta{margin-top:6px;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.lh-umpan-teks{color:var(--color-ink-soft);font-size:16px;line-height:1.5}.lh-umpan-teks b{color:var(--color-ink);font-weight:800}.lh-qa{display:flex;flex:1;flex-direction:column;gap:12px;margin-top:8px}.lh-qa-kepala{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.lh-kosong{padding:24px 0;color:var(--color-muted);font-size:15px;text-align:center}.lh-qa-daftar{border-top:1px solid var(--color-line)}.lh-qa-daftar li{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--color-line)}.lh-qa-isi{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.lh-qa-teks{font-size:16px;line-height:1.45;overflow-wrap:anywhere}.lh-qa-tanda{display:flex;flex-wrap:wrap;gap:6px}.lh-qa-tanda span{display:inline-flex;padding:3px 9px;border-radius:999px;background:var(--color-surface-2);color:var(--color-ink-soft);font-size:12.5px;font-weight:700}.lh-qa-tanda [data-nada=ungu]{background:var(--color-primary-soft);color:var(--color-primary-active)}.lh-qa-tanda [data-nada=hijau]{background:var(--color-success-soft);color:var(--color-success-text)}.lh-qa-tanda [data-nada=kuning]{background:var(--color-warning-soft);color:var(--color-warning-text)}.lh-dukung{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;width:56px;min-height:56px;border:2px solid var(--lh-garis-opsi);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-raise-sm);color:var(--color-ink);font-size:15px;font-weight:800}.lh-dukung:active:not(:disabled){transform:translateY(2px);box-shadow:none}.lh-dukung[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-active)}.lh-dukung:disabled{box-shadow:none;cursor:default}.lh-dukung:disabled:not([aria-pressed=true]){opacity:.6}.lh-qa-tulis{position:sticky;bottom:var(--lh-bawah, 0px);z-index:5;display:flex;flex-direction:column;gap:6px;margin:auto calc(-1 * var(--lh-pinggir)) 0;padding:12px var(--lh-pinggir) calc(10px + var(--lh-aman, env(safe-area-inset-bottom)));border-top:1px solid var(--color-line);background:var(--color-surface)}.lh-qa-tulis .lh-baris{align-items:flex-end}.lh-qa-tulis .lv-btn{min-height:52px}.lh-qa-masukan{min-height:52px;max-height:30vh;font-size:16px;resize:none}textarea.lh-qa-masukan{min-height:52px}.lh-baki{position:sticky;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px max(var(--lh-pinggir),calc((100% - 560px)/2)) calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:var(--color-surface)}.lh-reaksi{display:grid;place-items:center;min-height:56px;border-radius:14px;color:var(--color-ink-soft);-webkit-tap-highlight-color:transparent;transition:transform .12s var(--lv-pegas),background-color .12s,color .12s}.lh-reaksi:hover:not([aria-disabled]){background:var(--color-surface-2)}.lh-reaksi:active:not([aria-disabled]){transform:scale(.9)}.lh-reaksi[aria-disabled]{cursor:default}.lh-reaksi[aria-disabled]:not([data-terkirim]){opacity:.45}.lh-reaksi[data-terkirim]{background:var(--color-primary-soft);color:var(--color-primary)}.lh-reaksi[data-terkirim] svg{animation:lh-ketuk .12s var(--lv-pegas)}@keyframes lh-ketuk{50%{transform:scale(1.18)}}:root[data-theme=dark] .lh{--lh-garis-opsi: var(--color-line-strong)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .lh{--lh-garis-opsi: var(--color-line-strong)}}@media(prefers-reduced-motion:reduce){.lh *,.lh *:before{animation:none!important;transition:none!important}.lh-opsi-item:active,.lh-skala-item:active,.lh-dukung:active,.lh-reaksi:active{transform:none!important}}