.hubung{min-height:100vh;background:var(--latar);align-items:stretch}.cincin-hubung{position:relative;width:112px;height:112px;margin:0 auto 8px;display:grid;place-items:center;border-radius:999px}.cincin-hubung:before,.cincin-hubung:after{content:"";position:absolute;inset:-22px;border-radius:999px;border:1px solid var(--garis);animation:gelombang 2.6s ease-out infinite}.cincin-hubung:after{animation-delay:1.3s}@keyframes gelombang{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.panggilan{justify-content:flex-start;padding-top:calc(56px + env(safe-area-inset-top));overflow-y:auto}.avatar-panggilan{border-radius:999px;padding:6px;box-shadow:0 0 0 1px #6b9bf259,0 0 48px #2e5fcc73}.nama-panggilan{color:var(--putih);font-size:22px;font-weight:700}.malam .jam{margin-top:18px}.kuat-malam{color:var(--putih)!important;font-weight:700}.sunyi-malam{font-size:13px;color:#a9b6d6}.tombol-panggilan{margin-top:auto;gap:44px}.tombol-berlabel{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;color:#a9b6d6}.bulat{width:68px;height:68px}.bulat svg{width:26px;height:26px}.pil-bahaya{min-height:44px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:600;background:transparent;color:var(--putih);border:1px solid rgba(255,255,255,.35)}.pil-tandai{min-height:38px;padding:0 16px;border-radius:999px;font-size:13px;font-weight:600;background:transparent;color:#a9b6d6;border:1px dashed rgba(255,255,255,.28)}.pil-tandai:disabled{opacity:.6}.pembuka{position:fixed;inset:0;z-index:30;background:var(--malam);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 24px calc(40px + env(safe-area-inset-bottom));text-align:center;animation:muncul .2s ease both}.janji-pembuka{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:10px;color:#dce6fa;font-size:16px;max-width:320px}.janji-pembuka li:before{content:"·  ";color:var(--biru-pendar);font-weight:800}.lingkar-modul{width:40px;height:40px;border-radius:999px;flex:none;display:grid;place-items:center;background:var(--pita);color:var(--biru-teks)}.lingkar-modul.tuntas{background:var(--biru);color:var(--putih)}.baris-daftar:disabled{opacity:.55}.isi-modul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}.isi-modul li{position:relative;padding-left:18px;color:var(--tinta);line-height:1.6}.isi-modul li:before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;border-radius:999px;background:var(--biru-pendar)}.jawaban{justify-content:flex-start;gap:14px;font-weight:500}.bulatan{width:22px;height:22px;border-radius:999px;border:2px solid var(--garis);flex:none}.bulatan.isi{border-color:var(--biru);box-shadow:inset 0 0 0 4px var(--putih);background:var(--biru)}.tanda-hasil{width:80px;height:80px;margin:0 auto;border-radius:999px;display:grid;place-items:center;font-size:34px;font-weight:800;border:2px solid var(--biru);color:var(--biru-teks)}.persen-besar{font-size:64px;font-weight:800;letter-spacing:-.03em;color:var(--biru-teks);line-height:1}.tingkat-kartu{position:relative;overflow:hidden}.poin-naik{display:inline-block;margin-left:6px;font-size:14px;color:var(--biru-pendar);animation:poinNaik 1.8s ease-out both}@keyframes poinNaik{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}.lencana-baris{display:flex;gap:8px;margin-top:14px}.lencana-modul{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px dashed var(--garis);color:var(--garis);background:transparent;transition:transform .2s ease,background .2s ease}.lencana-modul.dapat{border:1px solid var(--biru);background:var(--biru);color:var(--putih);box-shadow:0 6px 14px #2e5fcc47}.paket.jawaban.tepat{border-color:var(--biru-teks);background:var(--pita);color:var(--tinta);font-weight:700}.paket.jawaban.meleset{opacity:.6;text-decoration:line-through}.paket.jawaban:disabled{opacity:1;cursor:default}.paket.jawaban.meleset:disabled{opacity:.6}.lencana-besar{display:inline-flex;align-items:center;gap:12px;text-align:left;padding:12px 18px 12px 12px;border-radius:999px;background:var(--pita);color:var(--tinta);margin:4px auto 0}.lencana-ikon{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;background:var(--biru);color:var(--putih);flex:none}.konfeti{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden}.konfeti span{position:absolute;top:-12px;left:calc((var(--i) + .5) * 5.5%);width:9px;height:9px;border-radius:3px;background:var(--biru);opacity:0;animation:konfetiJatuh 2.8s cubic-bezier(.2,.7,.4,1) both;animation-delay:calc(var(--i) * .07s)}.konfeti span:nth-child(3n){background:var(--biru-pendar);border-radius:999px}.konfeti span:nth-child(4n){background:var(--biru-muda);width:6px;height:12px}@keyframes konfetiJatuh{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(105vh) rotate(540deg)}}@media(prefers-reduced-motion:reduce){.konfeti{display:none}.poin-naik{animation:none}}.baca-bersuara{--sorot: rgba(46, 95, 204, .2)}html[data-tema=gelap] .baca-bersuara{--sorot: rgba(107, 155, 242, .68)}.baca-bersuara .kata{border-radius:5px;transition:opacity .2s ease;-webkit-box-decoration-break:clone;box-decoration-break:clone}.baca-bersuara.sedang-dengar .kata{opacity:.7}.baca-bersuara.sedang-dengar .kata.sudah,.baca-bersuara.sedang-dengar .kata.aktif{opacity:1}.baca-bersuara .kata.aktif{background-image:linear-gradient(90deg,var(--sorot) calc(var(--p, 0) * 100%),transparent calc(var(--p, 0) * 100%))}.pemutar-baca{position:sticky;top:8px;z-index:5;margin-top:18px;background:var(--permukaan);border:1px solid var(--garis);border-radius:20px;padding:12px;box-shadow:0 6px 20px rgba(var(--bayang),.18)}.pemutar-baca>.utama{min-width:112px;padding:0 16px}.kemajuan-baca{height:6px;border-radius:999px;background:var(--pita);overflow:hidden}.kemajuan-baca>span{display:block;height:100%;background:var(--biru);border-radius:999px}.chip.kecil-cepat{min-height:44px;padding:0 9px;font-size:13px}@media(prefers-reduced-motion:reduce){.baca-bersuara .kata{transition:none}}.masuk-penuh{position:fixed;inset:0;z-index:40;background:var(--biru);color:#fff;display:flex;flex-direction:column;padding:28px 20px calc(28px + env(safe-area-inset-bottom))}.masuk-penuh .kartu{color:var(--tinta)}.cincin-hitung{position:relative;width:108px;height:108px;display:grid;place-items:center}.cincin-hitung svg{position:absolute;inset:0;transform:rotate(-90deg)}.cincin-hitung span{font-size:36px;font-weight:800;color:#fff}.kartu-tepi{border-left:4px solid var(--biru);border-radius:0 22px 22px 0}.grid-avatar{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.avatar-pilih{border:none;background:none;padding:0;width:100%;aspect-ratio:1;border-radius:999px;display:grid;place-items:center;min-height:0}.kotak-baca{min-height:40px;background:var(--latar);border:1px solid var(--garis);border-radius:14px;padding:9px 14px;font-size:14px;color:var(--tinta);display:flex;align-items:center}.kotak-baca.kosong{color:var(--tinta-lembut);font-style:italic}.langkah-baris{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--pita)}.langkah-baris:last-child{border-bottom:none}.langkah-titik{width:24px;height:24px;flex:none;border-radius:999px;display:grid;place-items:center;box-sizing:border-box}.langkah-titik.selesai{background:var(--biru);color:#fff}.langkah-titik.belum{border:1.5px solid var(--garis)}.langkah-titik.berjalan:after{content:"";width:13px;height:13px;border-radius:999px;background:var(--biru);animation:bernapas 2.4s ease-in-out infinite}.kotak-pita{background:var(--pita);border-radius:20px;padding:18px 20px}.kotak-pita p{color:var(--tinta-lembut)}.label-kecil{margin:0;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-lembut)}.chip-dua{display:flex;gap:9px}.chip-dua .chip{flex:1;min-height:48px}.langkah-kartu-daftar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.langkah-kartu{display:flex;align-items:flex-start;gap:14px;background:var(--permukaan);border:1px solid var(--garis);border-radius:20px;padding:16px;box-shadow:0 3px 16px #0d15300f}.langkah-kartu p{color:var(--tinta)}.nomor-bulat{width:32px;height:32px;flex:none;border-radius:999px;background:var(--biru);color:var(--putih);display:grid;place-items:center;font-weight:700;font-size:15px}.pilih-besar{min-height:56px;border-radius:18px;padding:0 12px;background:var(--permukaan);border:2px solid var(--biru);color:var(--biru-teks)}.pilih-besar[aria-pressed=true]{background:var(--biru);color:var(--putih)}.kartu.rincian{padding:4px 18px}.rincian-baris{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;color:var(--tinta-lembut)}.rincian-baris+.rincian-baris{border-top:1px solid var(--pita)}.rincian-baris .angka{font-size:16px;font-weight:600;color:var(--tinta)}.rincian-baris.jumlah{color:var(--tinta);font-weight:600}.rincian-baris.jumlah .angka{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--biru-teks)}.baris-daftar .ubin-ilustrasi{width:52px;height:52px;border-radius:16px}.daftar-janji{margin:10px 0 0;padding:0;list-style:none;counter-reset:janji}.daftar-janji li{counter-increment:janji;position:relative;padding:10px 0 10px 40px;color:var(--tinta);line-height:1.55;border-top:1px solid var(--garis)}.daftar-janji li:first-child{border-top:none}.daftar-janji li:before{content:counter(janji);position:absolute;left:0;top:10px;width:28px;height:28px;border-radius:999px;background:var(--pita);color:var(--biru-teks);display:grid;place-items:center;font-weight:800;font-size:14px}.hasil-tes{padding-top:24px}.lingkar-hasil{width:96px;height:96px;margin:0 auto;border-radius:999px;display:grid;place-items:center;font-size:26px;font-weight:800;border:3px solid var(--biru);color:var(--biru-teks);background:var(--pita)}.lingkar-hasil.lulus{background:var(--biru);color:var(--putih)}.baris-daftar>.siluet,.kartu>.baris>.siluet{align-self:flex-start;margin-top:-8px}.jam-pilih{padding:0 32px 0 12px;min-width:0;background-position:right 10px center}.setuju-baris{display:flex;align-items:flex-start;gap:14px;cursor:pointer;margin:14px 0 0;padding:14px;border-radius:14px;background:var(--permukaan);border:2px solid var(--kabar-garis);color:var(--tinta);font-size:16px;font-weight:600;line-height:1.5}.setuju-baris input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;width:28px;height:28px;min-height:0;margin:0;padding:0;border:2.5px solid var(--biru-teks);border-radius:8px;background:var(--permukaan);display:grid;place-content:center;cursor:pointer}.setuju-baris input[type=checkbox]:checked{background:var(--biru);border-color:var(--biru)}.setuju-baris input[type=checkbox]:checked:after{content:"";width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:translateY(-2px) rotate(45deg)}.setuju-baris input[type=checkbox]:focus-visible{outline:3px solid var(--biru-pendar);outline-offset:2px}:root{--biru: #2E5FCC;--biru-teks: #2E5FCC;--biru-dalam: #1E52C0;--biru-pendar: #6B9BF2;--biru-muda: #93B8F7;--tinta: #0D1530;--tinta-lembut: #46557A;--pita: #E2ECFD;--latar: #EEF4FE;--malam: #060B1C;--garis: #C0D5FB;--putih: #fff;--permukaan: #fff;--latar-halaman: #fff;--bayang: 13, 21, 48;--kabar-latar: #FFEDB5;--kabar-garis: #A87908;--kabar-teks: #3D2B00}html[data-tema=gelap]{--tinta: #F2F5FC;--tinta-lembut: #AEBBDA;--pita: #1B2B57;--latar: #121B3A;--garis: #2A3A68;--permukaan: #121B3A;--latar-halaman: #0A1230;--biru-pendar: #8DB2F6;--biru-teks: #8DB2F6;--bayang: 0, 0, 0;--kabar-latar: #3B2B08;--kabar-garis: #C9962F;--kabar-teks: #FFE4A3;color-scheme:dark}html[data-tema=gelap] .eyebrow,html[data-tema=gelap] .teks-saja,html[data-tema=gelap] .lihat-sandi,html[data-tema=gelap] a{color:var(--biru-pendar)}html[data-tema=gelap] a.utama{color:var(--putih)}html[data-tema=gelap] .kedua,html[data-tema=gelap] .chip[aria-pressed=true],html[data-tema=gelap] .lencana{color:var(--biru-pendar)}html[data-tema=gelap] .ilustrasi img{filter:brightness(.92)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#akar{height:100%}body{margin:0;background:var(--latar-halaman);color:var(--tinta);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}.bingkai{max-width:480px;margin:0 auto;min-height:100%;padding:24px 20px calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px}h1{font-size:30px;font-weight:800;letter-spacing:-.03em;margin:0}h2{font-size:22px;font-weight:800;letter-spacing:-.024em;margin:0}h3{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:0}p{margin:0;color:var(--tinta-lembut);text-wrap:pretty}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--biru-teks);margin:0}.angka{font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;font-weight:700;font-size:16px;min-height:48px;border-radius:999px;border:1px solid transparent;padding:0 22px;cursor:pointer;transition:transform .12s ease,background .12s ease}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed}.utama:disabled{background:var(--pita);color:var(--tinta-lembut);border-color:var(--garis)}.kedua:disabled{background:var(--permukaan);color:var(--tinta-lembut);border-color:var(--garis)}button:disabled:not(.utama):not(.kedua):not(.sambung-cepat){opacity:.62}.tombol-a{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:700;font-size:16px;min-height:56px;border-radius:999px;border:1px solid transparent;box-sizing:border-box}.utama,.kedua{min-height:56px}label.utama,label.kedua{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;border:1px solid transparent;padding:0 22px;font-weight:700;font-size:16px;cursor:pointer;box-sizing:border-box}label.kedua{border-color:var(--garis)}.utama{background:var(--biru);color:var(--putih)}.utama:hover:not(:disabled){background:var(--biru-dalam)}.kedua{background:var(--permukaan);color:var(--biru-teks);border-color:var(--garis)}.lebar{width:100%}.teks-saja{background:none;border:none;color:var(--biru-teks);min-height:44px;padding:0;text-decoration:underline}.tombol-tautan{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:999px;padding:0 22px;font-weight:700;font-size:16px;text-decoration:none}label,.label-isian{display:block;font-size:14px;font-weight:500;color:var(--tinta-lembut);margin-bottom:10px}input,select,textarea{font:inherit;width:100%;min-height:56px;padding:0 16px;border-radius:16px;border:1px solid var(--garis);background:var(--latar);color:var(--tinta)}textarea{padding:14px 16px;min-height:96px;resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{outline:2px solid var(--biru);outline-offset:1px}input:not([type=checkbox]):not([type=radio]):not([type=file]){height:56px}select{-webkit-appearance:none;appearance:none;height:56px;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%2346557A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 9px;cursor:pointer}html[data-tema=gelap] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23AEBBDA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.isian+.isian{margin-top:14px}.kartu{background:var(--permukaan);border:1px solid var(--garis);border-radius:22px;padding:18px;box-shadow:0 3px 16px rgba(var(--bayang),.06)}.kartu+.kartu{margin-top:12px}.baris{display:flex;align-items:center;gap:14px}.baris.atas{align-items:flex-start}.baris.atas .teks-saja{margin-top:6px;flex:none}.tumbuh{flex:1;min-width:0}.tumpuk{display:flex;flex-direction:column;gap:12px}.kabar{border:1.5px solid var(--kabar-garis);background:var(--kabar-latar);color:var(--kabar-teks);border-radius:18px;padding:14px 16px;font-size:15px}.kabar strong,.kabar b{color:var(--kabar-teks)}.kotak-tanya{background:var(--kabar-latar);border:1.5px solid var(--kabar-garis);border-radius:16px;padding:14px 16px;margin-top:4px}.kotak-tanya p{color:var(--kabar-teks);font-size:15px}.dua-tombol{display:flex;gap:10px}.dua-tombol>button{flex:1;min-width:0;padding-left:10px;padding-right:10px;white-space:nowrap}.kartu.kabar-kartu{background:var(--kabar-latar);border-color:var(--kabar-garis);border-width:1.5px}.kartu.kabar-kartu .eyebrow,.kartu.kabar-kartu p,.kartu.kabar-kartu h3{color:var(--kabar-teks)}.kabar.gelap{background:#3b2b08;border-color:#c9962f;color:#ffe4a3;max-width:340px}.kabar.gelap strong{color:#ffe4a3}.titik{width:9px;height:9px;border-radius:999px;background:var(--biru-muda);flex:none}.titik.nyala{background:var(--biru);box-shadow:0 0 0 4px #2e5fcc2e}.siluet{width:48px;height:48px;border-radius:999px;flex:none;background:var(--pita);display:grid;place-items:center;color:var(--biru-teks)}.sunyi{font-size:14px;color:var(--tinta-lembut)}.pilihan-paket{display:grid;gap:10px}.paket{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--garis);background:var(--permukaan);border-radius:18px;padding:14px 18px;min-height:60px;text-align:left;font-weight:600}.paket[aria-pressed=true]{border-color:var(--biru-teks);background:var(--pita)}.malam{position:fixed;inset:0;background:var(--malam);color:var(--putih);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:32px 24px calc(40px + env(safe-area-inset-bottom));text-align:center}.malam p{color:#a9b6d6}.malam h1{color:var(--putih)}.jam{font-size:56px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.tombol-panggilan{display:flex;gap:14px}.bulat{width:64px;height:64px;border-radius:999px;padding:0;display:grid;place-items:center;font-size:13px;line-height:1.2}.tutup{background:var(--putih);color:var(--malam)}.bisu{background:#ffffff1f;color:var(--putih);border-color:#ffffff4d}.bisu[aria-pressed=true]{background:var(--putih);color:var(--malam)}.pemuat{text-align:center;padding:48px 0;color:var(--tinta-lembut)}.bingkai.bernav{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.nav-bawah{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;gap:4px;background:var(--permukaan);border-top:1px solid var(--garis);padding:8px 12px calc(8px + env(safe-area-inset-bottom))}.nav-bawah button{flex:1;max-width:150px;min-height:56px;border:none;background:none;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px;font-weight:600;color:var(--tinta-lembut);padding:0}.nav-bawah button[aria-current=page]{color:var(--biru-teks)}.nav-bawah svg{width:21px;height:21px}.sakelar{position:relative;width:56px;height:32px;min-height:32px;flex:none;border-radius:999px;border:1px solid var(--garis);background:var(--pita);padding:0;transition:background .18s ease,border-color .18s ease}.sakelar:before{content:"";position:absolute;inset:-8px -6px;border-radius:999px}.sakelar:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:999px;background:var(--putih);box-shadow:0 1px 4px #0d153047;transition:transform .18s ease}.sakelar[aria-checked=true]{background:var(--biru);border-color:var(--biru)}.sakelar[aria-checked=true]:after{transform:translate(24px)}.sakelar.kecil{width:46px;height:27px;min-height:27px}.sakelar.kecil:after{width:21px;height:21px}.sakelar.kecil[aria-checked=true]:after{transform:translate(19px)}.angka-besar{font-size:28px;font-weight:800;letter-spacing:-.024em;font-variant-numeric:tabular-nums}.tiga-kartu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tiga-kartu .kartu{padding:12px 10px;margin:0;min-width:0}.tiga-kartu .kartu h3{font-size:clamp(13px,3.9vw,17px);letter-spacing:-.02em;white-space:nowrap}.tiga-kartu .kartu p{font-size:11px}.bar-bonus{position:relative;height:14px;border-radius:999px;background:var(--pita);overflow:hidden;margin:14px 0 10px}.bar-bonus span{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,var(--biru-pendar),var(--biru));transition:width .5s ease}.tonggak{display:flex;justify-content:space-between;gap:6px}.tonggak div{flex:1;text-align:center;font-size:12px;color:var(--tinta-lembut)}.tonggak div.lewat{color:var(--biru-teks);font-weight:700}.tonggak b{display:block;font-size:13px;color:var(--tinta)}.baris-daftar{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;border:none;border-bottom:1px solid var(--garis);background:none;text-align:left;min-height:0;border-radius:0}.baris-daftar:last-child{border-bottom:none}.napas{width:72px;height:72px;border-radius:999px;background:var(--pita);display:grid;place-items:center;margin:0 auto;animation:bernapas 3.2s ease-in-out infinite}@keyframes bernapas{0%,to{box-shadow:0 0 #2e5fcc47}50%{box-shadow:0 0 0 16px #2e5fcc00}}.chip-baris{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--garis);background:var(--permukaan);color:var(--tinta);border-radius:999px;padding:0 16px;min-height:44px;font-size:14px;font-weight:600}.chip[aria-pressed=true]{border-color:var(--biru-teks);background:var(--pita);color:var(--biru-teks)}.langkah{font-size:13px;font-weight:600;color:var(--biru-teks);letter-spacing:.04em}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:999px;overflow:hidden}.avatar svg{display:block}.logo-tebi{display:inline-grid;place-items:center;flex:none;background:linear-gradient(135deg,var(--biru),var(--biru-dalam));box-shadow:0 14px 34px #2e6be647}.merek-tebi{display:inline-flex;align-items:center}.merek-kata{display:flex;align-items:baseline;font-weight:800;letter-spacing:-.045em;color:var(--tinta);line-height:1}.merek-i{position:relative;display:inline-block;width:.135em;height:.52em;margin:0 .02em 0 .07em;border-radius:.045em;background:var(--tinta);vertical-align:baseline}.merek-titik{position:absolute;left:calc(50% - .0875em);bottom:.575em;width:.175em;height:.175em;border-radius:999px;background:var(--biru-pendar);box-shadow:0 0 .12em #6b9bf2f2,0 0 .3em #6b9bf273;animation:napas 8s ease-in-out infinite}@keyframes napas{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}@media(prefers-reduced-motion:reduce){.merek-titik{animation:none}}.isian-sandi{position:relative}.isian-sandi input{padding-right:104px}.lihat-sandi{position:absolute;right:8px;top:6px;bottom:6px;min-height:0;padding:0 14px;border-radius:999px;background:none;border:none;color:var(--biru-teks);font-size:14px;font-weight:700}.lihat-sandi:hover{background:var(--pita)}.ikon-tombol{width:44px;height:44px;min-height:44px;padding:0;border:none;background:none;display:inline-grid;place-items:center;color:var(--tinta-lembut);border-radius:999px}.ikon-tombol:hover{background:var(--latar)}.kepala{display:flex;flex-direction:column;gap:10px}.judul-layar{font-size:24px;font-weight:700;line-height:1.35;letter-spacing:-.02em}.keterangan-layar{font-size:16px;line-height:1.6}.kartu-pilihan{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--permukaan);border:1px solid var(--garis);border-radius:20px;padding:14px 16px;min-height:72px;color:var(--tinta);font-weight:400}.kartu-pilihan+.kartu-pilihan{margin-top:10px}.kartu-pilihan h3{font-size:16px;font-weight:700}.kartu-pilihan p{font-size:14px}.kartu-pilihan>svg:last-child{color:var(--biru-muda);flex:none}.ubin-ikon{width:44px;height:44px;border-radius:14px;flex:none;background:var(--pita);color:var(--biru-teks);display:grid;place-items:center}.lencana{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:var(--pita);color:var(--biru-teks);font-size:12px;font-weight:600;padding:3px 10px;line-height:1.4}.lembar-latar{position:fixed;inset:0;z-index:50;background:#0d153061;display:flex;align-items:flex-end;justify-content:center;animation:muncul .18s ease both}.lembar{width:100%;max-width:480px;max-height:92vh;overflow-y:auto;background:var(--permukaan);border-radius:28px 28px 0 0;padding:10px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;animation:naik .26s cubic-bezier(.22,.7,.3,1) both}.lembar-pegangan{width:44px;height:5px;border-radius:999px;background:var(--garis);margin:0 auto 6px}@keyframes muncul{0%{opacity:0}to{opacity:1}}@keyframes naik{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes fadeUp{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.masuk-halus{animation:fadeUp .6s cubic-bezier(.22,.7,.3,1) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.splash{min-height:100%;background:var(--latar);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}.kisi-avatar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.tombol-avatar{min-height:0;padding:0;border:none;background:none;border-radius:999px;display:grid;place-items:center}.tombol-avatar .avatar{width:100%!important;height:auto!important;aspect-ratio:1}a{color:var(--biru-teks)}.ilustrasi{display:block;height:auto;margin:0 auto;user-select:none;-webkit-user-drag:none}.ubin-ilustrasi{width:64px;height:64px;flex:none;border-radius:18px;overflow:hidden;background:var(--latar);display:grid;place-items:center}.ubin-ilustrasi img{width:100%;height:100%;object-fit:cover}.kartu-pilihan:disabled .ubin-ilustrasi img{opacity:.6}.ilustrasi{animation:ilustrasi-muncul .9s cubic-bezier(.22,.61,.36,1) both,ilustrasi-melayang 7s ease-in-out .9s 4}@keyframes ilustrasi-muncul{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ilustrasi-melayang{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ubin-ilustrasi{animation:muncul .6s ease both}.ilustrasi-bingkai{margin:0 auto}.ilustrasi-bingkai .ilustrasi{width:100%}.ilustrasi-gelombang{height:20px;margin-top:-6px;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);animation:muncul 1.1s ease .5s both}.ilustrasi-gelombang svg{display:block;animation:ilustrasi-arus 12s linear 3}@keyframes ilustrasi-arus{to{transform:translate(-96px)}}.layar-kosong{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:48px 20px;flex:1}.layar-kosong p{max-width:250px;margin:0;color:var(--tinta-lembut)}.layar-kosong h3{margin:0}.nama-kelompok{font-size:14px;font-weight:700;color:var(--tinta);margin:0 0 8px}.nomor-kecil{width:28px;height:28px;flex:none;border-radius:999px;background:var(--pita);color:var(--biru-teks);font-size:14px;font-weight:800;display:grid;place-items:center}.kartu-kode-ajak{display:flex;flex-direction:column;gap:10px;text-align:center}.kode-ajak{font-size:34px;font-weight:800;letter-spacing:.18em;color:var(--tinta);margin:2px 0 8px;font-family:ui-monospace,Menlo,Consolas,monospace}.aturan-ajak{display:flex;flex-direction:column;gap:8px;margin:0;padding-left:20px}.aturan-ajak li{color:var(--tinta-lembut);font-size:15px;line-height:1.55}.daftar-ajak{display:flex;flex-direction:column;gap:2px}.daftar-ajak .baris-daftar{font-size:15px}.tombol-ajak{display:inline-flex;align-items:center;gap:8px;margin-top:10px;min-height:44px;padding:0 18px;font-size:15px;background:var(--biru);color:var(--putih)}.tombol-ajak:hover:not(:disabled){background:var(--biru-dalam)}.tombol-ajak svg{flex:none}