@font-face{font-family:Parkinsans;src:url(/assets/Parkinsans-BFVZuzYm.ttf) format("truetype");font-weight:300 800;font-style:normal;font-display:swap}@font-face{font-family:Host Grotesk;src:url(/assets/HostGrotesk-c3nXu1KX.ttf) format("truetype");font-weight:300 800;font-style:normal;font-display:swap}:root{color-scheme:light;--surface:#eef3e8;--surface-raised:#ffffff;--surface-sunken:#e4ece1;--outline:#c9d4c6;--divider:#dfe6dc;--motif:#d6e2d2;--ink:#14181a;--ink-muted:#525c57;--on-fill:#14181a;--primary:#0e0f10;--on-primary:#ffffff;--primary-soft:#dce8d8;--sun:#fde6d8;--pink:#f7c9d6;--lime:#d3ebaa;--pasangan:#c3d4f6;--keturunan:#b5ead0;--leluhur:#d9c9f2;--saudara:#fbd3ac;--danger:#c53a28;--on-danger:#ffffff;--danger-soft:#fbe0da;--focus:#f2682a;--aksen:#f2682a;--aksen-soft:#fde6d8;--font-display:"Parkinsans",system-ui,sans-serif;--font-sans:"Host Grotesk",system-ui,sans-serif;--font-arab:"Noto Kufi Arabic",serif;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-pop:0 8px 24px rgba(20,40,30,.12);--shadow-pop-sm:0 2px 8px rgba(20,40,30,.1);--border-w:1px;--lebar-konten:1200px;--halaman:#b9d4c0;--kartu:rgba(255,255,255,.72);--kartu-tepi:rgba(255,255,255,.95);--sorot-pewaris:#5d6487;--sorot-ahli-waris:#2f5bff;--sorot-penyebab:#f07800;--sorot-mahjub:#d62f33;--sorot-bukan:#8a8fa8;--sorot-fardh:#138a4b;--sorot-ashabah:#8b3dff}:lang(ar){font-family:var(--font-arab)}a:not([class]){color:var(--ink);font-weight:700;text-decoration:none;background:linear-gradient(transparent 62%,var(--sun) 62%);border-radius:2px;transition:background-size .12s}a:not([class]):hover,a:not([class]):focus-visible{background:var(--sun);color:var(--on-fill)}a:not([class]):focus-visible{outline:3px solid var(--focus);outline-offset:2px}body{margin:0;font-family:var(--font-sans);background:var(--surface);color:var(--ink);font-size:16px;line-height:26px;-webkit-font-smoothing:antialiased}.aw-pad{padding:20px 24px 24px 20px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.aw-btn{font-family:var(--font-sans);font-weight:800;font-size:15px;line-height:20px;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;border-radius:var(--radius-md);border:var(--border-w) solid var(--outline);box-shadow:var(--shadow-pop);cursor:pointer;transition:transform .1s,box-shadow .1s}.aw-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--outline)}.aw-btn:active{transform:translate(4px,4px);box-shadow:none}.aw-btn:focus-visible,.aw-chip:focus-visible,.aw-nav a:focus-visible,.aw-cnt button:focus-visible,.aw-nav-menu:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.aw-btn-primary{background:var(--primary);color:var(--on-primary)}.aw-btn-secondary{background:var(--surface-raised);color:var(--ink)}.aw-btn-sun{background:var(--sun);color:var(--on-fill)}.aw-btn-ghost{background:transparent;color:var(--primary);border-color:transparent;box-shadow:none;padding:0 8px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.aw-btn-ghost:hover,.aw-btn-ghost:active{transform:none;box-shadow:none}.aw-btn-sm{height:44px;padding:0 16px;font-size:14px}.aw-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.aw-chip{font-family:var(--font-sans);font-weight:700;font-size:14px;height:44px;padding:0 18px;border-radius:var(--radius-pill);border:var(--border-w) solid var(--outline);background:var(--surface-raised);color:var(--ink);cursor:pointer}.aw-chip[aria-pressed=true]{background:var(--ink);color:var(--surface-raised)}.aw-sticker{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:var(--radius-sm);border:var(--border-w) solid var(--outline);box-shadow:var(--shadow-pop-sm);font:800 13px/1 var(--font-sans);color:var(--on-fill);transform:rotate(-3deg);white-space:nowrap}.aw-sticker-r{transform:rotate(3deg)}.aw-s-sun{background:var(--sun)}.aw-s-pink{background:var(--pink)}.aw-s-lime{background:var(--lime)}.aw-s-blue{background:var(--pasangan)}.aw-hl{background:var(--sun);color:var(--on-fill);padding:0 6px;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-weight:inherit}.aw-frac{font-family:var(--font-display);font-weight:700;font-size:15px;display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);border:var(--border-w) solid var(--outline)}.aw-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.aw-logo b{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.6px;line-height:24px;display:block}.aw-logo small{font-size:12px;line-height:14px;color:var(--ink-muted);font-weight:700;display:block}.aw-nav{display:flex;align-items:center;gap:28px;padding:12px 24px;border-bottom:var(--border-w) solid var(--outline);background:var(--surface-raised)}.aw-nav ul{display:flex;gap:6px;margin:0 0 0 auto;padding:0;list-style:none}.aw-nav a{display:inline-flex;align-items:center;height:44px;padding:0 12px;border-radius:var(--radius-md);color:var(--ink);text-decoration:none;font-weight:700;font-size:15px}.aw-nav a:hover{background:var(--surface-sunken)}.aw-nav a[aria-current=page]{background:var(--sun);color:var(--on-fill)}.aw-nav-menu{display:none;margin-inline-start:auto;height:44px;padding:0 16px;border-radius:var(--radius-md);border:var(--border-w) solid var(--outline);background:var(--surface-raised);color:var(--ink);font:800 14px var(--font-sans);cursor:pointer}.aw-motif{position:relative;overflow:hidden;background:var(--surface)}.aw-motif svg.aw-motif-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.aw-motif>.aw-motif-in{position:relative}.aw-heirs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;width:100%;padding:0 4px 4px 0;box-sizing:border-box}.aw-heir{box-sizing:border-box;padding:18px;border-radius:var(--radius-md);border:var(--border-w) solid var(--outline);box-shadow:var(--shadow-pop);color:var(--on-fill);display:flex;flex-direction:column;gap:12px;min-width:0}.aw-heir h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:19px;line-height:24px;letter-spacing:-.3px}.aw-heir-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.aw-heir-rel{font-size:12px;line-height:16px;font-weight:800;opacity:.8}.aw-heir-note{font-size:14px;line-height:21px;margin:0;font-weight:500}.aw-heir-foot{display:flex;justify-content:space-between;align-items:center}.aw-cnt{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:18px}.aw-cnt span{min-width:20px;text-align:center}.aw-cnt button{width:44px;height:44px;border-radius:12px;border:var(--border-w) solid var(--outline);background:#fff;color:#111322;font-size:20px;line-height:1;font-weight:700;cursor:pointer;box-shadow:var(--shadow-pop-sm)}.aw-cnt button:active{transform:translate(2px,2px);box-shadow:none}.aw-g-pasangan{background:var(--pasangan)}.aw-g-keturunan{background:var(--keturunan)}.aw-g-leluhur{background:var(--leluhur)}.aw-g-saudara{background:var(--saudara)}.aw-heir-blocked{background:var(--surface-raised);color:var(--ink);border-style:dashed;box-shadow:none}.aw-heir-blocked .aw-heir-rel{color:var(--danger);opacity:1}.aw-bar{display:flex;height:48px;border-radius:var(--radius-pill);overflow:hidden;border:var(--border-w) solid var(--outline)}.aw-bar span{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--on-fill);min-width:44px;border-inline-end:var(--border-w) solid var(--outline)}.aw-bar span:last-child{border-inline-end:0}.aw-b-pasangan{background:var(--pasangan)}.aw-b-keturunan{background:var(--keturunan)}.aw-b-leluhur{background:var(--leluhur)}.aw-b-saudara{background:var(--saudara)}.aw-step{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:20px 22px;border-radius:var(--radius-md);background:var(--surface-raised);border:var(--border-w) solid var(--outline);max-width:560px;box-sizing:border-box;width:100%}.aw-step-n{width:44px;height:44px;border-radius:12px;background:var(--primary);color:var(--on-primary);border:var(--border-w) solid var(--outline);font-family:var(--font-display);font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.aw-step-done .aw-step-n{background:var(--lime);color:var(--on-fill)}.aw-step-k{display:flex;align-items:center;gap:8px;font-size:12px;line-height:16px;font-weight:700;color:var(--ink-muted)}.aw-step h4{margin:4px 0 6px;font-family:var(--font-display);font-weight:700;font-size:21px;line-height:26px;letter-spacing:-.3px}.aw-step p{margin:0;font-size:15px;line-height:24px}.aw-why{margin-top:14px;padding:14px 16px;border-radius:var(--radius-md);background:var(--sun);color:var(--on-fill);border:var(--border-w) solid var(--outline);font-size:14px;line-height:22px}.aw-why b{font-weight:800;display:block;margin-bottom:2px}.aw-why q{font-style:italic}.aw-res{position:relative;background:var(--surface-raised);border:var(--border-w) solid var(--outline);box-shadow:var(--shadow-pop);border-radius:var(--radius-lg);padding:28px;max-width:560px;width:100%;box-sizing:border-box}.aw-res>.aw-sticker{position:absolute;top:-14px;inset-inline-end:20px}.aw-res-k{font-size:14px;color:var(--ink-muted);font-weight:700}.aw-res-total{font-family:var(--font-display);font-weight:700;font-size:36px;line-height:42px;letter-spacing:-1px;margin:2px 0 18px}.aw-res-rows{margin-top:6px}.aw-res-row{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1.5px solid var(--divider)}.aw-res-row:last-child{border-bottom:0;padding-bottom:0}.aw-res-dot{width:14px;height:14px;border-radius:4px;border:var(--border-w) solid var(--outline);box-sizing:border-box}.aw-res-name{font-weight:700}.aw-res-name small{color:var(--ink-muted);font-weight:600;margin-inline-start:4px}.aw-res-sub{display:block;font-size:13px;line-height:18px;color:var(--ink-muted);font-weight:500}.aw-res-amt{text-align:end;font-family:var(--font-display);font-weight:700;font-size:18px;overflow-wrap:anywhere}.aw-res-amt small{display:block;font-family:var(--font-sans);font-weight:700;font-size:13px;color:var(--ink-muted)}@media (max-width:720px){.aw-nav{gap:12px;padding:8px 16px}.aw-nav ul,.aw-nav .aw-nav-cta{display:none}.aw-nav-menu{display:inline-flex;align-items:center}.aw-logo small{display:none}}@media (max-width:600px){.aw-res{padding:20px}.aw-res-total{font-size:28px;line-height:34px}.aw-step{grid-template-columns:36px 1fr;gap:12px;padding:16px}.aw-step-n{width:36px;height:36px;font-size:15px}.aw-step h4{font-size:18px;line-height:24px}.aw-bar{height:40px}.aw-bar span{min-width:0;font-size:12px}}.halaman{max-width:var(--lebar-konten);margin:0 auto;padding:24px 16px 96px;box-sizing:border-box}.tumpuk{display:flex;flex-direction:column;gap:16px}.baris-tombol{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:32px}.judul-langkah{font-family:var(--font-display);font-weight:700;font-size:28px;line-height:34px;letter-spacing:-.6px;margin:8px 0 4px}.keterangan{color:var(--ink-muted);font-size:14px;line-height:22px;margin:0}.isian{display:flex;flex-direction:column;gap:6px;font-weight:700}.isian input{height:48px;padding:0 14px;border-radius:var(--radius-md);border:var(--border-w) solid var(--outline);background:var(--surface-raised);color:var(--ink);font:600 18px var(--font-display)}.isian input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.isian-salah{color:var(--danger);font-size:14px;font-weight:700}.kartu{background:var(--surface-raised);border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);padding:20px}.kartu-peringatan{background:var(--sun);color:var(--on-fill)}.kartu-galat{border-color:var(--danger)}.chip-deret{display:flex;flex-wrap:wrap;gap:8px}.centang{display:flex;gap:12px;align-items:flex-start;min-height:44px;cursor:pointer}.centang input{width:22px;height:22px;margin-top:2px;accent-color:var(--primary)}.rujukan{font:700 12px var(--font-sans);color:var(--ink-muted);margin-inline-start:6px}@media (max-width:600px){.judul-langkah{font-size:24px;line-height:30px}}.kepala{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--surface-raised);border-bottom:var(--border-w) solid var(--outline)}.kepala-menu{display:inline-flex;align-items:center;height:40px;padding:0 12px;border-radius:12px;color:var(--ink);text-decoration:none;font-weight:700;font-size:14px}.kepala-menu[aria-current=page]{background:var(--sun);color:var(--on-fill)}.pengisi{flex:1}.konfirmasi{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:#11132280}.konfirmasi-isi{max-width:440px;width:100%;box-sizing:border-box;max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--surface-raised);border:var(--border-w) solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:22px;display:flex;flex-direction:column;gap:12px}.konfirmasi-isi h2{font-family:var(--font-display);margin:0;font-size:22px}.konfirmasi-isi p{margin:0}.halaman-wizard{padding-bottom:120px}.stepper{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px}.stepper-item{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:999px;border:var(--border-w) solid var(--outline);background:var(--surface-raised);color:var(--ink);font:700 13px/1 var(--font-sans);cursor:pointer}.stepper-item b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--surface-sunken);color:var(--ink);font-size:11px;font-weight:800}.stepper-item[aria-current=step] b{background:var(--surface-raised);color:var(--ink)}.stepper-item.kelar b{background:var(--lime);color:var(--on-fill)}.stepper-item[aria-current=step]{background:var(--ink);color:var(--surface-raised)}.stepper-item:disabled{cursor:not-allowed;border-style:dashed;border-color:var(--divider);color:var(--ink-muted);background:transparent}.stepper-item:disabled b{background:var(--surface-sunken);color:var(--ink)}.stepper-item:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.kerangka-langkah{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;margin-top:12px}.kerangka-langkah:not(:has(.kerangka-samping)){grid-template-columns:minmax(0,1fr)}.kerangka-utama{display:flex;flex-direction:column;gap:10px;max-width:720px}.label-langkah{margin:0;font:800 12px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.pertanyaan-utama{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,38px);line-height:1.1;letter-spacing:-1px;text-wrap:balance}.caption-langkah{margin:0 0 8px;color:var(--ink-muted);font-size:15px;font-weight:400;line-height:1.55;max-width:60ch}.kerangka-samping{position:sticky;top:84px;background:var(--surface-raised);border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);padding:16px}.bar-bawah{position:fixed;inset-inline-start:0;inset-inline-end:0;bottom:0;z-index:20;background:var(--surface-raised);border-top:var(--border-w) solid var(--outline);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}.bar-bawah-isi{max-width:var(--lebar-konten);margin:0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.alasan{font-size:13px;font-weight:700;color:var(--ink-muted);max-width:280px;text-align:end}.kartu-pilihan-deret{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.kartu-pilihan{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:96px;padding:16px;border-radius:var(--radius-md);border:var(--border-w) solid var(--outline);background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-pop);cursor:pointer;text-align:start;font:700 22px/1.2 var(--font-display);transition:transform .1s,box-shadow .1s}.kartu-pilihan:active{transform:translate(4px,4px);box-shadow:none}.kartu-pilihan[aria-checked=true]{background:var(--primary);color:var(--on-primary)}.kartu-pilihan:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.kartu-pilihan small{font:500 14px/1.45 var(--font-sans);color:var(--ink-muted)}.isian-kecil{max-width:360px;font-size:14px}.isian-kecil input{height:42px;font-size:15px}.opsional{font-weight:500;color:var(--ink-muted)}.beranda{padding-top:56px}.judul-beranda{font-family:var(--font-display);font-size:clamp(34px,6vw,56px);line-height:1.05;letter-spacing:-2px;margin:0;max-width:16ch}.lead{font-size:18px;line-height:1.6;max-width:56ch;margin:0}.tanya-tujuan{font-family:var(--font-display);font-size:22px;margin:16px 0 0}@media (max-width:900px){.kerangka-langkah{grid-template-columns:minmax(0,1fr)}.kerangka-samping{display:none}}@media (max-width:560px){.kepala{padding:8px 16px;gap:10px}.kepala .aw-logo small{display:none}.alasan{text-align:start;max-width:none;order:-1;width:100%}}.kepala .tombol-kepala,.kepala .pilih-bahasa{height:40px;min-height:40px;border:1px solid var(--outline);border-radius:var(--radius-pill);box-shadow:none;background:var(--surface-raised)}.kepala .tombol-kepala:hover{transform:none;background:var(--surface-sunken)}.kepala .pilih-bahasa{padding:0 10px;font:600 13px var(--font-sans)}.tautan-streak.redup{opacity:.7}@media (max-width:560px){.kepala{min-width:0;gap:8px;padding:10px 16px}.kepala-nav,.kepala .aw-logo b{display:none}.kepala .pengisi{min-width:0}.kepala .tombol-kepala{padding:0 12px;font-size:13px;white-space:nowrap}.pilih-bahasa{flex:none;width:104px;padding:0 4px;font-size:13px}.menu-akun-isi{min-width:min(250px,calc(100vw - 32px))}}.tur-tirai{position:fixed;inset:0;z-index:70}.tur-lubang{position:fixed;z-index:71;pointer-events:none;border-radius:18px;outline:4px solid var(--pink);outline-offset:2px;box-shadow:0 0 0 100vmax #0a0c1ca8;transition:top .2s,left .2s,width .2s,height .2s}.tur-pop{position:fixed;z-index:72;width:min(320px,calc(100vw - 32px));background:var(--ink);color:var(--surface-raised);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow-pop);font-size:14px}.tur-pop h4{font-family:var(--font-display);font-size:17px;margin:2px 0 4px}.tur-pop p{margin:0}.tur-pop small{opacity:.75;font-weight:700}.tur-aksi{display:flex;align-items:center;gap:8px;margin-top:12px}.tur-pop .aw-btn-ghost{color:var(--surface-raised)}@media (prefers-reduced-motion:reduce){.tur-lubang{transition:none}}.kartu-pilihan[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none}.tumpuk-rapat{display:flex;flex-direction:column;gap:10px}.isian-uang{display:flex;flex-direction:column;gap:6px;max-width:440px}.isian-uang label{font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px}.kotak-uang{display:flex;align-items:center;height:46px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);overflow:hidden}.kotak-uang:focus-within{outline:3px solid var(--focus);outline-offset:2px}.prefix-uang{display:grid;place-items:center;align-self:stretch;padding:0 12px;background:var(--surface-sunken);border-inline-end:var(--border-w) solid var(--outline);font:700 14px var(--font-display);color:var(--ink-muted)}.kotak-uang input{flex:1;min-width:0;height:100%;border:0;background:transparent;padding:0 12px;font:600 17px var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums}.kotak-uang input:focus{outline:none}.isian-uang.besar{max-width:520px}.isian-uang.besar .kotak-uang{height:52px}.isian-uang.besar input{font-size:21px}.isian-uang.besar label{font-size:16px}.caption-isian{margin:0;color:var(--ink-muted);font-size:13px;font-weight:400;line-height:1.5;max-width:60ch}.tambah-cepat{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chip-kecil{min-height:36px;padding:0 12px;border-radius:999px;border:1.5px solid var(--divider);background:var(--surface-raised);color:var(--ink-muted);font:700 13px var(--font-sans);cursor:pointer}.chip-kecil:hover{border-color:var(--outline);color:var(--ink)}.chip-kecil.hapus{border-style:dashed}.tab-kecil{display:inline-flex;align-self:flex-start;border:var(--border-w) solid var(--outline);border-radius:12px;overflow:hidden;background:var(--surface-raised)}.tab-kecil button{border:0;background:transparent;min-height:40px;padding:0 16px;font:800 13px var(--font-sans);color:var(--ink);cursor:pointer}.tab-kecil button[aria-selected=true]{background:var(--ink);color:var(--surface-raised)}.rincian-harta{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 20px}.rincian-harta .kotak-uang{height:42px}.rincian-harta input{font-size:16px}.total-rincian{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px;border-radius:var(--radius-md);background:var(--surface-sunken);font-weight:700}.total-rincian b{font:700 24px var(--font-display)}.kartu-lipat{border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);max-width:640px}.kartu-lipat>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:14px 16px}.kartu-lipat>summary::-webkit-details-marker{display:none}.judul-lipat{font:700 17px var(--font-display)}.ringkas-lipat{color:var(--ink-muted);font-size:13.5px;font-weight:600}.isi-lipat{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}.pilihan-bulat{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.pilihan-bulat button{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:start;padding:12px;border-radius:12px;border:var(--border-w) solid var(--outline);background:var(--surface-raised);color:var(--ink);cursor:pointer;min-height:44px}.pilihan-bulat button b{font:700 16px var(--font-display)}.pilihan-bulat button small{font-size:12.5px;line-height:1.4;color:var(--ink-muted)}.pilihan-bulat button[aria-checked=true]{background:var(--primary);color:var(--on-primary)}.pilihan-bulat button[aria-checked=true] small{color:inherit;opacity:.9}.contoh-bulat{margin:0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-sunken);font-size:13.5px}.urutan-kewajiban{margin:0;padding-inline-start:28px;display:flex;flex-direction:column;gap:18px}.urutan-kewajiban li::marker{font:700 18px var(--font-display);color:var(--primary)}.peringatan-isian{margin:8px 0 0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--sun);color:var(--on-fill);font-size:13.5px;line-height:1.5;max-width:440px}.hitungan-berjalan{max-width:440px;display:grid;gap:6px;padding:14px 16px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);font-variant-numeric:tabular-nums}.hitungan-berjalan>div{display:flex;justify-content:space-between;gap:12px}.hitungan-berjalan .potongan span:last-child{color:var(--danger);font-weight:700}.garis-total{border-top:var(--border-w) solid var(--outline);padding-top:8px;margin-top:2px}.hitungan-total{font-family:var(--font-display);font-size:20px}.isian-ahli-waris{display:flex;flex-direction:column;gap:18px}.judul-bagian-kecil{margin:0 0 8px;font:800 12px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.kosong-ahli-waris{margin:0;padding:14px 16px;border:var(--border-w) dashed var(--divider);border-radius:var(--radius-md);color:var(--ink-muted);font-weight:600}.tombol-cepat{display:flex;flex-wrap:wrap;gap:8px}.buka-kerabat{align-self:flex-start;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:10px 16px;border-radius:var(--radius-md);border:var(--border-w) dashed var(--outline);background:transparent;color:var(--ink);font:800 14px var(--font-sans);cursor:pointer}.buka-kerabat small{font-weight:600;color:var(--ink-muted);font-size:12.5px}.kelompok-kerabat{margin:0;border:var(--border-w) solid var(--divider);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:10px;min-width:0}.kelompok-kerabat .judul-bagian-kecil{margin:0}.kartu-pilihan-deret.ringkas{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:720px}.kartu-pilihan.kecil{min-height:0;padding:14px 16px;font-size:18px;gap:4px}.kondisi{border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);max-width:720px}.kondisi-kepala{display:flex;gap:12px;align-items:center;padding:12px 14px;cursor:pointer}.kondisi-kepala input{width:22px;height:22px;margin:0;flex:none;accent-color:var(--primary)}.kondisi-kepala b{display:block;font:700 15.5px/1.3 var(--font-display)}.kondisi-kepala small{display:block;margin-top:2px;color:var(--ink-muted);font-size:13px;line-height:1.45}.kondisi-kepala .akibat{display:block;margin-top:4px;font-size:13px;color:var(--ink)}.kondisi-kepala .akibat em{font-style:normal;font-weight:700}.kondisi-isi{padding:4px 14px 14px 48px;display:flex;flex-direction:column;gap:6px;border-top:1.5px solid var(--divider)}.kondisi.terbuka .kondisi-kepala{background:var(--primary-soft);border-radius:calc(var(--radius-md) - 2px) calc(var(--radius-md) - 2px) 0 0}.kartu-pilihan[aria-checked=true] small{color:inherit;opacity:.9}.g-pasangan{background:var(--pasangan)}.g-keturunan{background:var(--keturunan)}.g-leluhur{background:var(--leluhur)}.g-saudara{background:var(--saudara)}.halaman-hasil{max-width:var(--lebar-konten);margin:0 auto;padding:18px 20px 120px;box-sizing:border-box}.judul-hasil{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:4px 0 16px}.judul-hasil h1{margin:0;font:700 clamp(26px,3.4vw,36px)/1.1 var(--font-display);letter-spacing:-1px;flex:1}.tab-kecil button[aria-pressed=true]{background:var(--ink);color:var(--surface-raised)}.tata-hasil{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start}.kanvas-hasil{position:sticky;top:84px;background:var(--surface-raised);border:var(--border-w) solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);overflow:hidden}.kepala-kanvas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:var(--border-w) solid var(--outline);background:var(--surface-sunken)}.sembunyi-desktop{display:none}.legenda{display:flex;flex-wrap:wrap;gap:6px 14px;padding:10px 16px;border-bottom:1.5px solid var(--divider);font-size:12px;font-weight:600;color:var(--ink-muted)}.legenda span{display:inline-flex;align-items:center;gap:6px}.legenda .kotak{width:16px;height:12px;border-radius:4px;border:2px solid var(--outline)}.legenda .kotak.putus{border-style:dashed;background:transparent}.legenda .kotak.almarhum{border-style:dashed;background:var(--surface-sunken)}.legenda .garis-l{width:18px;border-top:2px solid var(--ink)}.pohon-wadah{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;background-image:radial-gradient(var(--motif) 1.2px,transparent 1.2px);background-size:22px 22px}.pohon{--lebar-node:170px;--jarak-node:30px;position:relative;min-width:min-content;padding:30px 24px 36px;display:flex;flex-direction:column;gap:64px;align-items:center}.pohon-baris{display:flex;flex-wrap:wrap;gap:40px var(--jarak-node);justify-content:center;align-items:stretch;position:relative;z-index:1}.garis-pohon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.garis-pohon path{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}.garis-pohon circle{fill:var(--surface-raised);stroke:var(--ink);stroke-width:2}.node-orang{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:var(--lebar-node);padding:10px 12px;border:var(--border-w) solid var(--outline);border-radius:16px;color:var(--on-fill);background:var(--surface-raised);box-shadow:var(--shadow-pop);cursor:pointer;text-align:start;font:inherit;transition:transform .12s,box-shadow .12s,opacity .15s}.node-orang b{font:700 15.5px/1.2 var(--font-display)}.node-orang:hover,.node-orang.terkait{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--outline)}.node-orang:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.peran-node{font:800 10.5px/1.2 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;opacity:.8;min-height:12px}.dapat-node{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font:700 13px/1 var(--font-display)}.dapat-node .angka{white-space:nowrap}.frac{display:inline-flex;align-items:center;height:24px;padding:0 7px;border-radius:7px;border:var(--border-w) solid var(--outline);font:700 12.5px/1 var(--font-display);background:var(--surface-raised);color:var(--ink)}.alasan-node{font-size:12px;line-height:1.35;font-weight:600;color:var(--ink-muted)}.node-orang.putus{border-style:dashed;box-shadow:none;color:var(--ink)}.node-orang.putus .peran-node{color:var(--danger);opacity:1}.node-orang.almarhum{border-style:dashed;box-shadow:none;background:var(--surface-sunken);color:var(--ink)}.node-orang.penghubung{width:auto;padding:6px 10px;border-style:dotted;box-shadow:none;background:var(--surface-raised);color:var(--ink-muted);cursor:default;opacity:.8}.node-orang.penghubung b{font-size:13px}.pohon.redup .node-orang:not(.sorot-langkah){opacity:.35}.wadah-tabel{padding:18px;overflow-x:auto}table.faraidh{width:100%;min-width:620px;border-collapse:separate;border-spacing:0;border:var(--border-w) solid var(--outline);border-radius:14px;overflow:hidden;font-size:14px;background:var(--surface-raised)}.faraidh th,.faraidh td{padding:11px 12px;border-inline-end:1.5px solid var(--divider);border-bottom:1.5px solid var(--divider);text-align:center;vertical-align:middle}.faraidh th:last-child,.faraidh td:last-child{border-inline-end:0}.faraidh thead th{background:var(--ink);color:var(--surface-raised);font:800 12px/1.3 var(--font-sans);letter-spacing:.03em}.faraidh thead th small{display:block;font:700 18px/1.2 var(--font-display);margin-top:2px}.faraidh .kiri{text-align:start}.faraidh td.angka{font:700 16px/1 var(--font-display);font-variant-numeric:tabular-nums}.faraidh td.uang{font:700 14px/1 var(--font-display);text-align:end;white-space:nowrap}.orang-sel{display:flex;align-items:center;gap:8px;font-weight:700}.titik{flex:none;width:14px;height:14px;border-radius:4px;border:var(--border-w) solid var(--outline)}.titik.putus{border-style:dashed;background:transparent}.bagian-sel{display:block;font-weight:700;line-height:1.3}.bagian-sel small{display:block;font-weight:600;color:var(--ink-muted);font-size:12px}.faraidh tbody tr.terkait td{background:var(--primary-soft)}.faraidh tr.mahjub td{color:var(--ink-muted);background:repeating-linear-gradient(135deg,transparent 0 8px,var(--surface-sunken) 8px 10px)}.faraidh .ket-mahjub{color:var(--danger);font-weight:700}.faraidh tfoot td{background:var(--surface-sunken);font-weight:800;border-bottom:0;border-top:var(--border-w) solid var(--outline)}.faraidh .kolom-sorot{box-shadow:inset 0 0 0 3px var(--primary)}.sidebar-hasil{display:flex;flex-direction:column;gap:14px}.catatan-hasil{padding:0 4px;font-size:13.5px;line-height:1.55;color:var(--ink-muted)}.catatan-hasil b{color:var(--ink)}.kartu-sisi{background:var(--surface-raised);border:var(--border-w) solid var(--outline);border-radius:18px;overflow:hidden}.kartu-utama{padding:18px;box-shadow:var(--shadow-pop);overflow:visible}.kepala-pembagian{display:flex;align-items:center;gap:10px;margin-bottom:12px}.kepala-pembagian h2,.kepala-lipat h2{margin:0;font:700 19px/1.2 var(--font-display);flex:1;text-align:start}.alat-pembagian{display:flex;gap:6px}.tombol-ikon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;border:var(--border-w) solid var(--outline);background:var(--surface-raised);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-pop-sm)}.tombol-ikon[aria-pressed=true],.tombol-ikon[aria-expanded=true]{background:var(--ink);color:var(--surface-raised)}.tebak{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:14px;border-radius:14px;background:var(--pink);color:var(--on-fill);border:var(--border-w) solid var(--outline);font-size:14px}.tebak p{margin:0}.panel-atur{display:grid;gap:14px;padding:14px;border:var(--border-w) solid var(--outline);border-radius:14px;background:var(--surface-sunken);margin-bottom:14px}.panel-atur h3{margin:0 0 8px;font:800 11px/1.3 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.cek{display:flex;gap:10px;align-items:flex-start;padding:6px 0;cursor:pointer;font-size:13.5px;line-height:1.35}.cek input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--primary);flex:none}.cek small{display:block;color:var(--ink-muted);font-size:12.5px;margin-top:2px}.bar-bagian{display:flex;height:46px;border-radius:999px;overflow:hidden;border:var(--border-w) solid var(--outline);margin:4px 0 12px}.bar-bagian span{display:grid;place-items:center;min-width:0;overflow:hidden;font:700 12.5px/1 var(--font-display);color:var(--on-fill);border-inline-end:var(--border-w) solid var(--outline);cursor:pointer}.bar-bagian span:last-child{border-inline-end:0}.bar-bagian span.sisa-keluar{background:repeating-linear-gradient(135deg,var(--surface-sunken) 0 6px,var(--surface-raised) 6px 12px);color:var(--ink-muted)}.baris-bagian.sisa{cursor:default;color:var(--ink-muted)}.bar-bagian span.terkait{box-shadow:inset 0 0 0 3px var(--outline)}.daftar-bagian{list-style:none;margin:0;padding:0}.daftar-bagian li+li{border-top:1.5px solid var(--divider)}.baris-bagian{width:100%;display:grid;grid-template-columns:14px 1fr auto;gap:4px 12px;align-items:center;padding:11px 8px;border:0;border-radius:12px;background:transparent;color:var(--ink);font:inherit;text-align:start;cursor:pointer}.baris-bagian.terkait,.baris-bagian:focus-visible{background:var(--primary-soft);outline:none}.nama-bagian{font-weight:700;line-height:1.25}.nama-bagian small{display:block;font-weight:500;color:var(--ink-muted);font-size:12.5px}.jumlah-bagian{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.jumlah-bagian .angka{font:700 16px/1.2 var(--font-display);white-space:nowrap}.sub-bagian{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink-muted)}.bar-persen{grid-column:2/4;height:6px;border-radius:999px;background:var(--surface-sunken);overflow:hidden}.bar-persen i{display:block;height:100%}.tidak-dapat{width:100%;margin-top:10px;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:var(--border-w) dashed var(--divider);background:transparent;color:var(--ink);font:inherit;font-size:13.5px;text-align:start;cursor:pointer}.tidak-dapat b{color:var(--danger)}.tidak-dapat.terkait{border-color:var(--danger)}.kartu-bulat{margin-top:14px;border:var(--border-w) solid var(--outline);border-radius:14px;overflow:hidden}.kepala-bulat{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--sun);color:var(--on-fill);font-size:13.5px}.kepala-bulat b{font:700 15px var(--font-display)}summary.kepala-bulat{cursor:pointer;list-style:none}summary.kepala-bulat::-webkit-details-marker{display:none}.isi-bulat{padding:12px 14px;display:flex;flex-direction:column;gap:10px;font-size:13.5px}.isi-bulat p{margin:0}.kepala-lipat{width:100%;display:flex;align-items:center;gap:10px;padding:16px 18px;border:0;background:transparent;color:var(--ink);cursor:pointer;font:inherit}.kepala-lipat:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.ringkas-kepala{font:700 14px var(--font-display);color:var(--ink-muted)}.isi-kartu-sisi{padding:0 18px 18px;display:flex;flex-direction:column;gap:12px}.hitung-susun{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:baseline;font-size:14px;font-variant-numeric:tabular-nums}.hitung-susun .nilai{font:700 15px/1 var(--font-display);text-align:end}.hitung-susun .nilai.kurang{color:var(--danger)}.hitung-susun .ket{grid-column:1/3;color:var(--ink-muted);font-size:12.5px;margin-top:-4px}.hitung-susun .garis{grid-column:2/3;border-top:var(--border-w) solid var(--outline)}.hitung-susun .total{font-size:22px}.alir{display:flex;height:18px;border-radius:999px;border:var(--border-w) solid var(--outline);overflow:hidden}.alir span{height:100%;cursor:pointer}.alir span.aktif,.alir span:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--outline);filter:brightness(.9)}.a-dibagi{background:var(--keturunan)}.a-jenazah{background:var(--surface-sunken)}.a-hutang{background:var(--saudara)}.a-wasiat{background:var(--leluhur)}.tip-alir{margin:0;display:inline-flex;flex-wrap:wrap;gap:4px 10px;align-self:flex-start;background:var(--ink);color:var(--surface-raised);border-radius:10px;padding:7px 10px;font-size:13px}.tip-alir b{font-family:var(--font-display)}.fakta-kasus{display:grid;gap:10px}.fakta-kasus>div{padding:10px 12px;border-radius:12px;background:var(--surface-sunken)}.fakta-kasus .lbl{display:block;font:800 11px/1.4 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.fakta-kasus b{font:700 20px/1.2 var(--font-display)}.fakta-kasus p{margin:4px 0 0;font-size:13.5px;color:var(--ink-muted)}.urutan-selanjutnya{margin:0;padding-inline-start:22px;display:grid;gap:10px;font-size:14px}.urutan-selanjutnya li::marker{font:700 14px var(--font-display);color:var(--primary)}.urutan-selanjutnya span{display:block;color:var(--ink-muted);font-size:13px}.jalur-langkah{position:relative;display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;scroll-behavior:smooth;scrollbar-width:none;--pudar-kiri:0px;--pudar-kanan:0px;mask-image:linear-gradient(to right,transparent,#000 var(--pudar-kiri),#000 calc(100% - var(--pudar-kanan)),transparent)}.jalur-langkah::-webkit-scrollbar{display:none}.jalur-langkah button{max-width:80%}.jalur-langkah span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jalur-langkah[data-kiri=true]{--pudar-kiri:40px}.jalur-langkah[data-kanan=true]{--pudar-kanan:40px}.alat-langkah{display:flex;align-items:stretch;gap:8px}.alat-langkah .tab-kecil{flex:1;align-self:stretch}.alat-langkah .tab-kecil button{flex:1}.alat-langkah .tombol-ikon{height:auto;min-height:40px;flex:none}.urut-langkah .tab-kecil button{white-space:nowrap;padding:0 12px}.jalur-langkah button{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:var(--border-w) solid var(--outline);background:var(--surface-raised);color:var(--ink);font:700 12.5px var(--font-sans);cursor:pointer}.jalur-langkah b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--ink);color:var(--surface-raised);font-size:12px;font-weight:800}.jalur-langkah [aria-current=step] b{background:var(--on-primary);color:var(--primary)}.jalur-langkah .kelar b{background:var(--lime);color:var(--on-fill)}.jalur-langkah [aria-current=step]{background:var(--primary);color:var(--on-primary)}.kartu-langkah{border:var(--border-w) solid var(--outline);border-radius:16px;padding:16px}.ke-langkah{margin:0 0 6px;font:800 12px/1 var(--font-sans);color:var(--primary);letter-spacing:.04em}.kartu-langkah h3{margin:0 0 10px;font:700 18px/1.25 var(--font-display)}.kartu-langkah ul{margin:0;padding-inline-start:20px;display:grid;gap:6px;font-size:14.5px;line-height:1.5}.kartu-langkah li::marker{color:var(--primary)}.kenapa{margin-top:12px;border-radius:12px;background:var(--sun);color:var(--on-fill);border:var(--border-w) solid var(--outline)}.kenapa>button{width:100%;display:flex;align-items:center;min-height:40px;padding:0 12px;border:0;background:transparent;color:inherit;font:800 13px var(--font-sans);cursor:pointer;text-align:start}.kenapa>button:after{content:"+";margin-inline-start:auto;font-size:16px}.kenapa>button[aria-expanded=true]:after{content:"−"}.isi-kenapa{padding:0 12px 12px;font-size:13.5px;line-height:1.55}.dalil{display:flex;flex-direction:column;gap:8px}.dalil p{margin:0}.sumber-dalil{font-weight:700}.peringatan-dalil{font-style:italic;opacity:.85}.nav-langkah{display:flex;justify-content:space-between;gap:8px}.istilah{text-decoration:underline dotted 2px;text-underline-offset:3px;cursor:pointer;position:relative}.istilah:hover:after,.istilah:focus:after{content:attr(data-arti);position:absolute;inset-inline-start:0;bottom:calc(100% + 8px);z-index:30;width:max-content;max-width:240px;background:var(--ink);color:var(--surface-raised);font:500 12.5px/1.45 var(--font-sans);padding:8px 10px;border-radius:10px;box-shadow:var(--shadow-pop-sm);white-space:normal}.modal-latar{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:#11132280}.modal-orang{width:100%;box-sizing:border-box;max-width:540px;max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:var(--surface-raised);border:var(--border-w) solid var(--outline);border-radius:20px;box-shadow:var(--shadow-pop);overflow:hidden}.kepala-modal{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 16px;border-bottom:var(--border-w) solid var(--outline);color:var(--on-fill)}.kepala-modal.netral{background:var(--surface-sunken);color:var(--ink)}.kepala-modal>div{flex:1}.kepala-modal h2{margin:4px 0 0;font:700 24px/1.15 var(--font-display)}.peran-modal{margin:0;font:800 11px/1.2 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;opacity:.8}.isi-modal{padding:16px 20px;display:grid;grid-auto-rows:max-content;gap:14px;overflow-y:auto;min-height:0;flex:1}.isi-modal h3{margin:0 0 6px;font:800 11px/1.2 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.isi-modal ul{margin:0;padding-inline-start:18px;display:grid;gap:5px;font-size:14.5px}.angka-modal{display:flex;flex-wrap:wrap;gap:8px}.angka-modal div{flex:1;min-width:120px;border:var(--border-w) solid var(--outline);border-radius:12px;padding:8px 10px}.angka-modal small{display:block;font:700 11px/1.3 var(--font-sans);color:var(--ink-muted)}.angka-modal b{font:700 18px/1.2 var(--font-display)}.kenapa-utama{padding:12px 14px;border:var(--border-w) solid var(--outline);border-radius:12px;background:var(--sun);color:var(--on-fill);box-shadow:var(--shadow-pop-sm)}.kenapa-utama h3{color:inherit;opacity:.75}.cara-hitung{margin:0;font-size:14px;line-height:1.6}.cara-hitung small{color:var(--ink-muted)}.lipatan-sekunder{border:1.5px solid var(--divider);border-radius:10px}.lipatan-sekunder>button{width:100%;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-height:38px;padding:8px 12px;border:0;background:transparent;color:var(--ink-muted);font:700 13px var(--font-sans);text-align:start;cursor:pointer}.lipatan-sekunder>button small{font-weight:600}.lipatan-sekunder>button:after{content:"+";margin-inline-start:auto;font-size:15px}.lipatan-sekunder>button[aria-expanded=true]:after{content:"−"}.lipatan-sekunder .isi-lipatan{padding:0 0 4px;font-size:13.5px}.lipatan-sekunder table{width:100%;border-collapse:collapse;font-size:13.5px}.lipatan-sekunder th{width:30%;text-align:start;vertical-align:top;padding:9px 12px;font:700 14px/1.3 var(--font-display);border-top:1.5px solid var(--divider)}.lipatan-sekunder td{padding:9px 12px 9px 0;border-top:1.5px solid var(--divider);line-height:1.45}.lipatan-sekunder tr.kini{background:color-mix(in srgb,var(--lime) 40%,transparent)}.stiker-kecil{display:inline-block;margin-inline-start:8px;padding:2px 8px;border-radius:7px;border:var(--border-w) solid var(--outline);background:var(--lime);color:var(--on-fill);font:800 11px/1.4 var(--font-sans)}.lipatan-sekunder .caption-isian{padding:8px 12px;border-top:1.5px solid var(--divider)}.kaki-modal{display:flex;align-items:center;gap:8px;padding:12px 20px 16px;border-top:1.5px solid var(--divider)}@media (max-width:980px){.tata-hasil{display:flex;flex-direction:column;gap:14px}.kanvas-hasil,.sidebar-hasil{display:contents}.kepala-kanvas{justify-content:flex-end;padding:0;border:0;background:none}.kepala-kanvas .tab-kecil{display:none}.sembunyi-desktop{display:block}.panel-kanvas{background:var(--surface-raised);border:var(--border-w) solid var(--outline);border-radius:18px;overflow:hidden}.panel-pohon:before{content:"Pohon keluarga";display:block;font:700 19px/1.2 var(--font-display);padding:14px 16px 0}.panel-tabel:before{content:"Tabel faraidh";display:block;font:700 19px/1.2 var(--font-display);padding:14px 16px 0}.urut-harta{order:1}.kartu-utama{order:2}.panel-pohon{order:3}.panel-tabel{order:4}.urut-tentang{order:5}.urut-langkah{order:6}.urut-selanjutnya{order:7}.catatan-hasil{order:0}}@media (max-width:560px){.halaman-hasil{padding-inline:16px}.pohon{--lebar-node:150px}}.node-orang.g-pasangan{background:var(--pasangan)}.node-orang.g-keturunan{background:var(--keturunan)}.node-orang.g-leluhur{background:var(--leluhur)}.node-orang.g-saudara{background:var(--saudara)}.tooltip{position:fixed;z-index:80;max-width:min(260px,calc(100vw - 16px));background:var(--ink);color:var(--surface-raised);font:500 12.5px/1.45 var(--font-sans);padding:8px 10px;border-radius:10px;box-shadow:var(--shadow-pop-sm);text-align:start;text-transform:none;letter-spacing:0;white-space:normal;pointer-events:none}.istilah{text-decoration:underline dotted 2px;text-underline-offset:3px;cursor:pointer}.istilah:hover:after,.istilah:focus:after{content:none}.info-tip{display:inline-flex;vertical-align:middle}.tombol-info{display:inline-grid;place-items:center;width:20px;height:20px;padding:0;border-radius:50%;border:1.5px solid var(--ink-muted);background:transparent;color:var(--ink-muted);font:italic 700 12px/1 Georgia,serif;cursor:pointer}.tombol-info:hover,.tombol-info:focus-visible{border-color:var(--primary);color:var(--primary);outline:none}.faraidh tbody tr{cursor:pointer}.grup-isian{display:flex;flex-direction:column;gap:12px;padding:18px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);max-width:680px}.kepala-grup{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.kepala-grup h2{margin:0;font:700 17px/1.25 var(--font-display)}.label-isian{display:flex;align-items:center;gap:6px}.pembaruan-konten{position:fixed;top:72px;inset-inline:16px;z-index:30;display:flex;align-items:center;gap:10px;max-width:480px;margin-inline:auto;padding:12px 14px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-pop-sm);font-size:14px;line-height:1.5}.pembaruan-konten p{flex:1;margin:0}.pembaruan-tutup{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:none;color:var(--ink-muted);cursor:pointer}.pembaruan-tutup:hover,.pembaruan-tutup:focus-visible{background:var(--surface-sunken)}.catatan-info{margin:0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--ink);font-size:13.5px;line-height:1.5}.dua-kolom-isian{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;max-width:680px}.ringkas-hitung{position:static}.ringkas-hitung .hitungan-berjalan{border:0;padding:0}.ringkasan-samping h2{margin:0 0 10px;font:700 15px var(--font-display)}.ringkasan-samping dl{margin:0;display:grid;gap:10px}.baris-ringkas dt{display:flex;align-items:center;gap:6px;font:800 11px/1.3 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.baris-ringkas dd{margin:2px 0 0;font-size:14px;color:var(--ink-muted)}.baris-ringkas.terisi dd{color:var(--ink);font-weight:600}.baris-ringkas ul{margin:0;padding-inline-start:18px;list-style:disc;display:grid;gap:2px}.tanda-ringkas{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:5px;border:1.5px solid var(--divider);font-size:10px;color:var(--on-fill)}.baris-ringkas.terisi .tanda-ringkas{background:var(--lime);border-color:var(--outline)}.node-orang:disabled{cursor:default}.lencana-jumlah{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--ink);color:var(--surface-raised);font:800 12px/1 var(--font-sans)}.hitungan-berjalan>div span:last-child,.hitungan-berjalan .hitungan-total{white-space:nowrap;text-align:end}.modal-kecil{max-width:440px}.tombol-ubah-harta{align-self:flex-start}.tautan-teks{padding:0;border:0;background:none;color:var(--primary);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.petunjuk-kanvas{margin:0;padding:6px 12px 10px;font-size:12px;color:var(--ink-muted);text-align:center}.baris-kontrol{display:flex;align-items:center;gap:8px}.kontrol-jumlah .tombol-nama{display:inline-flex;align-items:center;gap:4px;width:auto;height:30px;padding:0 8px;box-shadow:none;border-color:var(--divider);color:var(--ink-muted);font:700 12px var(--font-sans)}.kontrol-jumlah .tombol-nama[aria-expanded=true]{border-color:var(--outline);color:var(--ink)}.isian-nama{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.isian-nama span{flex:none;font-size:12.5px;font-weight:700;color:var(--ink-muted)}.daftar-nama{display:flex;flex-direction:column;gap:6px;margin:4px 0;padding:0;list-style:none}.daftar-nama li{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.daftar-nama input{flex:1;min-width:0;min-height:36px;padding:0 10px;border:var(--border-w) solid var(--outline);border-radius:8px;background:var(--surface-raised);color:var(--ink);font:600 14px var(--font-sans)}.daftar-nama small{font-size:12px;color:var(--ink-muted)}.info-tidak-ada{border:var(--border-w) dashed var(--divider);border-radius:var(--radius-md);padding:10px 14px;font-size:13.5px;color:var(--ink-muted)}.info-tidak-ada summary{cursor:pointer;font-weight:700;color:var(--ink)}.info-tidak-ada p{margin:8px 0 0}.daftar-jumlah{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.kontrol-jumlah{display:flex;flex-direction:column;gap:4px;padding:6px 6px 6px 14px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised)}.kontrol-jumlah.ada{background:var(--primary-soft)}.nama-kontrol{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-weight:700;font-size:14px}.nama-kontrol small{font-size:12px;font-weight:600;color:var(--ink-muted)}.nama-kontrol select{align-self:flex-start;margin-top:2px;min-height:32px;border:var(--border-w) solid var(--outline);border-radius:8px;background:var(--surface-raised);color:var(--ink);font:600 13px var(--font-sans)}.kontrol-jumlah button{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:10px;border:var(--border-w) solid var(--outline);background:var(--surface-raised);color:var(--ink);font:800 18px/1 var(--font-sans);cursor:pointer;box-shadow:var(--shadow-pop-sm)}.kontrol-jumlah button:active{transform:translate(2px,2px);box-shadow:none}.kontrol-jumlah button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.angka-kontrol{min-width:22px;text-align:center;font:700 17px var(--font-display);font-variant-numeric:tabular-nums}.node-orang{position:relative}.aksi-kecil{min-height:36px;padding:0 12px;border-radius:10px;border:1.5px solid var(--divider);background:transparent;color:var(--ink);font:800 13px var(--font-sans);cursor:pointer}.aksi-kecil:hover{border-color:var(--outline)}.aksi-kecil.hapus{color:var(--danger)}.faraidh thead .istilah{text-decoration-color:currentColor}.node-orang.penghubung b{font-weight:600;color:var(--ink-muted)}.kepala-nav{display:flex;gap:4px;min-width:0;overflow-x:auto}.kepala-menu{white-space:nowrap}.daftar-istilah{display:grid;gap:12px;margin:0}.entri-istilah{padding:16px;scroll-margin-top:80px}.entri-istilah.terpilih{background:var(--primary-soft);box-shadow:var(--shadow-pop)}.entri-istilah dt{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;font:700 18px/1.3 var(--font-display)}.entri-istilah dt a{color:inherit}.entri-istilah dd{margin:6px 0 0}.entri-istilah dd p{margin:0 0 4px}.teks-arab{font:500 19px/1.9 var(--font-arab)}.teks-arab-baris{margin:0 0 4px;font-size:18px;line-height:1.7}.teks-arab-baris:lang(ar){direction:rtl;font-family:var(--font-arab);font-size:19px;line-height:2}.daftar-polos{list-style:none;padding:0;margin:0}.isi-lipat{margin:0;padding:0 16px 14px 32px;display:grid;gap:6px}.tautan-kecil{display:inline-block;margin-top:4px;font-size:13px;font-weight:700}.kutipan-arab{margin:0;padding:14px 18px;background:var(--surface-sunken);border-radius:var(--radius-sm);font:400 19px/2.1 var(--font-arab)}.tombol-lanjut{align-self:flex-start;text-decoration:none}.kartu-modul h2{margin:4px 0}.daftar-pelajaran{margin:12px 0 0;padding-inline-start:22px;display:grid;gap:6px;font-weight:600}.tanda-selesai{color:var(--primary);font-weight:800}.lencana-draf{align-self:flex-start;margin:0;color:var(--ink-muted);font-size:13px;font-weight:700}.isi-materi{max-width:70ch;font-size:16px;line-height:1.7}.isi-materi h2{margin:32px 0 8px;font:700 22px/1.3 var(--font-display)}.isi-materi h3{margin:24px 0 8px}.isi-materi p,.isi-materi ul,.isi-materi ol{margin:0 0 12px}.isi-materi li{margin-bottom:4px}.catatan-materi{margin:0 0 12px;padding:12px 14px;background:var(--surface-sunken);border-radius:var(--radius-sm);font-size:15px;line-height:1.6}.wadah-tabel-materi{overflow-x:auto;margin:0 0 16px}.tabel-materi{border-collapse:collapse;font-size:15px;line-height:1.5}.tabel-materi th,.tabel-materi td{padding:8px 12px;border:1.5px solid var(--divider);text-align:start;vertical-align:top}.tabel-materi th{background:var(--surface-sunken)}.contoh-kasus{margin:8px 0 20px;padding:16px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);display:flex;flex-direction:column;gap:8px;align-items:flex-start;max-width:100%;box-sizing:border-box}.contoh-kasus .wadah-tabel{padding:0;width:100%;box-sizing:border-box}.daftar-soal{border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);overflow:hidden}.baris-soal{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1.5px solid var(--divider)}.baris-soal:last-child{border-bottom:0}.isi-soal{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tingkat{font-weight:800;text-transform:capitalize}.tingkat-dasar{color:#16734b}.tingkat-menengah{color:#8f5600}.tingkat-sulit{color:var(--danger)}.kartu-kuis{margin:0;display:flex;flex-direction:column;gap:10px;max-width:720px}.kartu-kuis legend{padding:0 6px}.pertanyaan-kuis{margin:0;font-weight:700;line-height:1.5}.pilihan-kuis{display:grid;gap:8px}.pilihan-kuis-item{text-align:start;padding:10px 14px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);font:600 15px/1.4 var(--font-sans);cursor:pointer}.pilihan-kuis-item:disabled{cursor:default}.pilihan-kuis-item:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.pilihan-kuis-item.benar{background:var(--lime);color:var(--on-fill)}.pilihan-kuis-item.salah{background:var(--pink);color:var(--on-fill)}.pembahasan-kuis{padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface-sunken);line-height:1.6}.tautan-tombol{margin-top:6px;padding:0;border:0;background:none;color:var(--primary);font:700 14px var(--font-sans);text-decoration:underline;cursor:pointer}.entri-faq{max-width:760px;scroll-margin-top:80px}.isi-lipat-faq{padding:0 16px 14px;font-size:15px}.tebak code{font:700 13px var(--font-sans);background:#fff9;padding:1px 5px;border-radius:6px}.isian-tebak{display:grid;gap:6px}.baris-tebak{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700}.baris-tebak input{width:84px;height:36px;padding:0 10px;border-radius:var(--radius-sm);border:var(--border-w) solid var(--outline);background:var(--surface-raised);color:var(--ink);font:700 15px var(--font-display);text-align:center}.baris-tebak input:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.baris-tebak.keliru input{border-color:var(--danger);box-shadow:0 0 0 2px var(--danger)}.riwayat-beranda{margin-top:24px}.tata-materi{display:grid;grid-template-columns:290px minmax(0,1fr);gap:32px;max-width:var(--lebar-konten);margin:0 auto;padding:24px 16px 96px;box-sizing:border-box}.sidebar-materi{position:sticky;top:76px;align-self:start;max-height:calc(100vh - 96px);overflow-y:auto;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised)}.angka-progres{font:700 14px var(--font-display)}.bar-progres{display:block;height:8px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden}.bar-progres>span{display:block;height:100%;background:var(--primary);border-radius:inherit}.modul-sidebar{padding:10px 8px 4px}.judul-modul-sidebar{margin:0 8px 4px;font:800 12px/1.4 var(--font-sans);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.pelajaran-sidebar{display:flex;gap:8px;align-items:baseline;padding:7px 8px;border-radius:var(--radius-sm);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600;line-height:1.35}.pelajaran-sidebar:hover{background:var(--surface-sunken)}.pelajaran-sidebar[aria-current=page]{background:var(--primary-soft);font-weight:800}.tanda-pelajaran{flex:none;width:16px;color:var(--primary);font-weight:800}.konten-materi{min-width:0}.video-materi{margin:8px 0 20px}.video-materi iframe{display:block;width:100%;aspect-ratio:16/9;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:#000}.navigasi-materi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:70ch;padding-top:16px;border-top:1.5px solid var(--divider)}.navigasi-materi .aw-btn{justify-content:center;text-align:center;text-decoration:none}.navigasi-materi .nonaktif{opacity:.4;box-shadow:none;cursor:not-allowed}.huruf-pilihan{flex:none;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:var(--border-w) solid currentColor;font:800 13px var(--font-sans)}.pilihan-kuis-item{display:flex;align-items:center;gap:12px}.aksi-pembahasan{margin-top:8px}@media (max-width:860px){.tata-materi{grid-template-columns:1fr;gap:16px}}@media (max-width:560px){.navigasi-materi{grid-template-columns:1fr 1fr}.navigasi-materi>:nth-child(2){grid-column:1/-1;order:3}}.sesi-kuis{max-width:720px}.kepala-sesi{display:flex;justify-content:space-between;align-items:center;gap:12px}.hasil-kuis{max-width:720px;align-items:flex-start}.skor-besar{margin:0;font:800 56px/1 var(--font-display)}.skor-besar small{font-size:24px;color:var(--ink-muted)}.rekap-kuis{margin:0;padding-inline-start:0;list-style:none;display:grid;gap:6px;font-size:14px}.rekap-kuis .benar{color:var(--ink)}.rekap-kuis .salah{color:var(--danger)}.pusat-belajar{gap:28px}.hero-belajar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-lg);background:var(--primary-soft);box-shadow:var(--shadow-pop)}.hero-belajar h1{margin:0}.cincin-progres{position:relative;margin:0;flex:none;display:grid;place-items:center}.cincin-progres svg{display:block}.cincin-latar{fill:none;stroke:var(--surface-raised);stroke-width:12}.cincin-isi{fill:none;stroke:var(--primary);stroke-width:12;stroke-linecap:round}.cincin-progres figcaption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cincin-progres figcaption b{font:800 28px/1 var(--font-display)}.cincin-progres figcaption span{font-size:11px;font-weight:700;color:var(--ink-muted);max-width:80px}.kotak-angka{display:flex;flex-direction:column;gap:6px;padding:16px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);text-decoration:none}.kotak-angka:hover{box-shadow:var(--shadow-pop-sm)}.angka-besar{font:800 32px/1 var(--font-display)}.angka-besar small{font-size:16px;color:var(--ink-muted)}.ikon-aktivitas{flex:none;color:var(--primary)}a.isi-soal{color:var(--ink);text-decoration:none}a.isi-soal:hover b{text-decoration:underline}.ikon{flex:none;display:block}@media (max-width:760px){.hero-belajar{flex-direction:column-reverse;align-items:stretch;padding:18px}.cincin-progres{align-self:center}}.kepala-sidebar{margin:0;padding:14px 16px;border-bottom:1.5px solid var(--divider)}.kartu-ayat{margin:0;display:flex;flex-direction:column;gap:8px}.daftar-format{display:grid;gap:10px}.pilihan-format{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);text-align:start;cursor:pointer;font:inherit}.pilihan-format span{display:flex;flex-direction:column}.pilihan-format b{font:700 17px var(--font-display)}.pilihan-format small{color:var(--ink-muted);font-size:13px}.pilihan-format:not(:disabled):hover{background:var(--sun);color:var(--on-fill)}.pilihan-format:not(:disabled):hover small{color:var(--on-fill)}.pilihan-format:disabled{border-style:dashed;border-color:var(--divider);color:var(--ink-muted);cursor:not-allowed}.pilihan-format:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.status-simpan{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink-muted)}.aksi-konfirmasi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.aksi-konfirmasi .aw-btn{justify-content:center}.aw-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.isi-konfirmasi p{margin:0;line-height:1.55}.isian-kata-kunci{font-weight:600;font-size:14px}@media (max-width:560px){.status-simpan{display:none}}.tebak{display:flex;flex-direction:column;gap:14px;align-items:stretch;padding:16px;border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--ink);border:var(--border-w) solid var(--outline);font-size:14px}.petunjuk-tebak h3{margin:0 0 4px;font:700 17px/1.3 var(--font-display)}.petunjuk-tebak p{margin:0;line-height:1.55}.contoh-tebak{margin-top:6px!important;color:var(--ink-muted)}.tebak code{font:700 13px var(--font-sans);background:var(--surface-raised);border:1.5px solid var(--divider);padding:0 6px;border-radius:6px;color:var(--ink)}.isian-tebak{padding:12px;border-radius:var(--radius-sm);background:var(--surface-raised);border:1.5px solid var(--divider)}.hasil-tebak{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:var(--radius-sm);border:var(--border-w) solid var(--outline)}.hasil-tebak b{display:flex;align-items:center;gap:6px;font:700 16px/1.3 var(--font-display)}.hasil-tebak p{margin:0;line-height:1.5}.hasil-tebak.salah{background:var(--pink);color:var(--on-fill)}.hasil-tebak.kurang{background:var(--sun);color:var(--on-fill)}.hasil-tebak.benar{background:var(--lime);color:var(--on-fill);box-shadow:var(--shadow-pop-sm);margin-bottom:12px}.aksi-tebak{display:grid;grid-template-columns:1fr 1fr;gap:10px}.aksi-tebak .aw-btn{justify-content:center}.confetti{position:fixed;inset:0;pointer-events:none;z-index:80;overflow:hidden}.confetti span{position:absolute;top:-16px;width:10px;height:14px;border:1.5px solid #111322;border-radius:2px;animation:jatuh 1.5s cubic-bezier(.25,.6,.45,1) forwards}@keyframes jatuh{to{transform:translate(var(--geser),105vh) rotate(var(--putar));opacity:.9}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.konten-rujukan{display:flex;flex-direction:column;gap:24px}.konten-rujukan h1{margin:0}.konten-rujukan h2{margin:0;font:700 20px/1.3 var(--font-display)}.blok-rujukan{display:flex;flex-direction:column;gap:14px}.kartu-rujukan,.kartu-ayat{display:flex;flex-direction:column;gap:12px;margin:0}.kartu-rujukan p,.kartu-ayat p{margin:0;line-height:1.6}.judul-ayat{font:700 17px/1.3 var(--font-display)!important}.teks-hadits{font-size:16px;line-height:1.7}.teks-hadits:lang(ar){font-size:19px;line-height:2.1}.sumber-rujukan{color:var(--ink-muted);font-size:14px}.syahid{background:var(--sun);color:var(--on-fill);border-radius:4px;padding:0 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.daftar-hukum{display:flex;flex-direction:column;gap:8px}.daftar-hukum li{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tombol-hukum{padding:8px 12px;min-height:40px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);font:600 14px/1.35 var(--font-sans);text-align:start;cursor:pointer}.tombol-hukum[aria-pressed=true]{background:var(--sun);color:var(--on-fill)}.tombol-hukum:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.kartu-kitab h2{font-size:19px!important}.aksi-kitab{display:flex;flex-wrap:wrap;gap:10px}.aksi-kitab a.aw-btn{text-decoration:none}.penampil-kitab{width:100%;height:78vh;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised)}a.aw-btn{text-decoration:none;color:inherit}.aw-btn-secondary{color:var(--ink)}.judul-sesi{font:700 16px/1.3 var(--font-display);text-align:end}.judul-awal-kuis{margin:0;font:800 32px/1.1 var(--font-display)}.pilihan-mode{margin:0;padding:0;border:0;display:grid;gap:10px}.pilihan-mode legend{margin-bottom:10px;font:700 16px var(--font-display)}.opsi-mode{display:flex;gap:12px;align-items:flex-start;padding:14px;border:var(--border-w) solid var(--divider);border-radius:var(--radius-md);background:var(--surface-raised);cursor:pointer}.opsi-mode.dipilih{border-color:var(--outline);background:var(--primary-soft)}.opsi-mode input{margin:3px 0 0;width:18px;height:18px;accent-color:var(--primary);flex:none}.opsi-mode span{display:flex;flex-direction:column;gap:2px}.opsi-mode b{font:700 15px var(--font-display)}.opsi-mode small{color:var(--ink-muted);font-size:13.5px;line-height:1.45}.opsi-mode:focus-within{outline:3px solid var(--focus);outline-offset:2px}.progres-sesi{display:flex;justify-content:space-between;gap:12px}.pilihan-kuis-item.dipilih{background:var(--primary-soft);border-color:var(--primary)}.ringkasan-kuis{display:grid;grid-template-columns:auto 1fr;gap:16px 28px;align-items:center}.ringkasan-kuis .aksi-konfirmasi{grid-column:1/-1;margin:0}.ringkasan-kuis p{margin:0}.rincian-skor{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.rincian-skor div{padding:10px 12px;border:1.5px solid var(--divider);border-radius:var(--radius-sm);background:var(--surface)}.rincian-skor dt{font-size:12px;font-weight:800;color:var(--ink-muted)}.rincian-skor dd{margin:0;font:800 24px/1.2 var(--font-display)}.pembahasan-item>summary{align-items:flex-start;flex-wrap:nowrap;gap:10px}.status-jawaban{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:var(--border-w) solid var(--outline)}.status-jawaban.benar{background:var(--lime);color:var(--on-fill)}.status-jawaban.salah{background:var(--danger);color:var(--on-danger)}.isi-pembahasan{padding:0 16px 14px 52px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.6}.isi-pembahasan p{margin:0}.isi-pembahasan .keterangan{display:block;font-size:12px;font-weight:800}@media (max-width:560px){.ringkasan-kuis{grid-template-columns:1fr}.isi-pembahasan{padding-inline-start:16px}}.node-orang{align-items:center;justify-content:center;text-align:center;gap:5px}.node-orang b{max-width:100%}.dapat-node{justify-content:center}.node-orang.almarhum{border-style:solid;background:var(--ink);color:var(--surface-raised);box-shadow:var(--shadow-pop)}.node-orang.almarhum .peran-node{color:var(--sun);opacity:1}.node-orang.terhalang{border:var(--border-w) dashed var(--danger);box-shadow:none;background:repeating-linear-gradient(135deg,var(--surface-sunken) 0 8px,var(--surface-raised) 8px 16px);color:var(--ink-muted)}.node-orang.terhalang b{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--danger);color:var(--ink)}.node-orang.terhalang .peran-node{background:var(--danger);color:var(--on-danger);opacity:1;padding:2px 8px;border-radius:var(--radius-pill);letter-spacing:.02em}.legenda .kotak.almarhum{border-style:solid;background:var(--ink)}.legenda .kotak.terhalang{border:2px dashed var(--danger);background:repeating-linear-gradient(135deg,var(--surface-sunken) 0 3px,var(--surface-raised) 3px 6px)}.pohon.redup .node-orang:not(.sorot-langkah){opacity:1}.pohon.redup .node-orang:not(.sorot-langkah):after{content:"";position:absolute;inset:-2px;border-radius:16px;background:var(--surface);opacity:.62;pointer-events:none}.kartu-lipat.pembahasan-item>summary:after,.kartu-lipat.pembahasan-item[open]>summary:after{content:none}.pembahasan-item .panah-lipat{margin-inline-start:auto}.pertanyaan-pembahasan{flex:1;line-height:1.5}.sesi-kuis .kartu-lipat{max-width:none}.rincian-skor .skor-benar{background:var(--lime);border-color:var(--outline);color:var(--on-fill)}.rincian-skor .skor-salah{background:var(--danger);border-color:var(--outline);color:var(--on-danger)}.rincian-skor .skor-benar dt{color:var(--on-fill)}.rincian-skor .skor-salah dt{color:var(--on-danger)}.isi-pembahasan{padding:0 16px 16px;gap:10px}.baris-jawaban,.teks-pembahasan{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:var(--radius-sm)}.baris-jawaban.benar{background:var(--lime);color:var(--on-fill)}.baris-jawaban.salah{background:var(--danger-soft);color:var(--ink);border:1.5px solid var(--danger)}.teks-pembahasan{background:var(--surface-sunken);border:1.5px solid var(--divider)}.teks-pembahasan p{margin:0}.label-jawaban{font:800 11.5px/1.2 var(--font-sans);text-transform:uppercase;letter-spacing:.04em;opacity:.85}.tombol-tahan{position:relative;overflow:hidden;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none}.isi-tahan{position:absolute;inset:0;background:var(--sun);transform:scaleX(0);transform-origin:left;transition:transform .15s}.tombol-tahan.menahan .isi-tahan{transform:scaleX(1);transition:transform var(--durasi-tahan) linear}.label-tahan{position:relative}.tombol-tahan.menahan{color:var(--on-fill)}.poin-konfirmasi{margin:0;padding-inline-start:20px;display:grid;gap:6px;line-height:1.5}.sumber-riwayat{font-weight:700;color:var(--ink)}.baris-soal .aw-btn-sm,.tombol-kepala{flex:none}.tombol-masuk .ikon-masuk{display:none}@media (max-width:560px){.tombol-masuk .ikon-masuk{display:inline-flex}.tombol-masuk .label-masuk{display:none}.kepala .tombol-masuk{padding:0 10px;min-width:40px;justify-content:center}}@media (max-width:1180px){.tombol-kepala .label-lebar{display:none}.tombol-kepala{padding:0 10px;min-width:40px;justify-content:center}}.menu-akun{position:relative;flex:none}.menu-akun-isi{position:absolute;inset-inline-end:0;top:calc(100% + 10px);z-index:40;display:flex;flex-direction:column;gap:2px;min-width:250px;padding:8px;background:var(--surface-raised);border:1px solid rgba(20,40,30,.08);border-radius:22px;box-shadow:0 18px 44px #14281e38;transform-origin:top right;animation:menu-buka .22s cubic-bezier(.2,.8,.2,1) both}.kepala-menu-akun{display:flex;align-items:center;gap:12px;margin-bottom:6px;padding:12px;border-radius:16px;background:linear-gradient(135deg,#0a2326,#0f3a38);color:#fff}.avatar-menu{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--aksen);color:#fff;font:700 16px var(--font-display)}.email-menu{min-width:0;font:500 13.5px/1.35 var(--font-sans);overflow-wrap:anywhere}.menu-akun-isi :is(button,a){display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border:0;border-radius:14px;background:none;color:var(--ink);font:600 14.5px var(--font-sans);text-align:start;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}.menu-akun-isi :is(button,a):hover{background:var(--surface-sunken);transform:translate(3px)}.menu-akun-isi :is(button,a):focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.menu-akun-isi .butir-keluar{margin-top:4px;border-top:1px solid var(--divider);border-radius:0 0 14px 14px;color:var(--danger)}@keyframes menu-buka{0%{opacity:0;transform:translateY(-6px) scale(.96)}}@media (prefers-reduced-motion:reduce){.menu-akun-isi{animation:none}.menu-akun-isi :is(button,a):hover{transform:none}}.isian-centang{display:flex;align-items:center;gap:10px;font-size:15px}.isian-centang input{width:20px;height:20px;accent-color:var(--ink)}.isian select{height:42px;padding:0 12px;border-radius:var(--radius-md);border:var(--border-w) solid var(--outline);background:var(--surface-raised);color:var(--ink);font:600 15px var(--font-sans)}.streak-kepala{display:inline-flex;align-items:center;gap:6px;flex:none;white-space:nowrap}.tautan-streak{display:inline-flex;align-items:center;gap:3px;font:800 15px var(--font-display);color:var(--ink);text-decoration:none}.tautan-streak:hover{text-decoration:underline}.tautan-streak.redup{opacity:.55}.tambahan-xp{font-weight:800;font-size:13px;color:var(--ink)}.tambahan-xp:empty{display:none}.daftar-peringkat{display:flex;flex-direction:column;gap:8px}.baris-peringkat{display:flex;align-items:center;gap:12px;padding:10px 14px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised)}.baris-saya{border-color:var(--ink);box-shadow:var(--shadow-pop)}.nomor-peringkat{min-width:2.5ch;font:800 16px var(--font-display);text-align:center}.avatar-peringkat{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--sun);font-weight:800;object-fit:cover}.nama-peringkat{display:flex;flex-direction:column;flex:1;min-width:0;overflow-wrap:anywhere}.xp-peringkat{flex:none;font:800 16px var(--font-display)}.pesan-akun{position:absolute;inset-inline-end:0;top:100%;max-width:240px;font-size:12px;color:var(--danger,#b3261e)}.tumpuk>a:not([class]),.tumpuk-rapat>a:not([class]){align-self:flex-start}:root{--tinggi-nav-bawah:0px}.nav-bawah{display:none}@media (max-width:720px){:root{--tinggi-nav-bawah:64px}body{padding-bottom:calc(var(--tinggi-nav-bawah) + env(safe-area-inset-bottom,0px))}.kepala-nav{display:none}.nav-bawah{position:fixed;inset-inline-start:0;inset-inline-end:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface-raised);border-top:var(--border-w) solid var(--outline)}.nav-bawah-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:var(--tinggi-nav-bawah);color:var(--ink-muted);text-decoration:none;font:700 11.5px/1.2 var(--font-sans)}.nav-bawah-item .ikon{box-sizing:content-box;padding:3px 12px;border-radius:var(--radius-pill)}.nav-bawah-item[aria-current=page]{color:var(--ink)}.nav-bawah-item[aria-current=page] .ikon{background:var(--sun);color:var(--on-fill)}.nav-bawah-item:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.bar-bawah{bottom:calc(var(--tinggi-nav-bawah) + env(safe-area-inset-bottom,0px));padding-bottom:10px}}@media (max-width:980px){.tata-hasil{align-items:stretch}.kepala-kanvas{display:none}.tata-hasil>*,.panel-kanvas,.kartu-sisi{min-width:0}}.entri-faq{max-width:none}.kartu-lipat>summary{flex-wrap:nowrap;align-items:flex-start}.kartu-lipat>summary>b{flex:1;min-width:0;line-height:1.45}.pilihan-mulai{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.judul-pilihan{display:flex;align-items:center;gap:8px}.kartu-pilihan[aria-expanded=true]{background:var(--primary);color:var(--on-primary)}.kartu-pilihan[aria-expanded=true] small{color:inherit;opacity:.9}.pilih-gender-L[aria-checked=true]{background:var(--primary);color:var(--on-primary)}.pilih-gender-P[aria-checked=true]{background:var(--pink);color:var(--on-fill)}.lipat-dalil{border-top:1.5px solid color-mix(in srgb,currentColor 25%,transparent)}.lipat-dalil:first-child{border-top:0}.lipat-dalil>summary{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-weight:700;cursor:pointer;list-style:none}.lipat-dalil>summary::-webkit-details-marker{display:none}.lipat-dalil>summary:after{content:"+";flex:none;margin-inline-start:auto;font-size:16px;line-height:1.3}.lipat-dalil[open]>summary:after{content:"−"}.lipat-dalil>summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.isi-dalil{display:flex;flex-direction:column;gap:8px;padding:0 0 10px}.dalil:has(.lipat-dalil){gap:0}.kepala-sidebar-materi{display:flex;align-items:flex-start;gap:8px;padding:14px 16px;border-bottom:1.5px solid var(--divider)}.judul-laci{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.tombol-laci,.tombol-tutup-laci,.tirai-laci{display:none}@media (max-width:860px){.sidebar-materi{position:fixed;top:0;inset-inline-end:0;bottom:0;z-index:65;width:min(340px,86vw);max-height:none;border-inline-end:0;border-radius:var(--radius-md) 0 0 var(--radius-md);transform:translate(105%);visibility:hidden;transition:transform .2s,visibility .2s}.sidebar-materi.terbuka{transform:none;visibility:visible;box-shadow:-4px 0 0 var(--outline);transition:transform .2s}.tirai-laci{display:block;position:fixed;inset:0;z-index:64;background:#11132280}.tombol-laci{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px 8px 8px;border:var(--border-w) solid var(--outline);border-radius:14px;background:var(--surface-raised);color:var(--ink);font:inherit;text-align:start;cursor:pointer;box-shadow:0 3px 0 var(--outline);transition:transform .1s,box-shadow .1s}.tombol-laci:active{transform:translateY(2px);box-shadow:0 1px 0 var(--outline)}.ikon-tombol-laci{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:var(--primary-soft);color:var(--primary)}.teks-tombol-laci{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.teks-tombol-laci small{font:700 12px var(--font-sans);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.teks-tombol-laci b{display:flex;align-items:center;gap:8px;font:800 15px var(--font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teks-tombol-laci .bar-progres{flex:1;max-width:120px}.jumlah-laci{padding:1px 8px;border-radius:999px;background:var(--primary-soft);color:var(--ink);font:700 12px var(--font-sans)}.panah-tombol-laci{flex:none;font:800 24px/1 var(--font-sans);color:var(--ink-muted)}.tombol-tutup-laci{display:grid;place-items:center;width:44px;height:44px;margin:-10px -10px -10px 0;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}.tombol-laci:focus-visible,.tombol-tutup-laci:focus-visible{outline:3px solid var(--focus);outline-offset:2px}}@media (prefers-reduced-motion:reduce){.sidebar-materi{transition:none}}.kepala-halaman{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:var(--lebar-konten);margin:0 auto;padding:12px 16px 0;box-sizing:border-box}.kepala-halaman+.halaman,.kepala-halaman+.tata-materi{padding-top:12px}.tombol-kembali,.tombol-bagikan{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px 0 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font:800 14px var(--font-sans);cursor:pointer}.tombol-kembali{text-decoration:none}.tombol-kembali:hover,.tombol-bagikan:hover{background:var(--surface-sunken)}.tombol-bagikan{padding:0 12px;border:1.5px solid var(--divider);background:var(--surface-raised)}.tombol-bagikan.kecil{min-height:36px;padding:0 10px;font-size:13px}.tombol-kembali:focus-visible,.tombol-bagikan:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.wadah-bagikan{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.pesan-bagikan{font-size:13px;font-weight:700;color:var(--ink-muted)}.pesan-bagikan:empty{display:none}.chip-dalil{display:inline-flex;align-items:center;gap:3px;min-height:24px;margin:0 2px;padding:0 7px;vertical-align:1px;border:1.5px solid var(--outline);border-radius:6px;background:var(--sun);color:var(--on-fill);font:800 12px/1 var(--font-sans);cursor:pointer;box-shadow:var(--shadow-pop-sm)}.chip-dalil:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--outline)}.chip-dalil:active{transform:translate(2px,2px);box-shadow:none}.chip-dalil:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.isi-lembar-dalil{font-size:15px;line-height:1.6}.isi-lembar-dalil .kutipan-arab{margin:0}@media (max-width:560px){.konfirmasi-isi{padding:18px}.kepala-modal{padding:14px 16px 12px}.kepala-modal h2{font-size:20px}.isi-modal{padding:14px 16px}.kaki-modal{flex-wrap:wrap;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px))}}@media (max-width:720px){.modal-latar{place-items:end stretch;padding:0}.modal-orang{max-width:none;max-height:85dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px)}}.kartu-pilihan.pilihan-utama{background:var(--primary);color:var(--on-primary);text-decoration:none}.kartu-pilihan.pilihan-utama small{color:inherit;opacity:.9}.kartu-pilihan:is(a){text-decoration:none}.dasbor{gap:28px}.aksi-dasbor{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.status-dasbor{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.kotak-status{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);text-decoration:none}.kotak-status:hover{box-shadow:var(--shadow-pop-sm)}.kotak-status b{font:700 17px/1.3 var(--font-display)}.kotak-status:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.dua-kolom-dasbor{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:start}.kepala-bagian h2{margin:0}.kepala-bagian p{margin:2px 0 0}.contoh-istilah{padding:8px 12px;border-radius:var(--radius-sm);background:var(--surface-sunken)}.dipakai-di{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:14px}.dipakai-di a.chip-pelajaran{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid var(--divider);border-radius:999px;background:var(--surface-sunken);background-image:none;color:var(--ink-muted);font:600 12px/1 var(--font-sans);text-decoration:none}.dipakai-di a.chip-pelajaran:hover{border-color:var(--outline);color:var(--ink)}.entri-istilah dd>*+*{margin-top:8px}.aksi-dasbor .kartu-pilihan,.pilihan-mulai .kartu-pilihan{min-height:0}@media (max-width:760px){.hero-belajar{flex-direction:row;align-items:center;gap:12px}.hero-belajar>.tumpuk-rapat{flex:1;min-width:0}.cincin-progres svg{width:76px;height:76px}.cincin-progres figcaption b{font-size:18px}.cincin-progres figcaption span{display:none}.hero-belajar h1{font-size:24px;line-height:1.15}}.tata-materi>.hero-mini{grid-column:1/-1}.judul-kategori{margin:0;font:700 28px/1.2 var(--font-display)}.hero-mini .tumpuk-rapat{gap:8px}.hero-mini h1{line-height:1.2}.hero-mini .lead{font-size:17px;line-height:1.55}.hero-mini>svg{flex:none;color:var(--primary)}@media (max-width:640px){.hero-mini>svg{display:none}}.kartu-kosong{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;text-align:center;border:var(--border-w) dashed var(--divider);border-radius:var(--radius-md);color:var(--ink-muted)}.kartu-kosong b{color:var(--ink);font-size:16px}.kartu-kosong p{margin:0;max-width:44ch}.tata-sesi{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:20px;align-items:start}.tata-sesi>.tumpuk-rapat{min-width:0}.nav-soal{position:sticky;top:88px;display:flex;flex-direction:column;gap:12px;padding:16px;box-sizing:border-box;min-width:0;border:var(--border-w) solid var(--divider);border-radius:var(--radius-md);background:var(--surface-raised)}.nav-soal h2{margin:0;font-size:14px}.kotak-nomor{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;padding:0;margin:0;list-style:none}.kotak-nomor li{min-width:0}.kotak-nomor button{display:grid;place-items:center;width:100%;height:40px;padding:0;border:1.5px solid var(--divider);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:800 14px var(--font-sans);cursor:pointer}.kotak-nomor button.terjawab{background:var(--primary);border-color:var(--primary);color:var(--on-primary,#fff)}.kotak-nomor button[aria-current=true]{box-shadow:inset 0 0 0 3px var(--focus);border-color:var(--focus)}.kotak-nomor button:disabled{cursor:default}.legenda-nav{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding-top:10px;border-top:1.5px solid var(--divider);font-size:12px;color:var(--ink-muted)}.legenda-nav i{display:inline-block;width:12px;height:12px;margin-inline-end:4px;vertical-align:-2px;border:1.5px solid var(--divider);border-radius:3px}.legenda-nav i.terjawab{background:var(--primary);border-color:var(--primary)}@media (max-width:800px){.tata-sesi{grid-template-columns:1fr}.nav-soal{position:static;order:-1}.kotak-nomor{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}}.tentang-tim{display:flex;flex-direction:column;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--divider);font-size:14px;color:var(--ink-muted)}.tentang-tim h2{margin:0}.tentang-tim p{margin:0;max-width:68ch;line-height:1.7}.tautan-lembut{color:color-mix(in srgb,var(--primary) 45%,var(--ink-muted));text-decoration:underline dotted;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:3px}.tautan-lembut:hover{text-decoration-color:currentColor}.tombol-hapus-semua{align-self:flex-start;gap:6px}.kotak-status .aksi-status{margin-top:auto;padding-top:6px;font-weight:800;font-size:14px;color:var(--primary)}.kotak-status:hover .aksi-status{text-decoration:underline}.zona-reset{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px;border:var(--border-w) dashed var(--divider);border-radius:var(--radius-md)}.zona-reset h2{margin:0 0 4px;font-size:16px}.zona-reset p{margin:0}.hanya-hp{display:none}@media (max-width:720px){.hanya-hp{display:inline}}@media (max-width:560px){.daftar-riwayat .baris-soal{flex-wrap:wrap}.daftar-riwayat .isi-soal{flex-basis:100%}}.tanpa-patah{white-space:nowrap}.panah-lipat:before,.kartu-lipat>summary:after,.kenapa>button:after,.lipatan-sekunder>button:after,.lipat-dalil>summary:after,summary.kepala-bulat:after,.info-tidak-ada>summary:after{content:"+";display:grid;place-items:center;flex:none;width:28px;height:28px;margin-inline-start:auto;border-radius:8px;border:var(--border-w) solid var(--outline);background:var(--surface-raised);color:var(--ink);font:800 20px/1 var(--font-sans);transition:transform .18s,background .18s}.panah-lipat{display:contents;margin-inline-start:auto}.kepala-lipat[aria-expanded=true] .panah-lipat:before,.pembahasan-item[open] .panah-lipat:before,.kartu-lipat[open]>summary:after,.kenapa>button[aria-expanded=true]:after,.lipatan-sekunder>button[aria-expanded=true]:after,.lipat-dalil[open]>summary:after,.kartu-bulat[open] summary.kepala-bulat:after,.info-tidak-ada[open]>summary:after{content:"+";transform:rotate(45deg);background:var(--sun);color:var(--on-fill)}.kepala-lipat:hover,.kartu-lipat>summary:hover,.kenapa>button:hover,.lipatan-sekunder>button:hover,.info-tidak-ada>summary:hover{background:color-mix(in srgb,var(--primary-soft) 70%,transparent)}.kenapa>button:after,.lipat-dalil>summary:after{width:24px;height:24px;font-size:17px}.info-tidak-ada>summary{display:flex;align-items:center;gap:10px;list-style:none}.info-tidak-ada>summary::-webkit-details-marker{display:none}summary.kepala-bulat{position:relative;padding-inline-end:56px}summary.kepala-bulat:after{position:absolute;top:12px;inset-inline-end:14px}.label-perhatian{align-self:flex-start;margin-bottom:4px;padding:2px 8px;border-radius:var(--radius-pill);background:#111322;color:#ffe14d;font:800 11px var(--font-sans);letter-spacing:.04em;text-transform:uppercase}.kartu-bulat{border-width:3px;box-shadow:var(--shadow-pop-sm)}@media (prefers-reduced-motion:reduce){.panah-lipat:before,.kartu-lipat>summary:after{transition:none}}.kartu-harta .kepala-lipat{flex-wrap:wrap}.kartu-harta .ringkas-kepala{padding:4px 12px;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font:800 19px/1.2 var(--font-display);font-variant-numeric:tabular-nums}.sorot-pewaris{--c:var(--sorot-pewaris)}.sorot-ahliWaris{--c:var(--sorot-ahli-waris)}.sorot-penyebab{--c:var(--sorot-penyebab)}.sorot-mahjub{--c:var(--sorot-mahjub)}.sorot-bukan{--c:var(--sorot-bukan)}.sorot-fardh{--c:var(--sorot-fardh)}.sorot-ashabah{--c:var(--sorot-ashabah)}.sorot-dzawilArham{--c:var(--sorot-ahli-waris)}@keyframes nyala{0%{box-shadow:0 0 color-mix(in srgb,var(--c) 70%,transparent)}to{box-shadow:0 0 0 14px transparent}}.node-orang.sorot-langkah{outline:4px solid var(--c);outline-offset:3px;animation:nyala 1.1s ease-out 2;z-index:1}@keyframes gores{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.node-orang.sorot-mahjub:before,.node-orang.sorot-bukan:before{content:"";position:absolute;inset:4px;z-index:2;pointer-events:none;border-radius:12px;background:linear-gradient(to top right,transparent calc(50% - 2.5px),var(--c) calc(50% - 2.5px) calc(50% + 2.5px),transparent calc(50% + 2.5px)),linear-gradient(to bottom right,transparent calc(50% - 2.5px),var(--c) calc(50% - 2.5px) calc(50% + 2.5px),transparent calc(50% + 2.5px));animation:gores .5s ease-out both}.panah-pohon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3}.panah-pohon path{fill:none;stroke:var(--sorot-penyebab);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:tarik .7s .15s ease-out forwards}.panah-pohon marker path{fill:var(--sorot-penyebab);stroke:none;animation:none}@keyframes tarik{to{stroke-dashoffset:0}}.legenda-sorot{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;font:700 12px var(--font-sans);color:var(--ink)}.legenda-sorot span{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 6px;border-radius:var(--radius-pill);background:var(--surface-raised);border:1.5px solid var(--divider)}.titik-sorot{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 30%,transparent)}.pohon-wadah>.legenda-sorot{position:sticky;inset-inline-start:0;border-bottom:1.5px solid var(--divider);background:var(--surface-raised)}.faraidh tbody tr.sorot-langkah>td:first-child{box-shadow:inset 5px 0 0 var(--c)}.faraidh tr.sorot-mahjub .orang-sel,.faraidh tr.sorot-bukan .orang-sel{text-decoration:line-through;text-decoration-color:var(--c);text-decoration-thickness:2.5px}.faraidh tr.sorot-mahjub .orang-sel:after,.faraidh tr.sorot-bukan .orang-sel:after{content:"✕";margin-inline-start:6px;color:var(--c);font-weight:900;text-decoration:none;display:inline-block}.faraidh td.sel-sorot{background:color-mix(in srgb,var(--c) 22%,var(--surface-raised));box-shadow:inset 0 0 0 3px var(--c);animation:nyala 1.1s ease-out}.faraidh td.kolom-sorot-lembut{background:color-mix(in srgb,var(--primary-soft) 55%,transparent)}.faraidh th.kolom-sorot{background:var(--primary);color:var(--on-primary)}.faraidh .ubah-angka s{opacity:.7;text-decoration-thickness:2px}.pengali-tashih{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:var(--radius-pill);background:var(--sun);color:var(--on-fill);font:800 12px var(--font-sans)}.faraidh .rahasia{color:var(--ink-muted);font-weight:800}.tabel-soal td.rahasia{font:800 16px var(--font-display);color:var(--ink-muted);background:repeating-linear-gradient(135deg,transparent 0 6px,var(--surface-sunken) 6px 8px)}.kelompok-langkah{display:flex;flex-direction:column;gap:10px}.kartu-langkah li{border-radius:8px;padding:4px 8px;margin-inline-start:-8px;transition:background .4s,opacity .4s}.kartu-langkah li.ketukan-kini{background:var(--primary-soft);font-weight:600}.ketukan-nanti{opacity:.65}.subjudul-langkah{margin:0 0 6px;font:700 15px/1.4 var(--font-display)}.kotak-perhatian{padding:12px 14px;border:var(--border-w) solid var(--outline);border-radius:12px;background:var(--sun);color:var(--on-fill);box-shadow:var(--shadow-pop-sm);font-size:14px;line-height:1.5;transition:opacity .2s}.kotak-perhatian p{margin:0}.kotak-perhatian.ketukan-kini{box-shadow:var(--shadow-pop)}.nav-langkah{align-items:center}.lencana-kunci{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--ink);color:var(--surface-raised);font:800 12px var(--font-sans)}.langkah-terkunci{padding:14px 16px;border:var(--border-w) dashed var(--outline);border-radius:12px;background:var(--surface-sunken)}.langkah-terkunci p{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--ink-muted)}@media (prefers-reduced-motion:reduce){.node-orang.sorot-langkah,.faraidh td.sel-sorot{animation:none}.node-orang.sorot-mahjub:before,.node-orang.sorot-bukan:before,.panah-pohon path{animation:none;stroke-dashoffset:0}}.fokus-langkah{position:fixed;inset:0;z-index:1000;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--surface);color:var(--ink)}.kepala-fokus{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 16px;border-bottom:var(--border-w) solid var(--outline);background:var(--surface-raised)}.kepala-fokus>p{margin:0;flex:1;min-width:180px;font:700 16px var(--font-display)}.kepala-fokus .ke-langkah{display:block;font:700 12px var(--font-sans);color:var(--ink-muted)}.kepala-fokus .legenda-sorot{padding:0}.kontrol-fokus{display:flex;align-items:center;gap:8px}.kontrol-fokus .tombol-ikon[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.saklar-animasi{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px 0 8px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--ink);font:700 13px var(--font-sans);cursor:pointer}.rel-saklar{position:relative;width:34px;height:20px;border-radius:10px;background:var(--surface-sunken);border:2px solid var(--outline);transition:background .2s}.rel-saklar:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:12px;height:12px;border-radius:50%;background:var(--ink);transition:transform .2s}.saklar-animasi[aria-checked=true] .rel-saklar{background:var(--primary)}.saklar-animasi[aria-checked=true] .rel-saklar:after{transform:translate(14px);background:var(--on-primary)}.kanvas-fokus{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;padding:12px 16px;min-height:0}.laci-terbuka .kanvas-fokus{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,.7fr)}.fokus-pohon,.fokus-tabel,.laci-langkah{position:relative;isolation:isolate;min-height:0;overflow:auto;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised)}.fokus-pohon .pohon-wadah{min-height:100%}.fokus-pohon .pohon-wadah>.legenda-sorot{display:none}.laci-langkah{display:flex;flex-direction:column;gap:10px;padding:10px}.laci-langkah .kartu-langkah{padding:12px 14px}.laci-langkah .kartu-langkah li{cursor:pointer}.baris-rahasia{display:inline-block;min-width:3em;padding:0 10px;border-radius:6px;background:repeating-linear-gradient(135deg,transparent 0 6px,var(--surface-sunken) 6px 8px);font-weight:800;color:var(--ink-muted)}.kaki-fokus{padding:10px 16px;border-top:var(--border-w) solid var(--outline);background:var(--surface-raised)}.nav-fokus{justify-content:center;gap:12px}.fokus-langkah.dijeda *,.fokus-langkah.dijeda *:before,.fokus-langkah.dijeda *:after{animation-play-state:paused!important}.panel-hitung{position:sticky;top:0;z-index:2;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-bottom:var(--border-w) solid var(--outline);background:var(--primary-soft)}.panel-hitung p{margin:0}.judul-panel-hitung{font:700 14px var(--font-sans);color:var(--ink-muted)}.judul-panel-hitung b{color:var(--ink);font-family:var(--font-display)}.narasi-hitung{font-size:16px;line-height:1.5}.narasi-semua{margin:0;padding-inline-start:18px;font-size:14.5px;line-height:1.5}@keyframes muncul-hitung{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.rumus-hitung{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font:700 clamp(18px,2.2vw,24px)/1.3 var(--font-display)}.rumus-hitung>*,.peraga>*,.peraga-kali>p{opacity:0;animation:muncul-hitung .6s ease-out forwards}.rumus-hitung small{width:100%;font:500 12.5px var(--font-sans);color:var(--ink-muted)}.peraga{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font:700 clamp(16px,2vw,21px)/1.3 var(--font-display)}.peraga-kali{flex-direction:column;align-items:flex-start;gap:6px}.label-peraga{font:600 14px var(--font-sans);color:var(--ink-muted)}.nama-peraga{font:700 14px var(--font-sans)}.rumus-peraga{font-variant-numeric:tabular-nums}.kotak-angka{display:inline-grid;place-items:center;min-width:2.2em;padding:2px 10px;border:var(--border-w) solid var(--outline);border-radius:8px;background:var(--surface-raised);font-variant-numeric:tabular-nums}.kotak-hasil{background:var(--sun);color:var(--on-fill);box-shadow:var(--shadow-pop-sm)}.peraga-kali .kotak-angka{opacity:0;animation:masuk-kotak .7s cubic-bezier(.3,1.4,.5,1) forwards}@keyframes masuk-kotak{0%{opacity:0;transform:translateY(-18px) scale(1.5)}to{opacity:1;transform:none}}.panel-hitung-selesai{background:var(--lime);color:var(--on-fill)}.panel-hitung-selesai .judul-panel-hitung{font:800 18px var(--font-display);color:inherit}.angka-masuk{display:inline-block;color:var(--primary);opacity:0;animation:masuk-kotak .7s cubic-bezier(.3,1.4,.5,1) var(--tunda,0ms) forwards}.ubah-node{display:inline-flex;align-items:center;gap:6px;font:700 13px/1 var(--font-display)}.ubah-node s{text-decoration:none;background:linear-gradient(var(--sorot-mahjub),var(--sorot-mahjub)) no-repeat 0 55%/0 2.5px;animation:coret .5s .9s ease-out forwards}.ubah-node>span,.ubah-node b{opacity:0;animation:muncul-hitung .5s 1.6s ease-out forwards}.ubah-node b{padding:1px 8px;border-radius:var(--radius-pill);background:var(--sun);color:var(--on-fill)}@keyframes coret{to{background-size:100% 2.5px;opacity:.65}}.label-panah{position:absolute;z-index:4;transform:translate(-50%,-50%);padding:2px 8px;border-radius:var(--radius-pill);border:2px solid var(--sorot-penyebab);background:var(--surface-raised);color:var(--ink);font:700 12px var(--font-sans);white-space:nowrap;pointer-events:none;opacity:0;animation:muncul-hitung .4s .7s ease-out forwards}@media (prefers-reduced-motion:reduce){.rumus-hitung>*,.peraga>*,.peraga-kali>p,.peraga-kali .kotak-angka,.angka-masuk,.ubah-node>span,.ubah-node b,.label-panah{opacity:1;animation:none}.ubah-node s{animation:none;background-size:100% 2.5px}}.lencana-terbang{position:fixed;z-index:1001;pointer-events:none;padding:4px 12px;border-radius:var(--radius-pill);border:3px solid var(--c,var(--sorot-fardh));background:var(--surface-raised);color:var(--ink);font:800 16px var(--font-display);box-shadow:var(--shadow-pop-sm);transform:translate(-50%,-50%)}@media (max-width:899px){.fokus-langkah{display:block;overflow-y:auto}.kepala-fokus{position:sticky;top:0;z-index:5;padding:8px 12px}.kepala-fokus .legenda-sorot{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto}.kanvas-fokus,.laci-terbuka .kanvas-fokus{grid-template-columns:1fr;padding:8px 12px}.fokus-pohon,.fokus-tabel{max-height:48vh}.laci-langkah{position:fixed;inset-inline-start:0;inset-inline-end:0;bottom:64px;z-index:6;max-height:55vh;border-radius:16px 16px 0 0;box-shadow:var(--shadow-pop)}.kaki-fokus{position:sticky;bottom:0;z-index:7;padding:8px 12px}}.judul-soal{flex:1;display:flex;flex-direction:column;gap:6px;min-width:260px}.judul-soal p{margin:0;max-width:640px;font-size:14.5px;line-height:1.5;color:var(--ink-muted)}.lencana-soal{align-self:flex-start;padding:3px 12px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-pill);background:var(--sun);color:var(--on-fill);font:800 12px var(--font-sans);letter-spacing:.06em;text-transform:uppercase}.lencana-soal.lencana-hitung{background:var(--primary);color:var(--on-primary)}.halaman-hasil:not(.mode-belajar) .judul-hasil{padding:16px 18px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-lg);background:var(--primary-soft)}.mode-belajar .judul-hasil{padding:16px 18px;border:var(--border-w) dashed var(--outline);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--sun) 22%,var(--surface))}.mode-belajar .kartu-utama{border-color:var(--outline);box-shadow:4px 4px 0 var(--sun),4px 4px 0 2px var(--outline)}.grid-pintasan-soal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.kartu-soal-pintas{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:start}.kartu-soal-pintas b{font:700 15.5px/1.35 var(--font-display)}.aksi-soal-pintas{margin-top:auto;display:inline-flex;align-items:center;gap:4px;font:800 13px var(--font-sans);color:var(--primary)}.aksi-soal-pintas .ikon{transform:rotate(180deg)}.tombol-semua-soal{align-self:flex-start}.progres-sesi{align-items:center;flex-wrap:wrap}.sisa-waktu{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-pill);background:var(--surface-raised);font:800 15px var(--font-display);font-variant-numeric:tabular-nums}.sisa-waktu.hampir{background:var(--danger);color:var(--on-danger);border-color:var(--danger);animation:denyut 1s ease-in-out infinite}@keyframes denyut{50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.sisa-waktu.hampir{animation:none}}.dok{position:fixed;inset-inline-end:20px;bottom:20px;z-index:25;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.dok-faq{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--ink);font:700 14px var(--font-sans);text-decoration:none;box-shadow:var(--shadow-pop-sm)}.dok-faq:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--outline)}.dok a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (max-width:720px){.dok{display:none}}.dok-lapor{padding:2px 6px;border-radius:6px;background:var(--surface-raised);color:var(--ink-muted);font:600 12px var(--font-sans);text-decoration:underline;opacity:.85}.dok-lapor:hover{color:var(--ink);opacity:1}.chip-kecil[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface-raised)}.chip-kecil:disabled{opacity:.4;cursor:default}.chip-jenis{align-self:flex-start;display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid var(--divider);border-radius:999px;background:var(--surface-sunken);color:var(--ink-muted);font:600 12px/1 var(--font-sans)}a.kartu-artikel{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);text-decoration:none;height:100%;box-sizing:border-box}.grid-artikel{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px}a.kartu-artikel b{font:700 18px/1.35 var(--font-display)}a.kartu-artikel:hover{box-shadow:var(--shadow-pop-sm)}a.kartu-artikel:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.artikel-tj{display:flex;flex-direction:column;gap:12px;max-width:68ch;margin:0 auto}.artikel-tj h1{margin:0;font:700 34px/1.2 var(--font-display)}.meta-artikel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--divider)}.atur-huruf{display:flex;gap:6px}.isi-artikel{max-width:none;line-height:1.8}.isi-artikel h2{font-size:1.3em}@media (max-width:600px){.artikel-tj h1{font-size:26px}}.fokus-tak-muat{display:none}@media (max-width:1023px){.fokus-tak-muat{position:fixed;inset:0;z-index:1001;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:var(--ink);color:var(--surface-raised)}.fokus-tak-muat b{font:700 22px/1.3 var(--font-display)}.fokus-tak-muat p{margin:0;opacity:.8}.fokus-tak-muat .tombol-ikon{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));inset-inline-end:12px}}.arab-sebaris{font:500 1.05em/1 var(--font-arab);color:var(--ink-muted);unicode-bidi:isolate}.pilih-bahasa{max-width:11em;font:600 13px var(--font-sans);padding:6px 8px;border-radius:10px;border:2px solid var(--ink);background:var(--surface-raised);color:var(--ink)}.narasi-arab{display:block;direction:rtl;text-align:end;font-family:var(--font-arab);line-height:2}@media (max-width:860px){[dir=rtl] .sidebar-materi:not(.terbuka){transform:translate(-105%)}}[dir=rtl] .saklar-animasi[aria-checked=true] .rel-saklar:after{transform:translate(-14px)}[dir=rtl] body{font-family:var(--font-arab)}.penjelasan-pilihan>summary{cursor:pointer;font-weight:600;margin-block:4px}.merek-samar{filter:blur(10px);opacity:.6;user-select:none}.ikon-api{flex:none}.tautan-streak.redup .ikon-api{filter:grayscale(1)}.streak-hari{display:inline-flex;align-items:center;gap:3px}.dialog-langkah{display:flex;flex-direction:column;gap:12px;max-width:480px}.dialog-langkah h2{font:700 24px/1.2 var(--font-display);margin:0;text-wrap:balance}.pilihan-dialog{display:flex;flex-direction:column;gap:8px}.opsi-dialog{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);font:700 16px/1.3 var(--font-sans);text-align:start;cursor:pointer}.opsi-dialog small{font-weight:500;font-size:13px;color:var(--ink-muted)}.opsi-dialog[aria-checked=true]{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-pop-sm)}.opsi-dialog[aria-checked=true] small{color:var(--on-primary)}.opsi-dialog:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.tautan{background:none;border:0;padding:0;color:var(--primary);font:700 14px var(--font-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer;align-self:flex-start}.penutup-babak{display:flex;flex-direction:column;gap:10px;margin-top:8px}.daftar-keadaan{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.baris-keadaan{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border:var(--border-w) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);font:500 15px var(--font-sans);cursor:pointer;text-align:start}.baris-keadaan:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.lencana-keadaan{flex:none;border-radius:999px;padding:2px 10px;font:700 12px/1.5 var(--font-sans);background:var(--surface-sunken)}.lencana-keadaan:not(.hidup){background:var(--sun);color:var(--on-fill)}.pohon-kecil{overflow-x:auto;max-height:320px}.baris-kerabat{display:flex;justify-content:space-between;gap:8px;padding:8px 12px;border:var(--border-w) solid var(--divider);border-radius:var(--radius-md)}.baris-kerabat.nonaktif{opacity:.55;border-style:dashed}.subjudul-babak{margin:0;font:800 13px var(--font-sans);display:inline-flex;align-self:flex-start;padding:3px 10px;border:var(--border-w) solid var(--outline);border-radius:999px;background:var(--sun);color:var(--on-fill)}.kartu-titipan{border-style:dashed}.kartu-titipan h2{display:flex;align-items:center;gap:8px;font:700 20px var(--font-display);margin:0}.kartu-titipan small{font:500 12px var(--font-sans);color:var(--ink-muted)}.hasil-khusus{max-width:760px}body.layar-hasil{background:var(--halaman)}.halaman-hasil{max-width:1160px;margin:0 auto;padding:12px 12px 24px}.hero-hasil{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:20px;align-items:center;padding:22px 24px 26px;border-radius:var(--radius-lg);color:#fff;background:radial-gradient(520px 300px at 74% 55%,rgba(255,150,40,.4),transparent 70%),radial-gradient(420px 260px at 8% 0%,rgba(60,210,170,.35),transparent 70%),linear-gradient(135deg,#0a2326,#0f3a38 55%,#0b2a2b)}.halaman-hasil .hero-hasil .judul-hasil{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin:0;padding:0;border:0;background:none}.hero-hasil .judul-soal{min-width:0;gap:8px}.hero-hasil .judul-soal p{color:#ffffffe6}.hero-hasil .judul-soal .lok-hero{font-size:14px}.hero-hasil .judul-hasil h1{flex:none;margin:0;color:#fff;font:500 clamp(30px,3.6vw,42px)/1.05 var(--font-display);letter-spacing:-.02em;text-wrap:balance}.aksi-hero{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}.pil-hero{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font:600 14px var(--font-sans);cursor:pointer}.tautan-hero{min-height:44px;padding:0 2px;border:0;background:none;color:#fff;font:600 14px var(--font-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.statistik-hero{display:flex;gap:22px;margin:0}.statistik-hero div{display:flex;flex-direction:column-reverse}.statistik-hero dd{margin:0;font:600 24px/1.1 var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap}.statistik-hero dt{font-size:12.5px;color:#ffffffd9}.hero-hasil .tab-kecil{padding:3px;border:0;border-radius:var(--radius-pill);background:#ffffff24}.hero-hasil .tab-kecil button{min-height:40px;border-radius:var(--radius-pill);background:transparent;color:#fff;font-weight:600}.hero-hasil .tab-kecil button[aria-pressed=true]{background:#ffffffeb;color:#14181a}.hero-pohon{position:relative;min-width:0;padding:14px 14px 12px;border-radius:22px;background:#ffffff14;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px)}.hero-alat{position:absolute;top:10px;inset-inline-end:10px;z-index:3;display:flex;gap:6px}.alat-bulat{width:40px;height:40px;flex:none;border-radius:50%;border:0;background:#fff3;color:#fff;display:grid;place-items:center;cursor:pointer}.alat-bulat:hover{background:#ffffff57}.alat-bulat:focus-visible,.alat-teks:focus-visible,.pratinjau-pohon:focus-visible,.pil-hero:focus-visible,.tautan-hero:focus-visible,.tautan-aksi:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.pratinjau-pohon{position:relative;overflow:hidden;border-radius:14px;min-height:80px;cursor:zoom-in}.pratinjau-isi{position:absolute;top:0;width:max-content;transform-origin:0 0;pointer-events:none}.kaki-pohon{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding:10px 4px 0;font-size:12.5px;color:#ffffffe6}.kaki-pohon .legenda,.pohon-penuh-legenda .legenda{border:0;padding:0;gap:6px 14px;font-weight:400;color:inherit}.kaki-pohon .legenda .kotak,.pohon-penuh-legenda .legenda .kotak{width:12px;height:12px;border:1.5px solid rgba(255,255,255,.8);border-radius:3px;background:none}.kaki-pohon .legenda .kotak.almarhum,.pohon-penuh-legenda .legenda .kotak.almarhum{border-style:dashed}.kaki-pohon .legenda .kotak.menerima,.pohon-penuh-legenda .legenda .kotak.menerima{background:#6eebaa73}.kaki-pohon .legenda .kotak.putus,.pohon-penuh-legenda .legenda .kotak.putus{border-style:solid;opacity:.55}.avatar-orang{display:grid;place-items:center;flex:none;border-radius:50%;font-family:var(--font-display);font-weight:700;color:#fff}.node-orang .avatar-orang{display:none}:is(.pratinjau-isi,.pohon-penuh-isi) .pohon-wadah{background:none;overflow:visible}:is(.pratinjau-isi,.pohon-penuh-isi) .pohon{--lebar-node:180px}:is(.pratinjau-isi,.pohon-penuh-isi) .garis-pohon path{stroke:#ffffffbf;stroke-width:1.6}:is(.pratinjau-isi,.pohon-penuh-isi) .garis-pohon circle{fill:#0f3a38;stroke:#ffffffbf;stroke-width:1.6}:is(.pratinjau-isi,.pohon-penuh-isi) .node-orang{display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 10px;align-items:center;justify-items:start;text-align:start;width:var(--lebar-node);padding:10px 12px;border:1.3px solid rgba(255,255,255,.4);border-radius:13px;background:#ffffff1f;color:#fff;box-shadow:none}:is(.pratinjau-isi,.pohon-penuh-isi) .node-orang:hover,:is(.pratinjau-isi,.pohon-penuh-isi) .node-orang.terkait{transform:none;box-shadow:none;border-color:#fff}:is(.pratinjau-isi,.pohon-penuh-isi) .node-orang .avatar-orang{display:grid;grid-row:1/span 3}:is(.pratinjau-isi,.pohon-penuh-isi) .node-orang b{grid-column:2;grid-row:1;font:600 14px/1.2 var(--font-display);color:#fff;text-decoration:none}:is(.pratinjau-isi,.pohon-penuh-isi) .node-orang .peran-node{grid-column:2;grid-row:2;min-height:0;padding:0;background:none;font:500 11px/1.2 var(--font-sans);letter-spacing:0;text-transform:none;opacity:1;color:#ffffffe6}:is(.pratinjau-isi,.pohon-penuh-isi) .node-orang[class*=g-]{background:#6eebaa42;border-color:#96ffc8d9}:is(.pratinjau-isi,.pohon-penuh-isi) .node-orang.almarhum{background:#ffffff14;border:1.3px dashed rgba(255,255,255,.6);color:#fff}:is(.pratinjau-isi,.pohon-penuh-isi) .node-orang:is(.putus,.terhalang){opacity:.72;background:#ffffff1f;border:1.3px solid rgba(255,255,255,.4);color:#fff}:is(.pratinjau-isi,.pohon-penuh-isi) .node-orang.penghubung{display:flex;width:auto;background:none;border:1.3px dotted rgba(255,255,255,.5)}:is(.pratinjau-isi,.pohon-penuh-isi) .node-orang.penghubung b{font-size:12.5px;font-weight:500;color:#ffffffe0}:is(.pratinjau-isi,.pohon-penuh-isi) .alasan-node{font-size:11px;line-height:1.3;font-weight:400;color:#ffffffe6}:is(.pratinjau-isi,.pohon-penuh-isi) .dapat-node{justify-content:flex-start;gap:6px;font:700 12px/1 var(--font-sans);color:#9bf0c3}:is(.pratinjau-isi,.pohon-penuh-isi) .dapat-node .frac{height:20px;padding:0 7px;border:0;border-radius:var(--radius-pill);background:#ffffff2e;color:#fff;font:600 11px/1 var(--font-sans)}:is(.pratinjau-isi,.pohon-penuh-isi) .pohon.redup .node-orang:not(.sorot-langkah):after{background:#0b2a2b}.pohon-penuh{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;color:#fff;background:radial-gradient(600px 400px at 70% 50%,rgba(255,150,40,.28),transparent 70%),linear-gradient(135deg,#0a2326,#0f3a38 60%,#0b2a2b)}.pohon-penuh-atas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:12px 16px}.pohon-penuh-atas h2{margin:0;font:600 18px var(--font-display)}.pohon-penuh-alat{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.alat-teks{background:none;border:0;color:#fff;font:600 14px var(--font-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px}.pohon-penuh-panggung{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;cursor:grab}.pohon-penuh-panggung.diseret{cursor:grabbing}.pohon-penuh-isi{position:absolute;left:0;top:0;width:max-content;transform-origin:0 0}.pohon-penuh-petunjuk{position:absolute;inset-inline-start:16px;bottom:12px;margin:0;font-size:12.5px;color:#ffffffeb;pointer-events:none}.pohon-penuh-legenda{position:absolute;inset-inline-start:12px;bottom:40px;max-width:calc(100% - 24px);padding:8px 12px;border-radius:14px;background:#0a2326b3;backdrop-filter:blur(6px);font-size:12.5px}.menu-bagikan{position:relative}.menu-bagikan-isi{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:5;display:flex;flex-direction:column;min-width:220px;padding:8px;border-radius:16px;background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-pop)}.menu-bagikan-isi button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:12px;background:none;color:inherit;font:500 14px var(--font-sans);text-align:start;cursor:pointer}.menu-bagikan-isi button:hover{background:var(--surface-sunken)}.menu-bagikan-isi button:focus-visible{outline:3px solid var(--focus)}.tata-hasil{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px 0 0}.pita-jawaban,.pita-hitung{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:12px;align-items:start}.pita-jawaban>*,.pita-hitung>*{order:0;min-width:0}.rel-samping{display:flex;flex-direction:column;gap:12px}.pita-hitung .urut-langkah,.pita-hitung .kartu-tabel:last-child{grid-column:1/-1}.kartu-sisi{background:var(--kartu);border:1px solid var(--kartu-tepi);border-radius:var(--radius-lg);overflow:hidden}.kartu-sisi h2{margin:0;font:600 21px/1.2 var(--font-display);letter-spacing:-.01em}.kartu-isi{display:flex;flex-direction:column;gap:12px;padding:20px}.sub-kartu{margin:2px 0 0;font-size:13px;line-height:1.5;color:var(--ink-muted)}.kartu-sisi.kartu-utama{padding:20px;box-shadow:none;overflow:visible}.mode-belajar .kartu-sisi.kartu-utama{border:1px dashed var(--aksen);box-shadow:none}.kartu-tabel{padding:20px 20px 8px}.kartu-tabel .wadah-tabel{padding:12px 0}.kartu-sisi .panah-lipat:before{width:40px;height:40px;border-radius:50%;border:0;background:var(--surface-sunken)}.kartu-sisi .tombol-ikon{border:0;border-radius:50%;background:var(--surface-sunken);box-shadow:none}.kartu-sisi .tombol-ikon:is([aria-pressed=true],[aria-expanded=true]){background:var(--primary);color:var(--on-primary)}.kepala-pembagian{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:8px}.kepala-pembagian .judul-kartu{flex:1;min-width:160px}.petunjuk-daftar{margin:0 0 4px;font-size:13px;color:var(--ink-muted)}.tautan-sebaris{display:inline;min-height:0;font-size:inherit}.daftar-bagian li+li{border-top:1px solid var(--divider)}.baris-bagian{grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;padding:10px 6px;font-size:14px}.nama-bagian{font-weight:600}.nama-bagian small{font-size:13px;font-weight:400}.jumlah-bagian .angka{font:600 15px/1.3 var(--font-sans);font-variant-numeric:tabular-nums}.sub-bagian .frac{height:24px;padding:0 9px;border:1px solid var(--outline);border-radius:var(--radius-pill);background:transparent;font:600 12px/1 var(--font-sans)}.pil-persen{min-width:56px;padding:3px 11px;border:1px solid var(--primary);border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font:600 12.5px/1.3 var(--font-sans);font-variant-numeric:tabular-nums;text-align:center}.baris-bagian.sisa .pil-persen{background:transparent;border-color:var(--outline);color:var(--ink)}.tautan-aksi{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0;border:0;background:none;color:var(--ink);font:600 14px var(--font-sans);text-align:start;text-decoration:underline;text-decoration-color:var(--outline);text-underline-offset:3px;cursor:pointer}.tautan-aksi:hover{text-decoration-color:currentColor}.daftar-aksi{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.daftar-aksi .status-simpan{display:inline-flex;gap:10px;min-height:40px;font-size:14px}.lipat-urutan{padding-top:6px;border-top:1px solid var(--divider)}.lipat-urutan summary{padding:8px 0;font:600 14px var(--font-sans);cursor:pointer}.kaki-hasil{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 24px;padding:14px 12px 0;font-size:13px;line-height:1.55;color:var(--ink-muted)}.kaki-hasil p{flex:1 1 320px;max-width:70ch;margin:0}.aksi-kaki{display:flex;gap:18px}@media (min-width:981px){:is(body.layar-hasil,body.layar-beranda) .kepala{box-sizing:border-box;position:relative;max-width:1160px;margin:24px auto -84px;padding:16px 24px;background:transparent;border:0;color:#fff;z-index:6}:is(body.layar-hasil,body.layar-beranda) .kepala-nav{overflow:visible}:is(body.layar-hasil,body.layar-beranda) .kepala-menu{padding:0 16px;border-radius:var(--radius-pill);color:#ffffffeb;font-weight:500}:is(body.layar-hasil,body.layar-beranda) .kepala-menu[aria-current=page]{background:#ffffffe6;color:#14181a;font-weight:600}:is(body.layar-hasil,body.layar-beranda) .kepala .aw-logo,:is(body.layar-hasil,body.layar-beranda) .kepala .aw-logo b{color:#fff}:is(body.layar-hasil,body.layar-beranda) .kepala .aw-logo small{display:none}:is(body.layar-hasil,body.layar-beranda) .kepala .aw-btn,:is(body.layar-hasil,body.layar-beranda) .kepala .pilih-bahasa{height:40px;border:0;border-radius:var(--radius-pill);background:#ffffff2e;color:#fff;box-shadow:none;font-weight:600}:is(body.layar-hasil,body.layar-beranda) .kepala .aw-btn:hover{transform:none;background:#ffffff4d}:is(body.layar-hasil,body.layar-beranda) .kepala .pilih-bahasa{padding:0 12px}:is(body.layar-hasil,body.layar-beranda) .kepala .pilih-bahasa option{color:#14181a}body.layar-hasil .halaman-hasil{margin-bottom:28px;padding:0 0 20px;background:var(--surface);border-radius:30px;overflow:hidden;box-shadow:0 20px 50px #14281e2e}body.layar-hasil .halaman-hasil>.hero-hasil{border-radius:0;padding:98px 24px 26px}body.layar-hasil .halaman-hasil>.tata-hasil{padding:12px 12px 0}body.layar-hasil .halaman-hasil>.kaki-hasil{padding:14px 24px 0}}@media (max-width:980px){.hero-hasil{grid-template-columns:1fr;padding:18px 16px}.statistik-hero{flex-wrap:wrap;gap:12px 22px}.pita-jawaban,.pita-hitung{grid-template-columns:1fr}.pohon-penuh-atas{padding:10px 12px}}.form-bagikan{max-width:580px;gap:20px;padding:24px}.kepala-bagikan{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start}.kepala-bagikan h2{margin:0}.lencana-bagikan{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--primary-soft)}.tutup-bagikan{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--surface-sunken);color:var(--ink);cursor:pointer}.tutup-bagikan:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.bantu-bagikan{margin:4px 0 0;color:var(--ink-muted);font-size:14px;line-height:1.5}.langkah-bagikan{display:flex;flex-direction:column;gap:10px;border:0;padding:0;margin:0;min-width:0}.langkah-bagikan.garis-atas{padding-top:18px;border-top:1px solid var(--divider)}.langkah-bagikan legend,.judul-langkah-bagikan{display:flex;gap:12px;align-items:center;padding:0;margin-bottom:2px}.langkah-bagikan legend>span:last-child,.judul-langkah-bagikan>span:last-child{display:flex;flex-direction:column;gap:2px}.langkah-bagikan legend b,.judul-langkah-bagikan b{font:700 16px/1.3 var(--font-sans);color:var(--ink)}.langkah-bagikan legend small,.judul-langkah-bagikan small{font:400 14px/1.4 var(--font-sans);color:var(--ink-muted)}.nomor-langkah{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--primary-soft);font:700 14px var(--font-sans);color:var(--ink)}.bagian-bagikan{display:flex;flex-direction:column;gap:8px;min-width:0}.form-bagikan .judul-bagian{display:block;margin:0;font:700 14px/1.3 var(--font-sans);color:var(--ink)}.catatan-kolom{margin:0;min-height:18px;font:500 13px/1.4 var(--font-sans);color:var(--ink-muted)}.catatan-kolom.salah{color:var(--danger);font-weight:700}.catatan-kolom.bagus{color:#1f6b3a}.kotak-tautan,.form-bagikan textarea{border-radius:var(--radius-md);border:var(--border-w) solid var(--outline);background:var(--surface-raised);color:var(--ink);font:600 15px/1.4 var(--font-sans)}.kotak-tautan{display:flex;align-items:center;gap:8px;min-height:52px;padding:4px 4px 4px 16px;background:var(--surface-sunken)}.kotak-tautan:focus-within,.form-bagikan textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.kotak-tautan.salah{border-color:var(--danger)}.awalan-tautan{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-muted);font:500 15px var(--font-sans)}.kotak-tautan input{flex:1 1 80px;min-width:60px;height:42px;padding:0;border:0;background:transparent;color:var(--ink);font:700 15px var(--font-sans)}.kotak-tautan input:focus{outline:none}.kotak-tautan .aw-btn{flex:none;min-height:42px;padding:0 18px;font-size:14px;gap:8px}.form-bagikan textarea{padding:12px 14px;resize:vertical}.baris-pratinjau{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:stretch}.tombol-kecil{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--radius-md);border:var(--border-w) solid var(--outline);background:var(--surface-raised);color:var(--ink);font:600 14px var(--font-sans);text-decoration:none;white-space:nowrap}.tombol-kecil:hover{border-color:var(--ink)}.tombol-kecil.mati{opacity:.5;cursor:not-allowed}.tombol-kecil.mati:hover{border-color:var(--outline)}.tombol-kecil:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.catatan-info{display:flex;gap:8px;align-items:center;margin:0;padding:8px 14px;border-radius:var(--radius-md);background:var(--primary-soft);font:500 13px/1.4 var(--font-sans);color:var(--ink)}.catatan-info .ikon{flex:none}.catatan-info.sukses{font-weight:700}.pratinjau-penerima{border-radius:var(--radius-md);background:var(--surface-sunken);padding:0 14px}.pratinjau-penerima summary{display:flex;align-items:center;gap:10px;min-height:48px;cursor:pointer;font:600 14px var(--font-sans);list-style:none}.pratinjau-penerima summary::-webkit-details-marker{display:none}.pratinjau-penerima summary:after{content:"";margin-inline-start:auto;width:8px;height:8px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);transition:transform .15s}.pratinjau-penerima[open] summary:after{transform:rotate(-135deg)}.pratinjau-penerima summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-md)}.chip-kecil-info{padding:2px 10px;border-radius:999px;background:var(--primary-soft);font:600 12px var(--font-sans)}.pratinjau-penerima ul{display:flex;flex-direction:column;gap:8px;margin:0;padding:0 0 14px;list-style:none}.pratinjau-penerima li{display:flex;gap:8px;align-items:flex-start;font:400 13px/1.45 var(--font-sans)}.pratinjau-penerima li .ikon{flex:none;margin-top:2px;color:#1f6b3a}.opsi-akses{position:relative;display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:var(--radius-md);border:var(--border-w) solid var(--divider);background:var(--surface-raised);cursor:pointer}.opsi-akses:hover{border-color:var(--outline)}.opsi-akses[data-pilih=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--primary-soft)}.opsi-akses input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.opsi-akses:focus-within{outline:3px solid var(--focus);outline-offset:2px}.ikon-opsi{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface-sunken)}.opsi-akses[data-pilih=true] .ikon-opsi{background:var(--primary);color:var(--on-primary)}.teks-opsi{flex:1;display:flex;flex-direction:column;gap:2px;font-weight:400}.teks-opsi b{font-size:15px}.teks-opsi small{color:var(--ink-muted);font-size:13px;line-height:1.45}.radio-visual{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--outline);background:var(--surface-raised)}.opsi-akses[data-pilih=true] .radio-visual{border-color:var(--primary);background:radial-gradient(circle,var(--primary) 0 5px,var(--surface-raised) 6px)}.info-privat{display:flex;gap:8px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--ink-muted);font-size:14px;line-height:1.5}.info-privat .ikon{flex:none;margin-top:2px}.tanya-simpan{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--radius-md);background:var(--aksen-soft)}.tanya-simpan p{margin:0;font-size:14px;line-height:1.5}.catatan-bagikan{margin:12px auto;max-width:1100px;padding:10px 16px;text-align:center;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--ink);font-size:14px}@media (max-width:560px){.form-bagikan{padding:18px}.kotak-tautan{flex-wrap:wrap;padding:8px 10px}.kotak-tautan .aw-btn{width:100%}.baris-pratinjau{grid-template-columns:1fr}}.pil-hero.sekunder{background:#ffffff24;color:#fff;box-shadow:inset 0 0 0 1.5px #ffffff8c}.pil-hero.sekunder:hover{background:#ffffff3d}body.layar-beranda{background:var(--krem)}:root{--krem:#f6f2e9}.halaman-beranda{--sisi:12px;margin:0;padding:0 0 24px}.hero-beranda{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:28px;align-items:center;padding:30px var(--sisi);color:#fff;background:linear-gradient(135deg,#0a2326,#0f3a38 55%,#0b2a2b)}.hero-beranda:before,.hero-beranda:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(8px);pointer-events:none}.hero-beranda:before{inset:0;border-radius:0;filter:none;background:radial-gradient(520px circle at var(--mx,72%) var(--my,58%),rgba(255,150,40,.5),transparent 70%)}.hero-beranda:after{width:460px;height:300px;left:-90px;top:-80px;background:radial-gradient(closest-side,rgba(60,210,170,.38),transparent);animation:melayang 20s ease-in-out infinite alternate-reverse}.sapa-beranda{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}.hero-beranda h1{margin:0;font:500 clamp(34px,4.4vw,56px)/1.04 var(--font-display);letter-spacing:-.03em;text-wrap:balance;animation:naik .7s cubic-bezier(.2,.7,.2,1) both}.hero-beranda .lead{max-width:42ch;margin:0;font-size:17px;color:#ffffffe6;animation:naik .7s .12s cubic-bezier(.2,.7,.2,1) both}.hero-beranda .aksi-hero{animation:naik .7s .24s cubic-bezier(.2,.7,.2,1) both}.tekanan{position:relative;display:inline-block;white-space:nowrap}.tekanan:after{content:"";position:absolute;inset-inline:-.04em;bottom:.04em;height:.2em;z-index:-1;border-radius:99px;background:var(--aksen);opacity:.85;transform:scaleX(0);transform-origin:left;animation:gambar .8s .7s cubic-bezier(.3,.8,.2,1) forwards}.pil-terang{background:#fff;color:#0e0f10;text-decoration:none;transition:transform .2s,box-shadow .2s}.pil-terang:hover{box-shadow:0 8px 22px #00000047}.pil-terang:hover{transform:translateY(-2px)}.tautan-lanjut{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#fff;font:600 14px var(--font-sans);text-decoration:none}.panah-kecil{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff29;transition:transform .25s cubic-bezier(.2,.7,.2,1),background .25s}.tautan-lanjut:hover .panah-kecil{background:#ffffff4d;transform:translate(4px)}.tautan-lanjut:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-pill)}.pil-terang:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.contoh-hidup{display:flex;flex-direction:column;gap:10px;animation:naik .8s .18s cubic-bezier(.2,.7,.2,1) both}.pilih-contoh{display:flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:var(--radius-pill);background:#ffffff24;align-self:flex-start}.pilih-contoh button{min-height:40px;padding:0 16px;border:0;border-radius:var(--radius-pill);background:transparent;color:#fff;font:600 13.5px var(--font-sans);cursor:pointer;transition:background .25s,color .25s}.pilih-contoh button:hover{background:#ffffff29}.pilih-contoh button[aria-pressed=true]{background:#fffffff0;color:#14181a}.pilih-contoh button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.panggung-contoh{animation:ganti-contoh .5s cubic-bezier(.2,.7,.2,1) both}.contoh-hidup .pratinjau-pohon{cursor:default}.ringkasan-contoh{display:flex;flex-direction:column;gap:12px;margin-top:4px;padding:16px;border-radius:18px;background:#0000002e;border:1px solid rgba(255,255,255,.14);animation:ganti-contoh .5s cubic-bezier(.2,.7,.2,1) both}.baris-harta{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 16px}.harta-contoh{display:flex;flex-direction:column;gap:2px}.harta-contoh span{font:700 11.5px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8}.harta-contoh b{font:600 clamp(30px,3vw,40px)/1.05 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.penanda-contoh{display:flex;gap:8px;margin:0}.penanda-contoh li{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:var(--radius-pill);background:#ffffff1f;font-size:13px;color:#ffffffeb}.penanda-contoh b{display:grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:var(--radius-pill);background:#fff;color:#0e0f10;font:700 14px var(--font-display)}.penanda-contoh .redup b{background:#ffffff47;color:#fff}.pita-bagian{display:flex;gap:3px;height:14px}.pita-bagian span{display:block;height:100%;border-radius:var(--radius-pill);transform-origin:left;animation:isi-bar .9s .1s cubic-bezier(.3,.8,.2,1) both}.legenda-pita{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;font-size:13px;color:#ffffffe6}.legenda-pita li{display:inline-flex;align-items:center;gap:7px}.legenda-pita i{width:10px;height:10px;border-radius:50%}.legenda-pita b{font-variant-numeric:tabular-nums;color:#fff}.aksi-contoh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:0 4px}.aksi-contoh .petunjuk-contoh{flex:1 1 220px;margin:0}.aksi-contoh .pil-terang{white-space:nowrap}.petunjuk-contoh{display:flex;align-items:center;gap:8px;margin:2px 4px 0;font-size:12.5px;line-height:1.45;color:#ffffffd9}.petunjuk-contoh svg{flex:none}.tata-beranda{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;padding:26px var(--sisi) 0}.judul-bagian{grid-column:1/-1;margin:6px 4px 0;font:600 26px/1.2 var(--font-display);letter-spacing:-.02em}.ubin{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:230px;padding:26px;border:1px solid rgba(20,40,30,.08);border-radius:28px;background:var(--surface-raised);color:var(--ink);text-decoration:none;animation:naik .6s calc(.1s*var(--i,0) + .3s) cubic-bezier(.2,.7,.2,1) both;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}.ubin>*{position:relative}.ubin:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:radial-gradient(280px circle at var(--px,50%) var(--py,0%),rgba(255,255,255,.7),transparent 70%);opacity:0;transition:opacity .35s;pointer-events:none}a.ubin:hover:before{opacity:1}a.ubin:hover{transform:translateY(-4px);box-shadow:0 18px 40px #14281e29}a.ubin:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.judul-ubin{font:600 clamp(22px,2.2vw,30px)/1.2 var(--font-display);letter-spacing:-.02em;text-wrap:balance}.ubin .keterangan{font-size:15px;line-height:1.55}.ubin .aksi-status{margin-top:auto;padding-top:14px;font:700 14px var(--font-sans);color:inherit}a.ubin:hover .aksi-status{text-decoration:underline;text-underline-offset:3px}.panah-bulat{position:absolute!important;top:20px;inset-inline-end:20px;z-index:1;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#14181ae6;color:#fff;font:600 18px var(--font-sans);transition:transform .3s cubic-bezier(.2,.7,.2,1),background .3s}a.ubin:hover .panah-bulat{transform:rotate(-45deg) scale(1.08);background:var(--aksen)}.ubin>svg.ikon{position:absolute;inset-inline-end:-18px;bottom:-22px;opacity:.1;stroke-width:1.4;pointer-events:none;transform:rotate(-8deg);transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .3s}a.ubin:hover>svg.ikon{transform:rotate(0) scale(1.08);opacity:.16}.ubin-kasus{grid-column:span 7;color:#fff;border-color:transparent;background:radial-gradient(420px 260px at 85% 110%,rgba(255,150,40,.5),transparent 70%),radial-gradient(360px 220px at 0% 0%,rgba(60,210,170,.3),transparent 70%),linear-gradient(135deg,#0a2326,#0f3a38 60%,#0b2a2b)}.ubin-kasus:before{background:radial-gradient(300px circle at var(--px,50%) var(--py,0%),rgba(255,170,80,.4),transparent 70%)}.ubin-kasus .label-langkah,.ubin-kasus .keterangan{color:#fffc}.ubin-kasus .judul-ubin{max-width:80%;font-size:clamp(26px,2.8vw,38px)}.ubin-kasus .panah-bulat{background:#fff;color:#0e0f10}.ubin-kasus>svg.ikon{opacity:.08}.ubin-belajar{grid-column:span 5;flex-direction:row;align-items:center;gap:22px;border-color:transparent;background:radial-gradient(260px 200px at 100% 0%,rgba(255,255,255,.6),transparent 70%),linear-gradient(135deg,#d3ebaa,#b7de80)}.isi-ubin{display:flex;flex-direction:column;gap:8px;flex:1;align-self:stretch;min-width:0;padding-top:34px}.ubin-latihan{grid-column:span 4;border-color:transparent;background:radial-gradient(240px 180px at 100% 0%,rgba(255,255,255,.6),transparent 70%),linear-gradient(135deg,#fde6d8,#f8c7a6)}.ubin-belajar .label-langkah,.ubin-belajar .keterangan,.ubin-latihan .label-langkah,.ubin-latihan .keterangan{color:color-mix(in srgb,var(--ink) 74%,transparent)}.ubin-latihan .judul-ubin{max-width:80%}.ubin-latihan .bar-progres{height:10px;background:#ffffffbf}.ubin-latihan .bar-progres>span{background:var(--aksen);transform-origin:left;animation:isi-bar 1s .9s cubic-bezier(.3,.8,.2,1) both}.ubin-tanya{grid-column:span 8;background:var(--surface-raised)}.ubin-tanya:before{display:none}.cincin-beranda{flex:none;width:132px;height:132px;overflow:visible}.cincin-beranda .cincin-latar{stroke:#ffffffb3;stroke-width:10}.cincin-beranda .cincin-isi{stroke:var(--ink);stroke-width:10;stroke-dasharray:var(--panjang);stroke-dashoffset:var(--sisa);animation:isi-cincin 1.2s .8s cubic-bezier(.3,.8,.2,1) both}.persen-cincin{font:700 22px var(--font-display);fill:var(--ink)}.daftar-tanya{display:flex;flex-direction:column}.daftar-tanya li+li{border-top:1px solid var(--divider)}.baris-tanya{display:flex;align-items:center;gap:14px;padding:14px 4px;color:var(--ink);text-decoration:none;transition:padding-inline-start .25s}.baris-tanya:hover{padding-inline-start:12px}.baris-tanya:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;border-radius:8px}.baris-tanya b{font:600 17px/1.4 var(--font-sans)}.nomor-tanya{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--aksen-soft);color:#a8410f;font:700 13px var(--font-display)}.ubin-tanya>a.aksi-status{align-self:flex-start;text-decoration:underline;text-decoration-color:var(--outline);text-underline-offset:3px}.cari-tahu{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 26px;padding:14px 8px 4px}.cari-tahu .label-langkah{margin-inline-end:4px}.tautan-cari{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);font:600 15px var(--font-sans);text-decoration:underline;text-decoration-color:var(--outline);text-underline-offset:4px}.tautan-cari:hover{text-decoration-color:currentColor}.tautan-cari:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.halaman-beranda .tentang-tim{margin:22px var(--sisi) 0}@keyframes naik{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ganti-contoh{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes gambar{to{transform:scaleX(1)}}@keyframes melayang{0%{transform:translate(0)}to{transform:translate(-60px,40px)}}@keyframes isi-cincin{0%{stroke-dashoffset:var(--panjang)}}@keyframes isi-bar{0%{transform:scaleX(0)}}@media (min-width:981px){.halaman-beranda{--sisi:max(24px, calc((100% - 1320px)/2) )}body.layar-beranda .halaman-beranda>.hero-beranda{padding-top:104px;padding-bottom:44px}body.layar-beranda .kepala{max-width:1320px;margin-top:0;padding-top:28px}}@media (max-width:980px){.halaman-beranda{--sisi:16px}.hero-beranda{grid-template-columns:1fr;gap:26px;padding-block:32px 28px}.ubin-kasus,.ubin-belajar,.ubin-latihan,.ubin-tanya{grid-column:1/-1}.ubin{min-height:0}}@media (max-width:560px){.halaman-beranda{overflow-x:clip}.hero-beranda h1{font-size:clamp(32px,9.5vw,40px)}.sapa-beranda .lead{font-size:16px}.hero-beranda .aksi-hero{gap:6px 20px}.contoh-hidup{padding:12px}.ringkasan-contoh{padding:6px 2px 2px;background:none;border:0}.aksi-contoh .pil-terang{width:100%;justify-content:center}.ubin{padding:20px}.isi-ubin{padding-top:0}.ubin-kasus .judul-ubin,.ubin-latihan .judul-ubin{max-width:calc(100% - 56px)}.ubin-belajar{flex-direction:column;align-items:flex-start}.pilih-contoh{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.pilih-contoh button{flex:none}.pilih-contoh{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}}@media (prefers-reduced-motion:reduce){.hero-beranda:after{animation:none}.hero-beranda h1,.hero-beranda .lead,.hero-beranda .aksi-hero,.contoh-hidup,.panggung-contoh,.ubin,.cincin-beranda .cincin-isi,.ubin-latihan .bar-progres>span{animation:none}.tekanan:after{animation:none;transform:none}.pita-bagian span,.ringkasan-contoh{animation:none}.tautan-lanjut:hover .panah-kecil,a.ubin:hover,.pil-terang:hover{transform:none}a.ubin:hover .panah-bulat,a.ubin:hover>svg.ikon{transform:none}}.lonceng{position:relative;flex:none}.tombol-lonceng{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--outline);border-radius:50%;background:var(--surface-raised);color:var(--ink);cursor:pointer;transition:background .2s,transform .2s}.tombol-lonceng:hover{background:var(--surface-sunken)}.tombol-lonceng:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.tombol-lonceng[aria-expanded=true] svg{animation:goyang .6s}.titik-lonceng{position:absolute;top:-4px;inset-inline-end:-4px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--aksen);color:#fff;font:700 11px/1 var(--font-sans);box-shadow:0 0 0 2px var(--surface-raised);animation:denyut 2.4s ease-out infinite}.tirai-lonceng{position:fixed;inset:0;z-index:58;background:#0a232659;animation:muncul .2s both}.panel-lonceng{position:absolute;inset-inline-end:0;top:calc(100% + 12px);z-index:59;width:min(380px,calc(100vw - 24px));max-height:min(520px,72vh);overflow:auto;display:flex;flex-direction:column;border:1px solid rgba(20,40,30,.08);border-radius:24px;background:var(--surface-raised);color:var(--ink);box-shadow:0 22px 50px #14281e47;transform-origin:top right;animation:menu-buka .25s cubic-bezier(.2,.8,.2,1) both}.kepala-panel{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px;background:var(--surface-raised)}.kepala-panel h2{margin:0;font:600 19px var(--font-display);letter-spacing:-.01em}.aksi-panel{display:flex;gap:14px;font-size:13px}.aksi-panel .tautan-teks,.kaki-panel .tautan-teks{color:var(--ink);text-decoration-color:var(--outline);text-underline-offset:3px;font-weight:600}.kosong-panel{margin:0;padding:28px 22px 32px;color:var(--ink-muted);text-align:center;line-height:1.6}.daftar-notif{padding:0 8px 8px}.butir-notif{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px 10px;border-radius:16px;color:var(--ink);text-decoration:none;background:none;transition:background .2s}a.butir-notif:hover{background:var(--surface-sunken)}a.butir-notif:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.ikon-notif{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--surface-sunken)}.jenis-streak{background:var(--aksen-soft)}.jenis-peringkat{background:#fdecc4}.jenis-konten{background:var(--pasangan)}.jenis-belajar{background:var(--lime)}.jenis-kasus{background:var(--pink)}.teks-notif{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13.5px;line-height:1.45;color:var(--ink-muted)}.teks-notif b{font:600 14.5px/1.35 var(--font-sans);color:var(--ink)}.teks-notif small{margin-top:2px;font-size:12px;color:var(--ink-muted)}.penanda-baru{flex:none;width:9px;height:9px;margin-top:6px;margin-inline-start:auto;border-radius:50%;background:var(--aksen)}.kaki-panel{display:flex;flex-wrap:wrap;gap:6px 18px;padding:12px 18px 16px;border-top:1px solid var(--divider);font-size:13px;color:var(--ink-muted)}.kaki-panel span{display:inline-flex;align-items:center;gap:6px}@keyframes goyang{20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}@keyframes denyut{0%,60%,to{box-shadow:0 0 0 2px var(--surface-raised)}70%{box-shadow:0 0 0 2px var(--surface-raised),0 0 0 7px #f2682a4d}}@keyframes muncul{0%{opacity:0}}@media (min-width:981px){:is(body.layar-hasil,body.layar-beranda) .kepala .tombol-lonceng{border:0;background:#ffffff2e;color:#fff}:is(body.layar-hasil,body.layar-beranda) .kepala .tombol-lonceng:hover{background:#ffffff4d}:is(body.layar-hasil,body.layar-beranda) .kepala .titik-lonceng{box-shadow:0 0 0 2px #0f3a38}}@media (max-width:720px){.panel-lonceng{position:fixed;inset-inline:10px;top:auto;bottom:calc(var(--tinggi-nav-bawah) + env(safe-area-inset-bottom,0px));width:auto;max-height:70vh;border-radius:28px;transform-origin:bottom center;animation:lembar-naik .3s cubic-bezier(.2,.8,.2,1) both}}@keyframes lembar-naik{0%{opacity:0;transform:translateY(24px)}}.kepala .tautan-streak{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:1px solid var(--outline);border-radius:var(--radius-pill);background:var(--surface-raised);font:700 14px var(--font-display);white-space:nowrap;text-decoration:none}.kepala .tautan-streak:hover{background:var(--surface-sunken);text-decoration:none}.kepala .tautan-streak.redup{opacity:1;color:var(--ink-muted)}@media (min-width:981px){:is(body.layar-hasil,body.layar-beranda) .kepala .tautan-streak{border:0;background:#ffffff2e;color:#fff}:is(body.layar-hasil,body.layar-beranda) .kepala .tautan-streak:hover{background:#ffffff4d}:is(body.layar-hasil,body.layar-beranda) .kepala .tautan-streak.redup{color:#ffffffd9}}@media (max-width:720px){:root{--tinggi-nav-bawah:88px}.nav-bawah{inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;gap:4px;height:64px;padding:6px;border:1px solid rgba(255,255,255,.16);border-radius:32px;background:linear-gradient(135deg,#0a2326e6,#0f3a38e0);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 16px 40px #05191973,inset 0 1px #ffffff1f}.nav-bawah-item{position:relative;flex:1 1 0;flex-direction:row;gap:0;min-height:0;height:100%;border-radius:26px;color:#ffffffb8;font-size:0;transition:flex-grow .45s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,box-shadow .3s,gap .3s}.nav-bawah-item .ikon{box-sizing:content-box;padding:0;border-radius:0;background:none;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.nav-bawah-item:active .ikon{transform:scale(.88)}.nav-bawah-item[aria-current=page]{flex-grow:2.4;gap:8px;color:#0e0f10;font:700 13px/1 var(--font-sans);white-space:nowrap;background:linear-gradient(135deg,#fff,#d9fbe9);box-shadow:0 0 0 1px #ffffff80,0 6px 22px #6eebaa66}.nav-bawah-item[aria-current=page] .ikon{background:none;color:#0e0f10}.nav-bawah-item:nth-child(3):not([aria-current=page]) .ikon{padding:11px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#f2682a,#ff9b3d);box-shadow:0 0 22px #f2682a99}.nav-bawah-item:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}}.sapa-hp,.judul-contoh-hp{display:none}.sembunyi-visual{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width:720px){.sapa-beranda{display:none}.sapa-hp{display:flex;flex-direction:column;gap:18px;min-width:0;animation:naik .6s cubic-bezier(.2,.7,.2,1) both}.judul-contoh-hp{display:block;margin:10px 0 -8px;font:600 18px var(--font-display);letter-spacing:-.01em}.hero-beranda{padding-top:76px;gap:16px}body.layar-beranda .kepala{position:absolute;inset-inline:0;top:0;padding:14px 16px;background:transparent;border:0;color:#fff}body.layar-beranda .kepala :is(.tombol-kepala,.pilih-bahasa,.tombol-lonceng){border:0;background:#ffffff29;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.layar-beranda .kepala .pilih-bahasa{width:84px;font-size:12.5px}body.layar-beranda .kepala .pilih-bahasa option{color:#14181a}body.layar-beranda .kepala .titik-lonceng{box-shadow:0 0 0 2px #0f3a38}body.layar-beranda .kepala .streak-kepala{display:none}.salam-hp{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ahlan{margin:0;font:500 28px/1.2 var(--font-display);letter-spacing:-.01em;color:#ffffffc7}.nama-hp{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:#fff;cursor:pointer}.nama-hp h1{margin:0;font:500 28px/1.2 var(--font-display);letter-spacing:-.01em;text-wrap:balance;animation:none}.ajakan-hp{flex-basis:100%;margin:2px 0 0;font:400 20px/1.3 var(--font-display);letter-spacing:-.01em;color:#fffc;text-wrap:balance}.nama-hp svg{opacity:.55;transition:opacity .2s}.nama-hp:hover svg{opacity:1}.nama-hp:focus-visible,.isi-nama input:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:12px}.isi-nama{display:flex;flex-direction:column;gap:8px;animation:naik .5s cubic-bezier(.2,.7,.2,1) both}.isi-nama label{font:600 18px var(--font-display)}.baris-isi-nama{display:flex;gap:8px}.isi-nama input{flex:1;min-width:0;height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-pill);background:#ffffff1f;color:#fff;font:500 16px var(--font-sans)}.isi-nama input::placeholder{color:#fff9}.isi-nama small{padding-inline:6px;color:#ffffffbf}}.kartu-streak{grid-column:1/-1;display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:28px;color:#fff;animation:naik .6s .25s cubic-bezier(.2,.7,.2,1) both;background:radial-gradient(360px 200px at 100% 0%,rgba(255,150,40,.4),transparent 70%),radial-gradient(300px 200px at 0% 100%,rgba(60,210,170,.25),transparent 70%),linear-gradient(135deg,#0a2326,#0f3a38 60%,#0b2a2b)}.atas-streak{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.atas-streak>div,.tamu-streak>div{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13px;color:#ffffffd9}.angka-streak{font:600 20px/1.2 var(--font-display);color:#fff}.api-streak{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:50%;background:radial-gradient(closest-side,#ff962866,#ff962814);animation:api-hidup 2.4s ease-in-out infinite alternate}.api-streak.redup{opacity:.9;animation:none;background:#ffffff1a}.api-streak.redup svg:not(.ikon-api){color:#ffffffd9}.xp-streak{padding:6px 12px;border-radius:var(--radius-pill);background:#ffffff24;font:600 12.5px var(--font-sans);white-space:nowrap}.hari-streak{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:0}.hari-streak li{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;color:#ffffffbf}.hari-streak i{display:grid;place-items:center;width:30px;height:30px;border:1.5px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-style:normal}.hari-streak .aktif i{border-color:transparent;background:var(--aksen);box-shadow:0 0 14px #f2682a8c}.hari-streak .hari-ini i{outline:2px solid #fff;outline-offset:2px}.tamu-streak{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.tamu-streak .tautan-lanjut{grid-column:1/-1;justify-content:flex-start;min-height:40px;margin-top:2px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff80}@media (min-width:721px){.kartu-streak:not(.tamu-streak){flex-direction:row;align-items:center;justify-content:space-between;gap:32px;padding:20px 28px}.kartu-streak .hari-streak{width:min(420px,45%);gap:10px}.tamu-streak{display:none}}@keyframes api-hidup{0%{transform:scale(1)}to{transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.titik-lonceng,.api-streak,.tombol-lonceng[aria-expanded=true] svg,.panel-lonceng,.tirai-lonceng,.sapa-hp,.isi-nama{animation:none}.nav-bawah-item,.nav-bawah-item .ikon{transition:none}}button.tautan-lanjut{padding:0;border:0;background:none;cursor:pointer}html[data-gerak=kurang] *,html[data-gerak=kurang] *:before,html[data-gerak=kurang] *:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}html[data-gerak=kurang] .confetti{display:none}.kontrol-tampilan{position:relative}.panel-tampilan{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:70;display:flex;flex-direction:column;gap:12px;min-width:240px;padding:14px;border:var(--border-w) solid var(--outline);border-radius:14px;background:var(--surface-raised);box-shadow:var(--shadow-pop);color:var(--on-fill)}.panel-tampilan small{color:var(--ink-muted)}.kontrol-tampilan .tombol-lonceng[aria-expanded=true] svg{animation:none}@media (max-width:560px){.panel-tampilan{position:fixed;inset-inline:16px;top:68px;min-width:0}}.hero-pusat{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.sapa-pusat{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}.panel-lanjut{display:flex;align-items:center;gap:22px;padding:22px;border-radius:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);animation:naik .8s .18s cubic-bezier(.2,.7,.2,1) both}.hero-pusat .cincin-progres svg{width:132px;height:132px}.hero-pusat .cincin-latar{stroke:#fff3;stroke-width:9}.hero-pusat .cincin-isi{stroke:#fff;stroke-width:9;stroke-dasharray:var(--panjang);stroke-dashoffset:var(--sisa);animation:isi-cincin 1.2s .5s cubic-bezier(.3,.8,.2,1) both}.hero-pusat .cincin-progres figcaption{gap:3px}.hero-pusat .cincin-progres figcaption b{color:#fff;font-size:26px}.hero-pusat .cincin-progres figcaption span{max-width:none;white-space:nowrap;font:600 10.5px/1.2 var(--font-sans);color:#fffc}.kartu-lanjut-hero{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;margin:0;padding:18px 72px 18px 20px;border-radius:22px;text-decoration:none;color:#0e0f10}.kartu-lanjut-hero b{font:600 20px/1.25 var(--font-display);letter-spacing:-.01em}.kartu-tuntas{flex-direction:row;align-items:center;gap:14px;padding-inline-end:20px}.ikon-tuntas{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--sorot-fardh);color:#fff}.kartu-lanjut-hero .label-langkah{color:#525c57}.kartu-lanjut-hero .panah-bulat{top:50%;margin-top:-22px;inset-inline-end:16px}a.kartu-lanjut-hero:hover .panah-bulat{transform:rotate(-45deg) scale(1.08);background:var(--aksen)}a.kartu-lanjut-hero:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.bagian-belajar{grid-column:1/-1;display:flex;flex-direction:column;gap:12px;min-width:0}.bagian-belajar>.judul-bagian{margin-bottom:0}.bagian-belajar>.keterangan{margin:-6px 4px 0}.catatan-menyusul{margin:2px 4px 0}.jalur-modul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0;padding:0}.jalur-modul>li{display:flex}.ubin-modul{flex:1;min-height:190px;border-color:transparent;background:radial-gradient(240px 180px at 100% 0%,rgba(255,255,255,.6),transparent 70%),linear-gradient(135deg,var(--a),var(--b))}.jalur-modul>li:nth-child(5n+1) .ubin-modul{--a:#d3ebaa;--b:#b7de80}.jalur-modul>li:nth-child(5n+2) .ubin-modul{--a:#fde6d8;--b:#f8c7a6}.jalur-modul>li:nth-child(5n+3) .ubin-modul{--a:#d6e2fb;--b:#b4c8f1}.jalur-modul>li:nth-child(5n+4) .ubin-modul{--a:#fbdbe4;--b:#f1b4c6}.jalur-modul>li:nth-child(5n+5) .ubin-modul{--a:#fde7c9;--b:#f6c68a}.nomor-ubin{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffffbf;font:700 18px var(--font-display)}.ubin-modul .judul-ubin{max-width:calc(100% - 56px);margin-top:auto}.ubin-modul .keterangan,.ubin-soal .keterangan,.ubin-kuis .keterangan{color:color-mix(in srgb,var(--ink) 74%,transparent)}.ubin .bar-progres{height:10px;background:#ffffffbf}.ubin .bar-progres>span{background:var(--aksen);transform-origin:left;animation:isi-bar 1s .8s cubic-bezier(.3,.8,.2,1) both}.deret-ubin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.deret-ubin .ubin{min-height:210px;justify-content:flex-end}.ubin-soal{border-color:transparent;background:radial-gradient(240px 180px at 100% 0%,rgba(255,255,255,.6),transparent 70%),linear-gradient(135deg,#fde6d8,#f8c7a6)}.ubin-kuis{border-color:transparent;background:radial-gradient(240px 180px at 100% 0%,rgba(255,255,255,.6),transparent 70%),linear-gradient(135deg,#d6e2fb,#b4c8f1)}.ubin-acak{color:#fff;border-color:transparent;background:radial-gradient(420px 260px at 85% 110%,rgba(255,150,40,.5),transparent 70%),radial-gradient(360px 220px at 0% 0%,rgba(60,210,170,.3),transparent 70%),linear-gradient(135deg,#0a2326,#0f3a38 60%,#0b2a2b)}.ubin-acak:before{background:radial-gradient(300px circle at var(--px,50%) var(--py,0%),rgba(255,170,80,.4),transparent 70%)}.ubin-acak .keterangan{color:#fffc}.ubin-acak .panah-bulat{background:#fff;color:#0e0f10}.ubin-acak>svg.ikon{opacity:.08}.ubin .angka-besar{font:600 clamp(40px,4vw,54px)/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.ubin .angka-besar small{font-size:.45em;color:inherit;opacity:.6;letter-spacing:0}.tautan-cari.menyusul{opacity:.55;text-decoration:none;cursor:not-allowed}.halaman-belajar .zona-reset,.halaman-belajar .tombol-hapus-semua{margin-top:4px}.halaman-belajar .zona-reset{grid-column:1/-1}@media (max-width:980px){.hero-pusat{grid-template-columns:1fr}.jalur-modul>li{grid-column:span 3!important}.jalur-modul>li:last-child:nth-child(odd){grid-column:1/-1!important}.deret-ubin{grid-template-columns:1fr 1fr}.deret-ubin .ubin-acak{grid-column:1/-1}}@media (max-width:560px){.panel-lanjut{flex-direction:column;align-items:stretch;padding:18px}.hero-pusat .cincin-progres{align-self:center}.hero-pusat .cincin-progres svg{width:112px;height:112px}.jalur-modul{grid-template-columns:1fr}.jalur-modul>li,.jalur-modul>li:last-child:nth-child(odd){grid-column:1/-1!important}.ubin-modul{min-height:150px}.deret-ubin{grid-template-columns:1fr}.deret-ubin .ubin{min-height:170px}}@media (prefers-reduced-motion:reduce){.panel-lanjut,.hero-pusat .cincin-isi,.ubin .bar-progres>span{animation:none}a.kartu-lanjut-hero:hover .panah-bulat{transform:none}}@media (max-width:720px){.hero-pusat{padding-top:88px}}.halaman-materi{margin:0;padding:0 0 24px}.hero-materi{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px var(--sisi) 36px;color:#fff;background:radial-gradient(520px 260px at 90% 120%,rgba(255,150,40,.45),transparent 70%),radial-gradient(420px 240px at 0% 0%,rgba(60,210,170,.3),transparent 70%),linear-gradient(135deg,#0a2326,#0f3a38 60%,#0b2a2b)}.baris-hero-materi{display:flex;align-items:center;justify-content:space-between;gap:12px;align-self:stretch;margin-bottom:10px}.hero-materi .tombol-kembali,.hero-materi .tombol-bagikan{color:#fff;border-radius:var(--radius-pill);background:#ffffff24}.hero-materi .tombol-kembali:hover,.hero-materi .tombol-bagikan:hover{background:#ffffff47}.hero-materi h1{margin:0;max-width:24ch;font:500 clamp(30px,4vw,52px)/1.08 var(--font-display);letter-spacing:-.03em;text-wrap:balance}.hero-materi .lead{max-width:62ch;margin:0;font-size:17px;color:#ffffffe0}.hero-materi .label-langkah{color:#ffffffbf}.hero-materi .lencana-draf{color:#fff;padding:4px 12px;border-radius:99px;background:#ffffff29}.halaman-materi>.tata-materi{max-width:none;padding:28px var(--sisi) 72px;grid-template-columns:300px minmax(0,1fr);gap:28px}@media (min-width:981px){body.layar-beranda .halaman-materi>.hero-materi{padding-top:104px}.hero-materi .baris-hero-materi{margin-top:6px}}.tata-materi>.konten-materi{padding:36px 40px;border:1px solid rgba(20,40,30,.08);border-radius:28px;background:var(--surface-raised)}.isi-materi h2{margin:36px 0 10px;font:600 24px/1.25 var(--font-display);letter-spacing:-.02em}.isi-materi>:first-child{margin-top:0}.catatan-materi{padding:14px 18px;border-radius:16px;background:var(--aksen-soft)}.wadah-tabel-materi{border:1px solid var(--divider);border-radius:16px}.tabel-materi{width:100%}.tabel-materi th,.tabel-materi td{border:0;border-bottom:1px solid var(--divider)}.tabel-materi tr:last-child td{border-bottom:0}.tabel-materi th{background:#e9f3d6;font-weight:700}.contoh-kasus{padding:20px;border:0;border-radius:20px;background:var(--krem)}.video-materi iframe{border:0;border-radius:20px}.navigasi-materi{border-top-color:var(--divider);padding-top:20px}.navigasi-materi .aw-btn{border:0;border-radius:var(--radius-pill);background:var(--surface-sunken);box-shadow:none}.navigasi-materi .aw-btn:hover{background:var(--outline);transform:none}.navigasi-materi .berikutnya{background:var(--primary);color:var(--on-primary);margin-inline-start:auto}.navigasi-materi .berikutnya:hover{background:var(--ink-muted)}.sidebar-materi{border:1px solid rgba(20,40,30,.08);border-radius:24px}.sidebar-materi .angka-progres{font-weight:600}.tata-materi .bar-progres>span{background:var(--sorot-fardh)}.modul-sidebar{padding:4px 8px}.modul-sidebar+.modul-sidebar{border-top:1px solid var(--divider)}summary.judul-modul-sidebar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:10px 8px;border-radius:12px;cursor:pointer;list-style:none;text-transform:none;letter-spacing:0;font:700 14px/1.35 var(--font-sans);color:var(--ink)}summary.judul-modul-sidebar::-webkit-details-marker{display:none}summary.judul-modul-sidebar:hover{background:var(--surface-sunken)}summary.judul-modul-sidebar small{flex:none;padding:2px 8px;border-radius:99px;background:var(--surface-sunken);font:600 12px var(--font-sans);color:var(--ink-muted);font-variant-numeric:tabular-nums}summary.judul-modul-sidebar:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.modul-sidebar.modul-menyusul{margin:0;padding:10px 16px;font:500 13px var(--font-sans);color:var(--ink-muted);text-transform:none;letter-spacing:0}.modul-sidebar ol{padding-bottom:6px}.pelajaran-sidebar{align-items:flex-start;border-radius:12px;font-weight:500}.pelajaran-sidebar.selesai{color:var(--ink-muted)}.tanda-pelajaran{display:grid;place-items:center;flex:none;width:18px;height:18px;margin-top:1px;border:1.5px solid var(--outline);border-radius:50%;font:700 10px/1 var(--font-sans);color:#fff}.pelajaran-sidebar.selesai .tanda-pelajaran{border-color:var(--sorot-fardh);background:var(--sorot-fardh)}.pelajaran-sidebar[aria-current=page]{background:#e9f3d6;color:var(--ink);font-weight:700}.isi-materi{counter-reset:bagian}.isi-materi h2{counter-increment:bagian;scroll-margin-top:88px}.isi-materi h2:before{content:counter(bagian,decimal-leading-zero);display:block;margin-bottom:4px;font:700 12px/1 var(--font-sans);letter-spacing:.12em;color:var(--aksen)}.bilah-baca{position:fixed;inset-inline:0;top:0;z-index:30;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--divider);box-shadow:0 6px 24px #14281e14;transform:translateY(-110%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s .3s}.bilah-baca.tampil{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.isi-bilah-baca{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1320px;margin:0 auto;padding:10px 24px}.teks-bilah-baca{display:flex;flex-direction:column;gap:2px;min-width:0}.teks-bilah-baca b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px/1.3 var(--font-display)}.teks-bilah-baca span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 13px/1.3 var(--font-sans);color:var(--ink-muted)}.tombol-isi-bilah{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:44px;padding:0 14px;border:0;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--ink);font:600 13.5px var(--font-sans);cursor:pointer}.tombol-isi-bilah:hover{background:var(--outline)}.tombol-isi-bilah:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.menu-isi-bilah{max-width:1320px;margin:0 auto;padding:4px 24px 14px;max-height:60vh;overflow-y:auto}.bar-baca{display:block;height:3px;background:var(--divider)}.bar-baca>span{display:block;height:100%;background:var(--aksen);transition:width .15s linear}.daftar-bagian{display:flex;flex-direction:column;gap:2px}.tautan-bagian{display:flex;background:none;gap:10px;align-items:baseline;padding:7px 10px;border-radius:12px;color:var(--ink-muted);text-decoration:none;font:500 14px/1.4 var(--font-sans)}.tautan-bagian:hover{background:var(--surface-sunken);color:var(--ink)}.tautan-bagian[aria-current=location]{background:var(--surface-sunken);color:var(--ink);font-weight:700}.tautan-bagian:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.nomor-bagian{flex:none;font:700 11px var(--font-sans);letter-spacing:.08em;color:var(--aksen);font-variant-numeric:tabular-nums}.rail-isi{display:none}@media (min-width:1280px){.halaman-materi>.tata-materi{grid-template-columns:300px minmax(0,1fr) 240px}.rail-isi{display:flex;flex-direction:column;gap:8px;position:sticky;top:88px;align-self:start;max-height:calc(100vh - 112px);overflow-y:auto}.rail-isi .label-langkah{padding-inline:10px}.tombol-isi-bilah{display:none}}@media (max-width:980px){.isi-bilah-baca,.menu-isi-bilah{padding-inline:16px}.halaman-materi>.tata-materi{grid-template-columns:1fr;gap:16px;padding-top:20px}}@media (max-width:860px){.tata-materi>.konten-materi{padding:24px 20px;border-radius:24px}}@media (max-width:720px){.hero-materi{padding-top:88px}}@media (prefers-reduced-motion:reduce){.bilah-baca,.bilah-baca.tampil{transition:none}.bar-baca>span{transition:none}}@media (min-width:861px){.sidebar-materi{top:88px;max-height:calc(100vh - 108px)}}.navigasi-materi{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:560px){.navigasi-materi>*{flex:1 1 40%}.navigasi-materi>:nth-child(2):not(:last-child){flex-basis:100%;order:3}}@keyframes lab-naik{0%{opacity:0;transform:translateY(14px)}}.bagian-lab{grid-column:1/-1;display:flex;flex-direction:column;gap:12px;min-width:0}.bagian-lab>.judul-bagian{margin-bottom:0}.bagian-lab>.keterangan{margin:-6px 4px 0}.panel-lab{display:flex;flex-direction:column;gap:14px;min-width:0;padding:18px;border-radius:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);animation:naik .8s .18s cubic-bezier(.2,.7,.2,1) both}.panel-lab-kosong{padding:22px}.lab-panggung{display:flex;flex-direction:column;gap:12px;min-width:0;padding:6px 6px 0}.lab-panggung .pratinjau-pohon{cursor:default}.panel-lab button.kartu-lanjut-hero{width:100%;border:0;font:inherit;text-align:start;cursor:pointer}.panel-lab .kartu-lanjut-hero .keterangan{margin:0;font-size:14px;color:var(--ink-muted)}.panel-lab button.kartu-lanjut-hero:hover .panah-bulat{transform:rotate(-45deg) scale(1.08);background:var(--aksen)}.panel-lab button.kartu-lanjut-hero:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.lab-ubin-cepat,.lab-ubin-soal{display:grid;gap:14px;margin:0;padding:0}.lab-ubin-cepat{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.lab-ubin-soal{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-ubin-cepat>li,.lab-ubin-soal>li{display:flex}button.ubin{width:100%;font:inherit;text-align:start;cursor:pointer}button.ubin:hover{transform:translateY(-4px);box-shadow:0 18px 40px #14281e29}button.ubin:hover:before{opacity:1}button.ubin:hover .panah-bulat{transform:rotate(-45deg) scale(1.08);background:var(--aksen)}button.ubin:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.ubin-lab{flex:1;min-height:200px;border-color:transparent;background:radial-gradient(240px 180px at 100% 0%,rgba(255,255,255,.6),transparent 70%),linear-gradient(135deg,var(--a),var(--b))}li:nth-child(5n+1)>.ubin-lab,.lab-berkas:nth-child(5n+1){--a:#d3ebaa;--b:#b7de80}li:nth-child(5n+2)>.ubin-lab,.lab-berkas:nth-child(5n+2){--a:#fde6d8;--b:#f8c7a6}li:nth-child(5n+3)>.ubin-lab,.lab-berkas:nth-child(5n+3){--a:#d6e2fb;--b:#b4c8f1}li:nth-child(5n+4)>.ubin-lab,.lab-berkas:nth-child(5n+4){--a:#fbdbe4;--b:#f1b4c6}li:nth-child(5n+5)>.ubin-lab,.lab-berkas:nth-child(5n+5){--a:#fde7c9;--b:#f6c68a}.ubin-lab .judul-ubin{margin-top:auto}.ubin-lab .keterangan{color:color-mix(in srgb,var(--ink) 74%,transparent)}.ubin-nol{color:#fff;background:radial-gradient(320px 220px at 85% 110%,rgba(255,150,40,.45),transparent 70%),linear-gradient(135deg,#0a2326,#0f3a38 60%,#0b2a2b)!important}.ubin-nol .keterangan{color:#fffc}.ubin-nol .panah-bulat{background:#fff;color:#0e0f10}.ubin-nol>svg.ikon{position:static;opacity:1;stroke-width:1.6;transform:none;margin-top:2px}.lab-avatar-deret{display:flex;padding-top:2px}.lab-avatar-deret .avatar-orang{box-shadow:0 0 0 3px #ffffffd9}.lab-avatar-deret .avatar-orang+.avatar-orang{margin-inline-start:-10px}.ubin-lab-soal .tingkat{font-size:13px;letter-spacing:.02em}.lab-impor{align-self:flex-start}.lab-rak-daftar{display:flex;margin:0;padding:34px 30px 44px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:30px;scroll-behavior:smooth;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 30px,#000 calc(100% - 30px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 30px,#000 calc(100% - 30px),transparent 100%)}.lab-rak-daftar::-webkit-scrollbar{display:none}.lab-berkas{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px 30px 16px 12px;border:1px solid rgba(20,40,30,.08);border-radius:24px;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 10px 26px #14281e24;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;animation:lab-naik .5s calc(var(--urut,0)*70ms) cubic-bezier(.2,.7,.2,1) both}.lab-rak-daftar .lab-berkas{flex:0 0 min(292px,82vw);scroll-snap-align:center;transform:rotate(var(--miring,0deg)) translateY(var(--turun,0px))}.lab-rak-daftar .lab-berkas+.lab-berkas{margin-inline-start:-26px}.lab-rak-daftar .lab-berkas:nth-child(4n+1){--miring:-3deg}.lab-rak-daftar .lab-berkas:nth-child(4n+2){--miring:2deg;--turun:10px}.lab-rak-daftar .lab-berkas:nth-child(4n+3){--miring:-1.5deg;--turun:2px}.lab-rak-daftar .lab-berkas:nth-child(4n+4){--miring:3deg;--turun:12px}.lab-rak-daftar .lab-berkas:hover,.lab-rak-daftar .lab-berkas:focus-within{z-index:5;transform:rotate(0) translateY(-14px);box-shadow:0 24px 46px #14281e3d}.lab-berkas .pratinjau-pohon{padding:8px;border-radius:16px;background:linear-gradient(135deg,#0a2326,#0f3a38 60%,#0b2a2b);cursor:default}.lab-berkas h3{margin:6px 4px 0;font:600 19px/1.25 var(--font-display);letter-spacing:-.01em;overflow-wrap:anywhere}.lab-berkas .keterangan{margin:0 4px;font-size:14px;color:color-mix(in srgb,var(--ink) 74%,transparent)}.lab-berkas-aksi{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;margin:4px 4px 0}.lab-berkas-aksi .tautan-aksi{font-size:13.5px}.lab-status{align-self:flex-start;margin:2px 4px 0;padding:4px 10px;border:1px solid rgba(20,24,26,.35);border-radius:var(--radius-pill);font:700 12px var(--font-sans);color:var(--ink)}.lab-status.tersimpan{border-color:transparent;background:#14181ae6;color:#fff}.hero-kusmusu{padding-bottom:36px}.lab-berkas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin:0;padding:6px 0 20px}.lab-alat{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}.lab-alat .isian{flex:1 1 220px;max-width:340px}.lab-filter{display:flex;gap:2px;padding:3px;border-radius:var(--radius-pill);background:#14281e14}.lab-filter button{min-height:40px;padding:0 16px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink);font:600 13.5px var(--font-sans);cursor:pointer;transition:background .25s,color .25s}.lab-filter button[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.lab-filter button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button.tautan-cari{padding:0;border:0;background:none;cursor:pointer}@media (max-width:980px){.lab-ubin-soal{grid-template-columns:1fr 1fr}}@media (max-width:560px){.lab-ubin-soal{grid-template-columns:1fr}.ubin-lab{min-height:150px;padding:18px}.ubin-lab .panah-bulat{top:14px;inset-inline-end:14px;width:38px;height:38px}.lab-avatar-deret .avatar-orang{width:30px!important;height:30px!important;font-size:13px!important}.lab-avatar-deret .avatar-orang+.avatar-orang{margin-inline-start:-8px}.panel-lab{padding:14px}}@media (prefers-reduced-motion:reduce){.panel-lab,.lab-berkas{animation:none;transition:none}.lab-rak-daftar{scroll-behavior:auto}.lab-rak-daftar .lab-berkas:nth-child(n){transform:none}.lab-rak-daftar .lab-berkas:hover,.lab-rak-daftar .lab-berkas:focus-within,button.ubin:hover{transform:none}.panel-lab button.kartu-lanjut-hero:hover .panah-bulat,button.ubin:hover .panah-bulat{transform:none}}.halaman-rujukan .isi-rujukan{display:flex;flex-direction:column;gap:22px;padding:28px var(--sisi) 80px;min-width:0}.halaman-rujukan .hero-materi .label-status{background:#ffffff29;color:#fff}.baris-label{display:flex;flex-wrap:wrap;gap:8px;margin:0}.judul-bagian-rujukan{margin:0 4px;font:600 26px/1.2 var(--font-display);letter-spacing:-.02em}.label-status{display:inline-block;padding:3px 12px;border-radius:999px;background:var(--primary-soft);color:var(--ink);font-size:13px;font-weight:700;white-space:nowrap}.panel-cari-rujukan{display:flex;flex-direction:column;gap:10px;width:min(100%,620px);margin-top:10px;padding:14px;border-radius:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)}.kolom-cari-rujukan{width:100%;box-sizing:border-box;padding:14px 20px;border:0;border-radius:999px;font:inherit;background:#fff;color:#0e0f10}.kolom-cari-rujukan:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hasil-cari-rujukan{color:#fff;max-height:300px;overflow:auto;padding:0 6px}.hasil-cari-rujukan p{margin:0 0 6px}.hasil-cari-rujukan li a{display:flex;flex-direction:column;gap:2px;padding:10px 4px;color:#fff;text-decoration:none;border-top:1px solid rgba(255,255,255,.14)}.hasil-cari-rujukan li a:hover b{text-decoration:underline}.hasil-cari-rujukan li a span{font-size:14px;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deret-ubin-rujukan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0}.deret-ubin-rujukan>li{display:flex}.ubin-rujukan{flex:1;min-height:250px;justify-content:flex-end;border-color:transparent;background:radial-gradient(240px 180px at 100% 0%,rgba(255,255,255,.6),transparent 70%),linear-gradient(135deg,var(--a),var(--b))}li:nth-child(5n+1)>.ubin-rujukan{--a:#d3ebaa;--b:#b7de80}li:nth-child(5n+2)>.ubin-rujukan{--a:#fde6d8;--b:#f8c7a6}li:nth-child(5n+3)>.ubin-rujukan{--a:#d6e2fb;--b:#b4c8f1}li:nth-child(5n+4)>.ubin-rujukan{--a:#fbdbe4;--b:#f1b4c6}li:nth-child(5n+5)>.ubin-rujukan{--a:#fde7c9;--b:#f6c68a}.ubin-rujukan>svg.ikon{position:absolute;inset-block-start:22px;inset-inline-start:22px;opacity:.12}.ubin-rujukan .angka-ubin{font:600 clamp(36px,3.4vw,48px)/1 var(--font-display);letter-spacing:-.03em}.ubin-rujukan .angka-ubin small{font:600 14px var(--font-sans);letter-spacing:0;opacity:.65}.ubin-rujukan .keterangan{color:color-mix(in srgb,var(--ink) 74%,transparent);font-size:14px;line-height:1.45}.baris-kategori{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;padding:2px;mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}.baris-kategori::-webkit-scrollbar{display:none}.baris-kategori a{flex:none;padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:600;color:var(--ink);background:#fff;border:1px solid rgba(20,40,30,.1);transition:background .2s,transform .2s}.baris-kategori a:hover{transform:translateY(-2px)}.baris-kategori a small{margin-inline-start:4px;opacity:.6;font-weight:700}.baris-kategori a[aria-current=page]{background:var(--ink);color:#fff;border-color:var(--ink)}.susunan-kartu{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none}.kartu-dalil{display:flex;flex-direction:column;gap:14px;margin:0;padding:24px 26px;border:1px solid rgba(20,40,30,.08);border-radius:28px;background:#fff}.kartu-dalil p{margin:0;line-height:1.65}.kartu-dalil h2{margin:0;font:600 20px/1.3 var(--font-display);letter-spacing:-.01em}.kepala-kartu{display:flex;align-items:center;justify-content:space-between;gap:12px}.kartu-dalil .kutipan-arab{margin:0;padding:22px 24px;border-radius:20px;background:#eef6e2;font:400 clamp(21px,2.2vw,26px)/2.2 var(--font-arab);transition:color .2s}.kartu-dalil .kutipan-arab.ada-sorot{color:#6b7570}mark.syahid{padding:2px 8px;border-radius:10px;background:#ffc98a;color:#14181a;font-weight:700;box-shadow:inset 0 -4px 0 var(--aksen);-webkit-box-decoration-break:clone;box-decoration-break:clone}.bagian-hukum{display:flex;flex-direction:column;gap:10px}.petunjuk-hukum{color:var(--ink-muted);font-size:15px}.daftar-hukum{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.pil-hukum{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid rgba(20,40,30,.14);border-radius:999px;background:#fff;color:var(--ink);font:600 15px/1.35 var(--font-sans);text-align:start}button.pil-hukum{cursor:pointer;transition:transform .2s,background .2s}button.pil-hukum:hover{transform:translateY(-2px);background:var(--aksen-soft)}button.pil-hukum[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}button.pil-hukum:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.catatan-sorot{padding:10px 14px;border-radius:14px;background:var(--aksen-soft);font-size:15px}.kartu-bersandar .pil-hukum{background:var(--aksen-soft);border-color:transparent}.teks-hadits{font-size:17px;line-height:1.8}.teks-hadits:lang(ar){font:400 clamp(21px,2.2vw,26px)/2.2 var(--font-arab)}.sumber-hadits{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;color:var(--ink-muted);font-size:14px}.deret-kitab{columns:2 340px;column-gap:16px}.kartu-kitab{--b:#5d8a3c;--b2:#86b25f;position:relative;display:grid;grid-template-columns:30px 1fr;break-inside:avoid;margin-bottom:22px;border-radius:6px 20px 20px 6px;background:#fffcf3;box-shadow:0 1px 2px #281e0a2e,0 18px 28px -14px #281e0a61;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)}.kartu-kitab:hover{transform:translateY(-4px);box-shadow:0 2px 3px #281e0a2e,0 26px 34px -14px #281e0a6b}.kartu-kitab:nth-child(5n+1){--b:#5d8a3c;--b2:#86b25f}.kartu-kitab:nth-child(5n+2){--b:#c0603a;--b2:#e08a62}.kartu-kitab:nth-child(5n+3){--b:#3f5fa6;--b2:#6b8bd0}.kartu-kitab:nth-child(5n+4){--b:#a8486a;--b2:#d27a98}.kartu-kitab:nth-child(5n+5){--b:#bf861c;--b2:#e3ac4a}.punggung-kitab{border-radius:6px 0 0 6px;background:var(--b);box-shadow:inset -4px 0 #00000024}.sampul-kitab{display:flex;flex-direction:column;gap:10px;min-width:0;padding:24px 28px 22px 24px}.sampul-kitab h2{margin:0;font:600 21px/1.28 var(--font-display);letter-spacing:-.01em;text-wrap:balance}.sampul-kitab p{margin:0}.penulis-kitab{color:var(--ink-muted);font-size:14px}.keterangan-kitab{line-height:1.65}@media (prefers-reduced-motion:reduce){.kartu-kitab,.kartu-kitab:hover{transition:none;transform:none}}.aksi-kitab{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:auto}.bagian-bab{display:flex;flex-direction:column;gap:14px}.kepala-bagian-bab h2{margin:0 0 4px;font:600 26px/1.2 var(--font-display);letter-spacing:-.02em}.kepala-bagian-bab p{margin:0}.saring-bab{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.label-saring{margin-inline-end:4px;color:var(--ink-muted);font-size:14px;font-weight:600}.pil-saring{padding:8px 16px;border:1px solid rgba(20,40,30,.12);border-radius:999px;background:#fff;color:var(--ink);font:600 14px var(--font-sans);cursor:pointer;transition:background .2s}.pil-saring:hover{background:var(--aksen-soft)}.pil-saring[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.pil-saring:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.deret-bab{columns:3 340px;column-gap:14px}.kartu-bab{break-inside:avoid;margin-bottom:14px;display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:28px;background:linear-gradient(135deg,var(--a,#d3ebaa),var(--b,#b7de80));border:1px solid transparent}.kartu-bab:nth-child(5n+2){--a:#fde6d8;--b:#f8c7a6}.kartu-bab:nth-child(5n+3){--a:#d6e2fb;--b:#b4c8f1}.kartu-bab:nth-child(5n+4){--a:#fbdbe4;--b:#f1b4c6}.kartu-bab:nth-child(5n+5){--a:#fde7c9;--b:#f6c68a}.kartu-bab header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.kartu-bab h3{margin:0;font:600 18px/1.3 var(--font-display)}.kartu-bab .label-status{background:#ffffffbf}.kartu-bab ul{display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.kartu-bab li a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:16px;background:#ffffffb8;color:var(--ink);text-decoration:none;line-height:1.4;transition:background .2s,transform .2s}.kartu-bab li a:hover{background:#fff;transform:translate(2px)}.kartu-bab li a svg{flex:none;opacity:.55}.kartu-bab .tautan-teks{align-self:flex-start;color:var(--ink)}.daftar-dikaji{display:flex;flex-direction:column;gap:10px;margin:0;padding:0}.baris-dikaji{display:flex;flex-direction:column;gap:4px;padding:18px 22px;border-radius:22px;background:#fff;border:1px solid rgba(20,40,30,.08);color:var(--ink);text-decoration:none}.baris-dikaji span{color:var(--ink-muted);font-size:15px}.baris-dikaji:hover{background:var(--aksen-soft)}.penampil-penuh{display:flex;flex-direction:column;gap:12px;height:calc(100dvh - 120px);min-height:460px}.penampil-penuh .tautan-teks{align-self:flex-start}.penampil-penuh .penampil-kitab{flex:1;width:100%;border:0;border-radius:24px;background:#fff}@media (max-width:1100px){.deret-ubin-rujukan{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.deret-ubin-rujukan{grid-template-columns:1fr}.ubin-rujukan{min-height:190px}.kartu-dalil{padding:18px}.deret-kitab,.deret-bab{columns:1}}@media (prefers-reduced-motion:reduce){.ubin-rujukan,.baris-kategori a,button.pil-hukum,.kartu-bab li a{transition:none}}.kartu-bab li[hidden]{display:none}.hero-latihan{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;overflow:visible;z-index:2}.hero-latihan:after{left:0;top:0}.hero-latihan .sapa-pusat{padding-top:6px}.isi-latihan{display:flex;flex-direction:column;gap:14px;padding:26px var(--sisi) 0}.panel-acak{display:flex;flex-direction:column;gap:14px;min-width:0;padding:22px;border-radius:28px;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);animation:naik .8s .18s cubic-bezier(.2,.7,.2,1) both}.panel-acak h2{display:flex;align-items:center;gap:10px;margin:0;font:600 22px/1.2 var(--font-display);letter-spacing:-.01em;text-wrap:balance}.panel-acak .keterangan{color:#ffffffd1}.panel-acak .tingkat-dasar{color:#8ee6b4}.panel-acak .tingkat-menengah{color:#ffd37a}.panel-acak .tingkat-sulit{color:#ffa598}.jumlah-tersedia{margin:0;font-size:14.5px;line-height:1.5;color:#ffffffe0}.pilihan-acak{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dropdown-centang{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0}.label-dropdown{font:600 13px/1 var(--font-sans);color:#fffc}.pemicu-dropdown{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:0 14px;border-radius:14px;background:#00000047;border:1px solid rgba(255,255,255,.28);color:#fff;font:600 15px var(--font-sans);text-align:start;cursor:pointer;transition:background .2s,border-color .2s}.pemicu-dropdown:hover{background:#00000061;border-color:#ffffff80}.pemicu-dropdown>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pemicu-dropdown>svg{flex:none;transform:rotate(-90deg);transition:transform .25s cubic-bezier(.2,.7,.2,1)}.pemicu-dropdown[aria-expanded=true]>svg{transform:rotate(90deg)}.pemicu-dropdown:focus-visible,.tautan-terang:focus-visible,.centang-utamakan:focus-within,.opsi-dropdown:focus-within,.tautan-dropdown:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.panel-dropdown{position:absolute;z-index:30;top:calc(100% + 6px);inset-inline:0;min-width:min(260px,calc(100vw - 32px));display:flex;flex-direction:column;max-height:264px;overflow:auto;padding:6px;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 18px 40px #0a232657,0 2px 8px #0a232629;animation:buka-dropdown .22s cubic-bezier(.2,.7,.2,1) both;overscroll-behavior:contain}.tautan-dropdown{align-self:flex-start;min-height:40px;padding:0 10px;border:0;background:none;color:var(--ink-muted);font:700 13.5px var(--font-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer;border-radius:10px}.opsi-dropdown{text-transform:none;position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:0 10px;border-radius:10px;font:500 15px/1.3 var(--font-sans);cursor:pointer}.opsi-dropdown:hover{background:var(--surface)}.opsi-dropdown input,.centang-utamakan input,.sakelar input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.kotak-centang{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;border:1.5px solid #86938b;color:transparent;transition:background .15s,border-color .15s,color .15s}input:checked+.kotak-centang{background:var(--ink);border-color:var(--ink);color:#fff}.centang-utamakan{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;font:500 15px/1.35 var(--font-sans);cursor:pointer;border-radius:10px}.centang-utamakan .kotak-centang{border-color:#ffffffa6}.centang-utamakan input:checked+.kotak-centang{background:#fff;border-color:#fff;color:#0e0f10}@keyframes buka-dropdown{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.aw-btn.tombol-terang{align-self:flex-start;border-color:transparent;border-radius:var(--radius-pill);background:#fff;color:#0e0f10;box-shadow:none;text-decoration:none;transition:transform .2s,box-shadow .2s}.aw-btn.tombol-terang:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #00000047}.aw-btn.tombol-terang:active:not(:disabled){transform:none;box-shadow:none}.aw-btn.tombol-terang:disabled{background:#ffffff47;color:#ffffffbf;opacity:1}.tautan-terang{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;border:0;background:none;color:#fff;font:600 14.5px var(--font-sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer;border-radius:8px}.tautan-terang:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.pratinjau-acak{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:18px;background:#0003;border:1px solid rgba(255,255,255,.16);animation:ganti-contoh .5s cubic-bezier(.2,.7,.2,1) both}.pratinjau-acak>div:first-child{display:flex;flex-direction:column;gap:4px}.pratinjau-acak b{font:600 18px/1.3 var(--font-display);letter-spacing:-.01em}.aksi-acak{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}.tab-latihan{display:inline-flex;align-self:flex-start;gap:2px;padding:4px;border-radius:var(--radius-pill);background:#ffffff9e;border:1px solid rgba(255,255,255,.9)}.isi-latihan .tab-latihan .tab-tautan{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;padding:0 22px;border-radius:var(--radius-pill);background:transparent;color:var(--ink-muted);font:700 14.5px var(--font-sans);transition:background .2s,color .2s}.isi-latihan .tab-latihan .tab-tautan:hover{background:#ffffffb3;color:var(--ink)}.isi-latihan .tab-latihan .tab-tautan[aria-current=page]{background:var(--ink);color:#fff}.alat-soal{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.kolom-cari{flex:1 1 220px;max-width:360px}.kolom-cari input{width:100%;min-height:44px;padding:0 18px;border:1px solid var(--outline);border-radius:var(--radius-pill);background:#ffffffd1;color:var(--ink);font:500 15px var(--font-sans)}.kolom-cari input::placeholder{color:var(--ink-muted)}.kolom-cari input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.pilih-tingkat{display:inline-flex;flex-wrap:wrap;gap:6px}.pilih-tingkat button{text-transform:capitalize;min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-pill);background:#ffffffb3;color:var(--ink);font:600 14px var(--font-sans);cursor:pointer;transition:background .2s,color .2s}.pilih-tingkat button:hover{background:#fff}.pilih-tingkat button[aria-pressed=true]{background:var(--ink);color:#fff}.pilih-tingkat button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sakelar{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-inline-start:auto;color:#2a3d32;font:600 14px var(--font-sans);cursor:pointer}.jalur-sakelar{position:relative;flex:none;width:42px;height:24px;border-radius:var(--radius-pill);background:#2f4a3a61;transition:background .2s}.jalur-sakelar:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .25s cubic-bezier(.2,.7,.2,1)}.sakelar input:checked+.jalur-sakelar{background:var(--ink)}.sakelar input:checked+.jalur-sakelar:after{transform:translate(18px)}.sakelar input:focus-visible+.jalur-sakelar{outline:3px solid var(--focus);outline-offset:2px}[dir=rtl] .sakelar input:checked+.jalur-sakelar:after{transform:translate(-18px)}.bab-soal{border-radius:24px;background:var(--surface-raised);box-shadow:0 8px 24px #14281e14}.bab-soal>h2{margin:0}.kepala-bab{display:flex;align-items:center;gap:14px;width:100%;padding:18px 20px;border:0;border-radius:24px;background:none;color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:background .2s}.kepala-bab:hover{background:#14281e09}.kepala-bab:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.kepala-bab>svg{flex:none;color:var(--ink-muted);transform:rotate(180deg);transition:transform .25s cubic-bezier(.2,.7,.2,1)}.kepala-bab[aria-expanded=true]>svg{transform:rotate(-90deg)}.judul-bab-soal{flex:1;min-width:0;font:600 18px/1.3 var(--font-display);letter-spacing:-.01em;text-wrap:balance}.progres-bab{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none;width:150px}.progres-bab .keterangan{font-size:13px;font-variant-numeric:tabular-nums}.progres-bab .bar-progres{width:100%;height:8px}.progres-bab .bar-progres>span{background:var(--sorot-fardh);transform-origin:left;animation:isi-bar .8s cubic-bezier(.3,.8,.2,1) both}.daftar-soal-baru{display:flex;flex-direction:column;margin:0;padding:0 10px 6px}.baris-soal-baru{display:flex;align-items:center;gap:14px;padding:12px 10px;border-radius:16px;transition:background .2s}.baris-soal-baru+.baris-soal-baru{margin-top:2px}.baris-soal-baru:hover{background:var(--surface)}.baris-soal-baru.disarankan{background:var(--aksen-soft)}.status-soal-baru{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px dashed #aab8a7;color:#fff}.baris-soal-baru.selesai .status-soal-baru{border:0;background:var(--sorot-fardh)}.baris-soal-baru.disarankan .status-soal-baru{border:2px solid var(--aksen)}.baris-soal-baru .isi-soal{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.baris-soal-baru .isi-soal b{font:600 16px/1.4 var(--font-sans)}.baris-soal-baru.selesai .isi-soal b{font-weight:500;color:var(--ink-muted)}.baris-soal-baru .keterangan{font-size:13.5px;line-height:1.5}.penanda-berikutnya{font-weight:700;color:#a83a08}.tautan-lagi{display:block;min-height:44px;margin:2px auto 10px;padding:0 14px;border:0;border-radius:10px;background:none;color:var(--ink);font:700 14px var(--font-sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.tautan-lagi:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.tautan-lagi .keterangan{font-weight:500;text-decoration:none}.kosong-soal{margin:8px 4px;color:var(--ink);font-size:15px}.papan-kuis{display:flex;flex-direction:column;gap:12px}.papan-kuis .judul-bagian{margin:0 4px}.papan-kuis>.keterangan,.papan-kuis>.lencana-draf{margin:-4px 4px 0}.kepala-papan,.baris-paket{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.6fr) auto;gap:20px;align-items:center}.kepala-papan{padding:4px 24px 0;color:#2a3d32;font:700 13px var(--font-sans)}.papan-kuis>ul{margin:0;padding:0;overflow:hidden;border-radius:24px;background:var(--surface-raised);box-shadow:0 8px 24px #14281e14}.baris-paket{position:relative;padding:18px 24px;transition:background .2s;--warna-nilai:#8a968f}.baris-paket+.baris-paket{border-top:1px solid var(--divider)}.baris-paket:hover{background:var(--surface)}.baris-paket.predikat-sangat_baik{--warna-nilai:#138a4b;--latar-pil:#d9f3e4;--tinta-pil:#0b6b3a}.baris-paket.predikat-baik{--warna-nilai:#3b6be0;--latar-pil:#dde6fb;--tinta-pil:#1e3f94}.baris-paket.predikat-cukup{--warna-nilai:#dc9a00;--latar-pil:#ffe9bf;--tinta-pil:#7a4a00}.baris-paket.predikat-perlu_diulang{--warna-nilai:#c53a28;--latar-pil:#fbd9d3;--tinta-pil:#9a2616}.baris-paket.predikat-belum{--latar-pil:#ecf1ea;--tinta-pil:#47544c}.nama-paket{display:flex;flex-direction:column;gap:2px;min-width:0}.tautan-paket{color:var(--ink);font:600 17px/1.3 var(--font-display);letter-spacing:-.01em;text-decoration:none;text-wrap:balance}.tautan-paket:after{content:"";position:absolute;inset:0}.tautan-paket:focus-visible{outline:none}.tautan-paket:focus-visible:after{outline:3px solid var(--focus);outline-offset:-3px;border-radius:inherit}.nilai-paket{display:flex;flex-direction:column;gap:6px;min-width:0}.baris-nilai{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}.persen-terbaik{font:600 28px/1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.persen-terbaik small{margin-inline-start:1px;font-size:15px;color:var(--ink-muted);letter-spacing:0}.pil-predikat{padding:3px 11px;border-radius:var(--radius-pill);background:var(--latar-pil);color:var(--tinta-pil);font:700 12.5px/1.4 var(--font-sans)}.bar-nilai{position:relative;display:block;height:8px;border-radius:var(--radius-pill);background:var(--surface-sunken)}.bar-nilai>span{display:block;height:100%;border-radius:inherit;background:var(--warna-nilai);transform-origin:left;animation:isi-bar .8s cubic-bezier(.3,.8,.2,1) both}.bar-nilai>i{position:absolute;top:-3px;bottom:-3px;width:2px;margin-inline-start:-1px;border-radius:2px;background:#14181a8c}.nilai-paket .keterangan{font-size:13px}.belum-dicoba{margin:0;color:var(--ink-muted);font-size:15px}.aksi-paket{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:1.5px solid var(--ink);border-radius:var(--radius-pill);color:var(--ink);font:700 14.5px var(--font-sans);white-space:nowrap;transition:background .2s,color .2s}.baris-paket:hover .aksi-paket{background:var(--ink);color:#fff}.aw-btn.tombol-baris{flex:none;justify-content:center;min-width:104px;border:1.5px solid var(--ink);border-radius:var(--radius-pill);background:transparent;color:var(--ink);box-shadow:none;transition:background .2s,color .2s}.aw-btn.tombol-baris:hover{transform:none;box-shadow:none;background:var(--ink);color:#fff}.aw-btn-primary.tombol-baris{background:var(--ink);color:#fff}.aw-btn-primary.tombol-baris:hover{background:#2b3a31}.butir-pembahasan{border:1px solid var(--divider);border-radius:20px;background:var(--surface-raised);overflow:hidden}.butir-pembahasan>summary{display:flex;align-items:flex-start;gap:12px;padding:16px;list-style:none;cursor:pointer;transition:background .2s}.butir-pembahasan>summary::-webkit-details-marker{display:none}.butir-pembahasan>summary:hover{background:var(--surface)}.butir-pembahasan>summary{border-radius:20px}.butir-pembahasan[open]>summary{border-radius:20px 20px 0 0}.butir-pembahasan>summary:focus{outline:none}.butir-pembahasan>summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.butir-pembahasan>summary>svg{flex:none;margin-top:2px;color:var(--ink-muted);transform:rotate(180deg);transition:transform .25s cubic-bezier(.2,.7,.2,1)}.butir-pembahasan[open]>summary>svg{transform:rotate(-90deg)}.status-butir{flex:none;display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border-radius:var(--radius-pill);font:700 13px/1.4 var(--font-sans)}.butir-pembahasan.benar .status-butir{background:#d9f3e4;color:#0b6b3a}.butir-pembahasan.salah .status-butir{background:#fbd9d3;color:#9a2616}.soal-butir{flex:1;min-width:0;line-height:1.55}.isi-butir{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px}.jawab-butir{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;line-height:1.55}.jawab-butir.salah{background:#fdeceb}.jawab-butir.tepat{background:#e8f5ec}.label-butir{font:700 13px var(--font-sans);color:var(--ink-muted)}.teks-butir{display:flex;flex-direction:column;gap:4px;padding-top:6px;line-height:1.65}.teks-butir p{margin:0}.capaian-kuis{grid-column:1/-1;display:flex;flex-direction:column;gap:4px;padding-top:14px;border-top:1px solid var(--divider)}.capaian-kuis p{margin:0}@media (max-width:980px){.hero-latihan{grid-template-columns:1fr;gap:24px}.hero-latihan .sapa-pusat{padding-top:0}}@media (max-width:720px){.hero-latihan{padding-top:88px}.kepala-papan{display:none}.baris-paket{grid-template-columns:minmax(0,1fr);gap:10px;padding:16px 18px}.aksi-paket{justify-self:start}}@media (max-width:560px){.aksi-paket{justify-self:stretch}.butir-pembahasan>summary{flex-wrap:wrap;align-items:center}.status-butir{margin-inline-end:auto}.soal-butir{order:3;flex-basis:100%}.aksi-hasil{flex-direction:column;align-items:stretch;text-align:center}.pilihan-acak{grid-template-columns:1fr}.panel-acak{padding:18px}.alat-soal{gap:10px}.kolom-cari{max-width:none;flex-basis:100%}.sakelar{margin-inline-start:0}.kepala-bab{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:6px 12px;padding:16px}.judul-bab-soal{grid-column:2}.progres-bab{grid-column:2;flex-direction:row;align-items:center;width:auto;gap:12px}.progres-bab .keterangan{flex:none}.progres-bab .bar-progres{flex:1;min-width:0}.baris-soal-baru{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:6px 12px;padding:12px 8px}.baris-soal-baru .isi-soal{grid-column:2}.baris-soal-baru .aw-btn{grid-column:2;justify-self:start;margin-top:4px}.isi-latihan .tab-latihan{align-self:stretch}.isi-latihan .tab-latihan .tab-tautan{flex:1;justify-content:center;padding:0 10px}}.halaman-sesi{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100vh;padding-top:96px}.latar-sesi{position:absolute;inset:0 0 auto;z-index:-1;display:block;height:390px;padding:0!important}.halaman-sesi>.bar-ujian,.halaman-sesi>.hero-sesi{width:min(800px,100% - 2*var(--sisi));margin-inline:auto}.lembar-sesi{flex:1;margin-top:-18px;padding:32px var(--sisi) 64px;border-radius:36px 36px 0 0;background:var(--surface);box-shadow:0 -10px 40px #0000002e}.hero-sesi{display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff}.judul-hero-sesi.ringkas h1{font-size:clamp(22px,3vw,30px)}.hero-sesi .nomor-ujian{width:100%;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);padding:6px 0}.hero-sesi .nomor-ujian::-webkit-scrollbar{display:none}.hero-sesi .kotak-nomor{display:flex;flex-wrap:nowrap;justify-content:safe center;gap:8px;width:max-content;min-width:100%;margin:0;padding:4px 24px;list-style:none}.hero-sesi .kotak-nomor li{flex:none}.hero-sesi .kotak-nomor button{width:40px;height:40px;border:1.5px solid rgba(255,255,255,.35);border-radius:50%;background:#ffffff24;color:#fff;font:700 15px var(--font-sans);transition:background .2s,transform .2s}.hero-sesi .kotak-nomor button:not(:disabled):hover{background:#ffffff47}.hero-sesi .kotak-nomor button.terjawab{border-color:#fff;background:#fff;color:var(--ink)}.hero-sesi .kotak-nomor button.benar{border-color:var(--sorot-fardh);background:var(--sorot-fardh);color:#fff}.hero-sesi .kotak-nomor button.salah{border-color:var(--danger);background:var(--danger);color:#fff}.hero-sesi .kotak-nomor button[aria-current=true]{box-shadow:0 0 0 3px #062a26e6,0 0 0 5px #fff}.hero-sesi .progres-sesi{display:flex;justify-content:center;gap:6px 18px}.hero-sesi .angka-progres{color:#ffffffe6;font:600 14px var(--font-sans)}.bar-ujian .keluar-ujian{background:#062a26e0;color:#fff;backdrop-filter:blur(10px)}.bar-ujian .keluar-ujian:hover{background:#062a26}.hero-sesi{display:flex;flex-direction:column;align-items:center;gap:12px;padding:4px 0 30px}.judul-hero-sesi{display:grid;gap:6px;text-align:center}.judul-hero-sesi h1{margin:0;font:500 clamp(30px,4vw,44px)/1.08 var(--font-display);letter-spacing:-.025em;text-wrap:balance}.judul-hero-sesi p{margin:0;color:#ffffffd9;font:500 16px var(--font-sans)}.ruang-ujian .hero-sesi .kotak-nomor button{border-color:#ffffff59;background:#ffffff24;color:#fff}.ruang-ujian .hero-sesi .kotak-nomor button:not(:disabled):hover{background:#ffffff47;color:#fff}.ruang-ujian .hero-sesi .kotak-nomor button.terjawab{border-color:#fff;background:#fff;color:var(--ink)}.ruang-ujian .hero-sesi .kotak-nomor button.benar{border-color:var(--sorot-fardh);background:var(--sorot-fardh);color:#fff}.ruang-ujian .hero-sesi .kotak-nomor button.salah{border-color:var(--danger);background:var(--danger);color:#fff}.ruang-ujian .hero-sesi .kotak-nomor button[aria-current=true]{box-shadow:0 0 0 3px #062a26e6,0 0 0 5px #fff}.ruang-ujian .hero-sesi .progres-sesi,.hero-sesi .angka-progres{color:#ffffffe6}.sesi-kuis.ruang-ujian{width:100%;max-width:800px;margin-inline:auto;gap:18px}.bar-ujian{position:sticky;top:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;min-height:44px}.keluar-ujian{display:inline-flex;align-items:center;gap:8px;justify-self:start;min-height:44px;padding:0 16px 0 12px;border-radius:var(--radius-pill);background:#ffffffbf;color:var(--ink);font:600 14.5px var(--font-sans);text-decoration:none;transition:background .2s}.keluar-ujian:hover{background:#fff}.keluar-ujian:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ruang-ujian .judul-sesi{font:600 16px/1.3 var(--font-display);text-align:center;text-wrap:balance}.ruang-ujian .sisa-waktu{min-height:40px;padding:0 14px;border:0;background:#fff;box-shadow:0 2px 8px #14281e1a}.nomor-ujian{display:flex;justify-content:center}.ruang-ujian .kotak-nomor{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ruang-ujian .kotak-nomor button{position:relative;width:44px;height:44px;border:1.5px solid rgba(20,40,30,.18);border-radius:50%;background:#ffffffb3;color:var(--ink-muted);font:700 15px var(--font-sans);font-variant-numeric:tabular-nums;transition:background .2s,color .2s,border-color .2s,transform .2s}.ruang-ujian .kotak-nomor button:not(:disabled):hover{background:#fff;color:var(--ink);transform:translateY(-1px)}.ruang-ujian .kotak-nomor button.terjawab{border-color:var(--ink);background:var(--ink);color:#fff}.ruang-ujian .kotak-nomor button.benar{border-color:var(--sorot-fardh);background:var(--sorot-fardh)}.ruang-ujian .kotak-nomor button.salah{border-color:var(--danger);background:var(--danger)}.ruang-ujian .kotak-nomor button[aria-current=true]{box-shadow:0 0 0 3px #eaf3e8,0 0 0 5px var(--aksen);border-color:var(--aksen)}.ruang-ujian .kotak-nomor button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ruang-ujian .progres-sesi{justify-content:center;gap:6px 18px;color:var(--ink-muted)}.ruang-ujian .angka-progres{font:600 14px var(--font-sans)}.ruang-ujian .kartu-kuis{max-width:none;gap:18px;padding:28px;border:0;border-radius:28px;background:var(--surface-raised);box-shadow:0 10px 30px #14281e1a}.ruang-ujian .pertanyaan-kuis{font:600 clamp(19px,2.4vw,23px)/1.45 var(--font-sans);letter-spacing:-.005em;text-wrap:pretty}.ruang-ujian .pilihan-kuis{gap:10px}.ruang-ujian .pilihan-kuis-item{min-height:60px;padding:12px 16px;border:1.5px solid var(--outline);border-radius:18px;font:500 16.5px/1.45 var(--font-sans);transition:background .2s,border-color .2s,transform .2s}.ruang-ujian .pilihan-kuis-item:not(:disabled):hover{border-color:var(--ink);background:var(--surface);transform:translateY(-1px)}.ruang-ujian .pilihan-kuis-item.dipilih{border-color:var(--ink);background:var(--surface)}.ruang-ujian .pilihan-kuis-item.benar{border-color:var(--sorot-fardh);background:#e8f5ec;color:var(--ink)}.ruang-ujian .pilihan-kuis-item.salah{border-color:var(--danger);background:#fdeceb;color:var(--ink)}.ruang-ujian .huruf-pilihan{width:34px;height:34px;border:1.5px solid var(--outline);background:var(--surface);color:var(--ink);font:700 14px var(--font-sans);transition:background .2s,color .2s,border-color .2s}.ruang-ujian .pilihan-kuis-item.dipilih .huruf-pilihan{border-color:var(--ink);background:var(--ink);color:#fff}.ruang-ujian .pilihan-kuis-item.benar .huruf-pilihan{border-color:var(--sorot-fardh);background:var(--sorot-fardh);color:#fff}.ruang-ujian .pilihan-kuis-item.salah .huruf-pilihan{border-color:var(--danger);background:var(--danger);color:#fff}.ruang-ujian .hasil-tebak{gap:6px;padding:16px 18px;border:0;border-radius:18px;box-shadow:none;margin:0}.ruang-ujian .hasil-tebak.benar{background:#e8f5ec;color:var(--ink)}.ruang-ujian .hasil-tebak.benar b{color:#0b6b3a}.ruang-ujian .hasil-tebak.salah{background:#fdeceb;color:var(--ink)}.ruang-ujian .hasil-tebak.salah b{color:#9a2616}.ruang-ujian .nav-langkah{align-items:center;gap:12px}.ruang-ujian .nav-langkah .aw-btn,.ruang-ujian .tombol-mulai{justify-content:center;min-width:160px;border-radius:var(--radius-pill);box-shadow:none}.ruang-ujian .aw-btn:hover:not(:disabled){transform:none;box-shadow:none}.ruang-ujian .aw-btn-primary:hover:not(:disabled){background:#2b3a31}.ruang-ujian .aw-btn-secondary:hover:not(:disabled){background:var(--surface)}.aksi-hasil{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.aksi-hasil .aw-btn{min-width:200px;justify-content:center;border-radius:var(--radius-pill)}.tautan-aksi{color:var(--ink);font:600 15px var(--font-sans);text-decoration:underline;text-underline-offset:4px}.awal-ujian{display:flex;flex-direction:column;gap:22px;padding:30px;border-radius:28px;background:var(--surface-raised);box-shadow:0 10px 30px #14281e1a}.ruang-ujian .judul-awal-kuis{font:600 clamp(26px,3.4vw,34px)/1.15 var(--font-display);letter-spacing:-.02em;text-wrap:balance}.awal-ujian .pilihan-mode{display:flex;flex-direction:column;gap:12px}.awal-ujian .pilihan-mode legend{margin:0 0 2px;padding:0;font:600 15px var(--font-sans);color:var(--ink-muted)}.ruang-ujian .opsi-mode{position:relative;align-items:center;gap:14px;padding:16px 18px;border:1.5px solid rgba(20,40,30,.16);border-radius:18px;background:#fff;cursor:pointer;transition:background .2s,border-color .2s}.ruang-ujian .opsi-mode:hover{border-color:#14281e61}.ruang-ujian .opsi-mode.dipilih{border-color:var(--ink);background:#14281e0d}.ruang-ujian .opsi-mode input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.ruang-ujian .opsi-mode:focus-within{outline:none}.ruang-ujian .opsi-mode:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.opsi-mode .ikon-mode{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#14281e0f;color:var(--ink-muted);transition:color .2s,background .2s}.opsi-mode.dipilih .ikon-mode{color:#fff;background:var(--ink)}.teks-mode{display:flex;flex-direction:column;gap:2px;min-width:0}.ruang-ujian .opsi-mode b{font:600 17px var(--font-display)}.ruang-ujian .tombol-mulai{align-self:stretch;min-height:52px}@media (max-width:560px){.ruang-ujian .kartu-kuis{padding:20px 18px;border-radius:24px}.ruang-ujian .kotak-nomor button{width:40px;height:40px}.awal-ujian{padding:22px 18px}.ruang-ujian .nav-langkah .aw-btn{min-width:0;flex:1}.ruang-ujian .nav-langkah>span{display:none}}@media (prefers-reduced-motion:reduce){.ruang-ujian .kotak-nomor button,.ruang-ujian .pilihan-kuis-item,.ruang-ujian .opsi-mode{transition:none;transform:none!important}.panel-acak,.pratinjau-acak,.panel-dropdown,.progres-bab .bar-progres>span,.bar-nilai>span{animation:none}.pemicu-dropdown>svg,.kepala-bab>svg,.jalur-sakelar:after,.aw-btn.tombol-terang{transition:none}}.halaman-wizard{--sisi:16px;padding:0 0 120px}@media (min-width:981px){.halaman-wizard{--sisi:max(24px, calc((100% - 1320px)/2) )}}.halaman-wizard>.hero-wizard{display:block;padding:92px var(--sisi) 64px}@media (min-width:981px){body.layar-beranda .halaman-wizard>.hero-wizard{padding-top:112px}}.isi-hero-wizard{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:760px}.hero-wizard .label-langkah{color:#ffffffc7}.hero-wizard .pertanyaan-utama{font:500 clamp(30px,4.4vw,48px)/1.06 var(--font-display);letter-spacing:-.03em;animation:naik .6s cubic-bezier(.2,.7,.2,1) both}.hero-wizard .caption-langkah{margin:0;color:#ffffffdb;font-size:16px;max-width:56ch}.hero-wizard .stepper{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;padding:6px 6px 6px 0;max-width:100%}.hero-wizard .stepper::-webkit-scrollbar{display:none}.hero-wizard .stepper-item{position:relative;flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;border-radius:var(--radius-pill);background:none;color:#ffffffd9;font:600 14px var(--font-sans)}.hero-wizard .stepper-item+.stepper-item{margin-inline-start:34px}.hero-wizard .stepper-item+.stepper-item:before{content:"";position:absolute;inset-inline-start:-28px;top:50%;width:22px;height:2px;border-radius:2px;background:#ffffff4d}.hero-wizard .stepper-item.kelar+.stepper-item:before,.hero-wizard .stepper-item[aria-current=step]:before{background:#fffc}.hero-wizard .stepper-item b{width:36px;height:36px;border:1.5px solid rgba(255,255,255,.4);border-radius:50%;background:#ffffff24;color:#fff;font:700 15px var(--font-sans);transition:background .2s,transform .2s}.hero-wizard .stepper-item:not(:disabled):hover b{background:#ffffff47}.hero-wizard .stepper-item.kelar b{border-color:#fff;background:#fff;color:var(--ink)}.hero-wizard .stepper-item[aria-current=step]{background:none;color:#fff}.hero-wizard .stepper-item[aria-current=step] b{border-color:#fff;background:#fff;color:var(--ink);box-shadow:0 0 0 3px #062a26e6,0 0 0 5px #fff}.hero-wizard .stepper-item:disabled{opacity:.55;border:0;background:none;color:#ffffffb3}.hero-wizard .stepper-item:disabled b{border-style:dashed;background:none;color:#fff}.hero-wizard .stepper-item:focus-visible{outline:3px solid #fff;outline-offset:3px}.lembar-wizard{position:relative;margin-top:-30px;padding:32px var(--sisi) 48px;border-radius:36px 36px 0 0;background:var(--krem);box-shadow:0 -10px 40px #0000002e}.lembar-wizard .kerangka-langkah{margin-top:0;gap:32px}.lembar-wizard .kerangka-samping{top:24px;padding:18px;border:0;border-radius:28px;color:#fff;background:linear-gradient(135deg,#0a2326,#0f3a38 55%,#0b2a2b);box-shadow:0 18px 40px #0a232638}.panggung-pohon{margin:0 0 14px;padding:12px 8px;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.18)}.panggung-pohon .pratinjau-pohon{cursor:default}.kerangka-samping .ringkasan-samping h2{color:#fff}.kerangka-samping .baris-ringkas dt{color:#ffffffb3}.kerangka-samping .baris-ringkas dd{color:#ffffffb8}.kerangka-samping .baris-ringkas.terisi dd{color:#fff}@media (max-width:900px){.lembar-wizard .kerangka-samping{display:block;order:-1;position:static;padding:10px}.lembar-wizard .kerangka-samping .ringkasan-samping{display:none}.lembar-wizard .kerangka-samping:not(:has(.panggung-pohon)){display:none}.lembar-wizard .panggung-pohon{margin:0}}@media (prefers-reduced-motion:reduce){.hero-wizard .pertanyaan-utama{animation:none}.hero-wizard .stepper-item b{transition:none}}.hero-wizard .tautan-hero{margin-top:2px;padding:0;min-height:44px}@media (max-width:720px){body.layar-beranda .kepala .tombol-tur{display:none}}body.layar-hasil{background:var(--krem)}body.layar-hasil .halaman-hasil{--sisi:16px;max-width:none;margin:0;padding:0 0 28px;background:none;border-radius:0;overflow:visible;box-shadow:none}body.layar-hasil .halaman-hasil>.hero-hasil{border-radius:0;padding:92px var(--sisi) 62px}body.layar-hasil .halaman-hasil>.tata-hasil{position:relative;margin-top:-30px;padding:32px var(--sisi) 28px;border-radius:36px 36px 0 0;background:var(--krem);box-shadow:0 -10px 40px #0000002e}body.layar-hasil .halaman-hasil>.kaki-hasil{padding:14px var(--sisi) 0}@media (min-width:981px){body.layar-hasil .halaman-hasil{--sisi:max(24px, calc((100% - 1320px)/2) )}body.layar-hasil .halaman-hasil>.hero-hasil{padding-top:112px}body.layar-hasil .kepala{max-width:1320px;margin-top:0;padding-top:28px}}@media (max-width:720px){body.layar-hasil .kepala{position:absolute;inset-inline:0;top:0;padding:14px 16px;background:transparent;border:0;color:#fff}body.layar-hasil .kepala :is(.tombol-kepala,.pilih-bahasa,.tombol-lonceng){border:0;background:#ffffff29;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.layar-hasil .kepala .pilih-bahasa{width:84px;font-size:12.5px}body.layar-hasil .kepala .pilih-bahasa option{color:#14181a}body.layar-hasil .kepala .streak-kepala{display:none}}.lembar-wizard h2.judul-bagian-kecil{margin:10px 0 0;color:var(--ink);font:600 20px/1.25 var(--font-display);letter-spacing:-.01em;text-transform:none}.pita-hasil{display:flex;gap:3px;height:16px;margin:4px 0 14px}.pita-hasil .ruas{display:block;min-width:6px;height:100%;border-radius:var(--radius-pill);cursor:pointer;transform-origin:left;animation:isi-bar .9s .1s cubic-bezier(.3,.8,.2,1) both;transition:opacity .2s,transform .2s}.pita-hasil .ruas.sisa{cursor:default;background:repeating-linear-gradient(135deg,var(--outline) 0 4px,transparent 4px 8px);border:1px dashed var(--outline)}.pita-hasil:has(.terkait) .ruas:not(.terkait){opacity:.3}.pita-hasil .ruas.terkait{transform:scaleY(1.35)}@media (prefers-reduced-motion:reduce){.pita-hasil .ruas{animation:none;transition:none}}@keyframes gambar-garis{to{stroke-dashoffset:0}}@keyframes bagian-tiba{0%{opacity:.2;transform:translateY(10px) scale(.95)}}@keyframes cincin-muncul{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){.pohon.aliran .garis-pohon path{stroke-dasharray:1;stroke-dashoffset:1;animation:gambar-garis 1s .1s ease-out forwards}.pohon.aliran .garis-pohon circle{animation:cincin-muncul .4s .7s both}.pohon.aliran .node-orang{animation:bagian-tiba .5s calc(.9s + var(--urut,0) * .22s) cubic-bezier(.2,.7,.2,1) both}}.kaki-pohon .tautan-hero{min-height:32px;font-size:13px;margin-inline-start:auto}.hero-wizard .stepper-item:disabled{opacity:.72}.hero-wizard .stepper-item[aria-current=step]{font-weight:800}.kerangka-samping .ringkasan-samping dl{gap:0}.kerangka-samping .baris-ringkas{position:relative;padding:10px 0 10px 26px;border-top:1px solid rgba(255,255,255,.12)}.kerangka-samping .baris-ringkas:first-child{border-top:0}.kerangka-samping .baris-ringkas:before{content:"";position:absolute;inset-inline-start:0;top:12px;width:16px;height:16px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.45)}.kerangka-samping .baris-ringkas.terisi:before{border:0;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%230a2326' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}.kerangka-samping .baris-ringkas:not(.terisi) dd{font-style:italic;color:#fff9}.catatan{margin:0;padding:12px 16px;border-radius:var(--radius-md);border:1.5px solid var(--primary);background:var(--surface-raised);color:var(--ink);font-size:15px;line-height:1.55}.lembar-wizard .caption-isian,.lembar-wizard .isian-kecil,.lembar-wizard .kondisi,.lembar-wizard .hitungan-berjalan,.lembar-wizard .kartu-pilihan-deret.ringkas{max-width:none}.nama-kasus{margin-top:24px}.isian-nama-almarhum{font-size:15px}.isian-nama-almarhum input{height:46px;font-size:16px}.lembar-wizard .buka-kerabat{align-self:stretch;width:100%;border-style:solid;background:var(--surface-raised);padding:12px 16px}.buka-kerabat-judul{display:flex;justify-content:space-between;width:100%;font-size:16px}.lembar-wizard .buka-kerabat small{font-size:14px;font-weight:500;color:var(--ink)}.lembar-wizard .kartu-pilihan:focus-visible{outline:2px solid var(--ink);outline-offset:-6px}.lembar-wizard .kartu-pilihan[aria-checked=true]:focus-visible{outline-color:#fff}.kartu-pilihan-deret .kartu-pilihan small{margin-top:auto}.panggung-pohon{position:relative}.menu-orang{position:absolute;z-index:5;min-width:170px;display:flex;flex-direction:column;padding:6px;border:var(--border-w) solid var(--outline);border-radius:14px;background:var(--surface-raised);box-shadow:var(--shadow-pop);animation:menu-naik .14s ease-out both}.menu-orang-butir{appearance:none;border:0;background:none;font:inherit;text-align:start;padding:9px 10px;border-radius:10px;color:var(--on-fill);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.menu-orang-butir:hover,.menu-orang-butir:focus-visible{background:#0000000f}.menu-orang-butir.bahaya{color:var(--danger,#b3261e)}@keyframes menu-naik{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.menu-orang{animation:none}}.tautan-teks{min-height:44px;padding:0 2px;border:0;background:none;color:var(--on-fill);font:600 14px var(--font-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:start}.pilihan-dialog{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.label-pilihan{flex-basis:100%;font:700 13px var(--font-sans)}.pilih-dialog{min-height:40px;padding:0 14px;border:var(--border-w) solid var(--outline);border-radius:999px;background:var(--surface-raised);color:var(--on-fill);font:600 14px var(--font-sans);cursor:pointer}.pilih-dialog.terpilih{background:var(--on-fill);color:var(--surface-raised)}.tautan-hubungan{margin-top:10px}.tautan-hubungan .tautan-teks{color:#fff}.daftar-hubungan{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0 12px}.daftar-hubungan .tautan-teks{min-height:36px;font-weight:500}.pohon-keluarga .node-orang{animation:node-masuk .25s ease-out both}@keyframes node-masuk{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pohon-keluarga .node-orang{animation:none}}.panggung-pohon .pratinjau-isi .pohon{--lebar-node:122px;--jarak-node:14px;padding:18px 10px 22px;gap:56px}.panggung-pohon .pratinjau-isi .pohon-baris{row-gap:14px}.panggung-pohon .pratinjau-isi .node-orang{gap:2px 6px;padding:7px 8px}.panggung-pohon .pratinjau-isi .node-orang b{font-size:13px}