@font-face{font-family:Reem Kufi;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/reem-kufi-latin-400-normal-Za7ilK7N.woff2) format("woff2"),url(/assets/reem-kufi-latin-400-normal-dNVWXZsY.woff) format("woff")}@font-face{font-family:Reem Kufi;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/reem-kufi-latin-600-normal-D3q9CKj_.woff2) format("woff2"),url(/assets/reem-kufi-latin-600-normal-COcR8l3q.woff) format("woff")}@font-face{font-family:Reem Kufi;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/reem-kufi-arabic-400-normal-DtbpzZsC.woff2) format("woff2"),url(/assets/reem-kufi-arabic-400-normal-BBJU0Qav.woff) format("woff")}@font-face{font-family:Reem Kufi;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/reem-kufi-arabic-600-normal-DfPr_Olo.woff2) format("woff2"),url(/assets/reem-kufi-arabic-600-normal-BlglqIsH.woff) format("woff")}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-ext-opsz-normal-C5tfwALZ.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-opsz-normal-DgmypKXX.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-ext-opsz-normal-DGm64vGR.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-opsz-normal-DFglUmAd.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-vietnamese-opsz-normal-Gqw5JQlq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-ext-opsz-normal-STiTPs0F.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-opsz-normal-BHZsWIlc.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-ext-opsz-italic-5yUt4G_9.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-opsz-italic-Bj0ndbyp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-ext-opsz-italic-DFpO5j-Z.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-opsz-italic-CHERNRFq.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-vietnamese-opsz-italic-BdcrZMcO.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-ext-opsz-italic-4y8iAqqs.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-opsz-italic-CJ93D38p.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #E7E5DA;--paper-2: #F0EFE7;--paper-3: #DCD9CB;--ink: #1A2226;--ink-2: #4A5457;--line: #B4B09F;--nila: #121A36;--nila-2: #1C2750;--nila-fg: #ECE7D8;--nila-mut: #A9AECB;--gold: #7E570A;--gold-line: #C9962F;--gold-glow: #E0B354;--gold-soft: #EADBB0;--kesumba: #8C1D2C;--zamrud: #1E6450;--zamrud-soft: #CFE2D8;--salah-soft: #F1D5D6;--display: "Salawat", "Reem Kufi", "Segoe UI", "Geeza Pro", "Noto Naskh Arabic", system-ui, sans-serif;--body: "Salawat", "Literata Variable", "Literata", Georgia, "Geeza Pro", "Noto Naskh Arabic", serif;--top: 56px;--tab: 0px;--r-s: 6px;--r-m: 12px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper: #0F152C;--paper-2: #161E3A;--paper-3: #1E2747;--ink: #E9E6DA;--ink-2: #A9AEBF;--line: #34406A;--nila: #0A0F22;--nila-2: #141B38;--gold: #E0B354;--gold-line: #C9962F;--gold-soft: #3A3220;--kesumba: #EA8C95;--zamrud: #6CC6A6;--zamrud-soft: #173A33;--salah-soft: #42202A;color-scheme:dark}}:root[data-theme=dark]{--paper: #0F152C;--paper-2: #161E3A;--paper-3: #1E2747;--ink: #E9E6DA;--ink-2: #A9AEBF;--line: #34406A;--nila: #0A0F22;--nila-2: #141B38;--gold: #E0B354;--gold-line: #C9962F;--gold-soft: #3A3220;--kesumba: #EA8C95;--zamrud: #6CC6A6;--zamrud-soft: #173A33;--salah-soft: #42202A;color-scheme:dark}@media (max-width: 899px){:root{--top: 52px;--tab: calc(62px + env(safe-area-inset-bottom, 0px)) }}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.7;font-optical-sizing:auto;-webkit-tap-highlight-color:transparent}main{min-height:100dvh;padding-top:var(--top);padding-bottom:var(--tab);outline:none}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.2;margin:0;letter-spacing:0}p{margin:0 0 .9em}a{color:inherit}button,input,select{font:inherit;color:inherit}button{cursor:pointer}[lang=ar]{font-family:Reem Kufi,Salawat,Geeza Pro,Noto Naskh Arabic,serif;direction:rtl}:focus-visible{outline:2.5px solid var(--gold-line);outline-offset:3px;border-radius:4px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:8px 14px;border-radius:var(--r-s)}.skip:focus{top:10px}.memuat{padding:40px 16px;color:var(--ink-2);text-align:center}.riwayat{color:var(--kesumba);text-decoration:underline dotted;text-underline-offset:3px;text-decoration-thickness:1px}.tombol{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:999px;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--display);font-size:16px;text-decoration:none;line-height:1.2}.tombol:hover{background:color-mix(in srgb,var(--ink) 86%,var(--gold-line))}.tombol.garis{background:transparent;color:var(--ink)}.tombol.garis:hover{background:var(--paper-3)}.ikon-btn{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:999px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font-size:22px;line-height:1}.ikon-btn:hover{border-color:var(--ink-2)}.ikon-btn:disabled{opacity:.4;cursor:default}.topbar{position:fixed;inset:0 0 auto;height:var(--top);z-index:40;display:flex;align-items:center;gap:12px;padding:0 max(16px,env(safe-area-inset-left));background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar.on-nila{background:color-mix(in srgb,var(--nila) 88%,transparent);color:var(--nila-fg);border-bottom-color:transparent}.topbar.on-nila .tema{color:var(--nila-fg);border-color:#ece7d840;background:transparent}.wordmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:19px;text-decoration:none;margin-right:auto}.wordmark svg{color:var(--gold-line)}.toplinks{display:none;gap:4px}.toplinks a{text-decoration:none;padding:8px 14px;border-radius:999px;font-size:16px;font-family:var(--display);opacity:.8}.toplinks a:hover{opacity:1}.toplinks a.active{opacity:1;background:color-mix(in srgb,currentColor 12%,transparent)}.tema{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--ink)}.tabbar{position:fixed;inset:auto 0 0;z-index:40;height:var(--tab);padding-bottom:env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:repeat(5,1fr);background:var(--paper-2);border-top:1px solid var(--line)}.tabbar a{display:grid;justify-items:center;align-content:center;gap:2px;text-decoration:none;font-size:12.5px;color:var(--ink-2);position:relative}.tabbar a.active{color:var(--ink);font-weight:600}.tabbar a.active:before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--gold-line)}@media (min-width: 900px){.toplinks{display:flex}.tabbar{display:none}.topbar{padding:0 32px}}.halaman{max-width:1040px;margin:0 auto;padding:28px 16px 0}.halaman.sempit{max-width:680px}.kepala{margin-bottom:20px;max-width:62ch}.kepala h1{font-size:clamp(30px,6vw,44px);margin-bottom:8px}.kepala p{color:var(--ink-2);margin:0}.footer{max-width:1040px;margin:56px auto 0;padding:22px 16px 32px;border-top:1px solid var(--line);font-size:14.5px;line-height:1.6;color:var(--ink-2)}.footer p{max-width:70ch;margin-bottom:.5em}.kosong{padding:32px 0;color:var(--ink-2)}.kosong-aksi{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--display)}.hero{background:var(--nila);color:var(--nila-fg);margin-top:calc(-1 * var(--top));padding-top:calc(var(--top) + 28px);position:relative;overflow:hidden;background-image:radial-gradient(ellipse 80% 40% at 50% 0%,var(--nila-2),transparent 70%)}.hero-teks{max-width:1200px;margin:0 auto;padding:0 20px}.hero h1{font-size:clamp(44px,12vw,104px);font-weight:400;line-height:.98;letter-spacing:-.01em}.hero-ar{font-size:clamp(26px,6vw,40px);color:var(--gold-glow);margin:6px 0 14px;text-align:left;direction:rtl;display:inline-block}.lede{color:var(--nila-mut);max-width:46ch;font-size:17px}.benang{position:relative;max-width:1200px;margin:6px auto 0}.benang>svg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.benang-garis{fill:none;stroke:var(--gold-line);stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(224,179,84,.45))}.benang ol{list-style:none;margin:0;padding:0}.benang li{position:absolute;width:0;height:0}.simpul{position:absolute;left:0;top:0;transform:translate(-50%,-30px);display:grid;justify-items:center;gap:6px;background:none;border:0;padding:0;color:var(--nila-fg);width:108px}.simpul-bulat{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--nila-2);border:1.5px solid var(--gold-line);color:var(--gold-glow);box-shadow:0 0 0 5px var(--nila);transition:box-shadow .25s,transform .25s}.simpul-bulat .simbol{width:34px;height:34px}.simpul-nama{font-family:var(--display);font-size:15px;line-height:1.15;text-align:center}.simpul:hover .simpul-bulat,.simpul:focus-visible .simpul-bulat{box-shadow:0 0 0 5px var(--nila),0 0 24px 4px #e0b35473;transform:scale(1.06)}.simpul:focus-visible{outline:none}.simpul:focus-visible .simpul-nama{text-decoration:underline;text-decoration-color:var(--gold-glow);text-underline-offset:4px}@media (min-width: 520px){.simpul-bulat{width:66px;height:66px}.simpul-bulat .simbol{width:38px;height:38px}}.simbol.draw>*{stroke-dasharray:1;stroke-dashoffset:1;animation:gambar 1.3s cubic-bezier(.6,.1,.3,1) forwards;animation-delay:var(--d, 0s)}@keyframes gambar{to{stroke-dashoffset:0}}.pintu{max-width:1040px;margin:0 auto;padding:48px 16px 0}.pintu h2{font-size:26px;margin-bottom:18px}.pintu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (min-width: 760px){.pintu-grid{grid-template-columns:repeat(4,1fr);gap:18px}}.pintu-item{display:grid;align-content:start;gap:6px;text-decoration:none;padding:40px 16px 18px;background:var(--paper-2);border:1px solid var(--line);border-radius:50% 50% var(--r-m) var(--r-m) / 60px 60px var(--r-m) var(--r-m);transition:border-color .2s,background .2s}.pintu-item svg{width:44px;height:44px;color:var(--gold);margin:0 0 6px}.pintu-judul{font-family:var(--display);font-size:20px;line-height:1.2}.pintu-teks{font-size:15px;line-height:1.5;color:var(--ink-2)}.pintu-item:hover{border-color:var(--gold-line);background:color-mix(in srgb,var(--paper-2) 80%,var(--gold-soft))}.kisah{position:relative}.adegan{position:relative;height:min(46vh,420px);min-height:280px;background:var(--nila);color:var(--nila-fg);margin-top:calc(-1 * var(--top));overflow:hidden;background-image:radial-gradient(ellipse 70% 60% at 50% 45%,var(--nila-2),transparent 75%)}.latar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.adegan-isi{position:absolute;inset:var(--top) 0 0;display:grid;place-items:center;align-content:center;gap:4px}.adegan-simbol{width:min(34vw,150px);height:min(34vw,150px);color:var(--gold-glow);filter:drop-shadow(0 0 14px rgba(224,179,84,.35))}.adegan-ar{font-size:clamp(30px,8vw,44px);margin:0;color:var(--nila-fg);opacity:.9;line-height:1.3}.adegan-doa{font-size:16px;margin:0;color:var(--gold-glow);line-height:1.4}.naskah{max-width:680px;margin:0 auto;padding:28px 18px 8px}.urutan{font-size:15px;color:var(--gold);margin:0 0 4px;font-family:var(--display)}.naskah h1{font-size:clamp(36px,9vw,56px);font-weight:400}.gelar{color:var(--ink-2);font-style:italic;margin:6px 0 22px;font-size:18px}.fakta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 30px;padding:14px 0;border-block:1px solid var(--line)}.fakta dt{font-family:var(--display);font-size:14px;color:var(--ink-2)}.fakta dd{margin:0;font-size:16px;line-height:1.45}.naskah section{margin:0 0 32px}.naskah h2{font-size:22px;margin:0 0 12px}.muk{padding:0;margin:0;list-style:none;display:grid;gap:10px}.muk li{padding-left:26px;position:relative}.muk li:before{content:"";position:absolute;left:4px;top:.62em;width:9px;height:9px;transform:rotate(45deg);border:1.5px solid var(--gold-line)}.istri{list-style:none;padding:0;margin:0;display:grid;gap:10px}.istri li{display:grid}.istri-n{font-family:var(--display);font-size:18px}.istri-t{font-size:16px;color:var(--ink-2);line-height:1.5}.rel{list-style:none;padding:0;margin:0;display:grid;gap:8px}.rel a{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-m);text-decoration:none;background:var(--paper-2)}.rel a:hover{border-color:var(--gold-line)}.rel .simbol{width:40px;height:40px;color:var(--gold)}.rel-n{display:block;font-family:var(--display);font-size:17px;line-height:1.3}.rel-t{display:block;font-size:15px;line-height:1.45;color:var(--ink-2)}.hikmah{position:relative;padding:22px 22px 8px;border:1.5px solid var(--gold-line);border-radius:var(--r-m);background:color-mix(in srgb,var(--paper-2) 70%,var(--gold-soft))}.hikmah:before,.hikmah:after{content:"";position:absolute;width:12px;height:12px;background:var(--paper);border:1.5px solid var(--gold-line);transform:rotate(45deg);top:-7px}.hikmah:before{left:18px}.hikmah:after{right:18px}.hikmah p{font-size:19px;line-height:1.65}.rujukan h2{color:var(--kesumba)}.rujukan ul{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}.rujukan li{color:var(--kesumba);font-size:16px}.catatan{font-size:15.5px;color:var(--ink-2);line-height:1.55}.ke-kuis{display:inline-block;font-family:var(--display);color:var(--gold);margin-bottom:8px;text-underline-offset:4px}.kisah-nav{position:sticky;bottom:var(--tab);z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;max-width:680px;margin:8px auto 0;padding:10px 12px;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--line)}.kisah-nav button{background:none;border:0;display:grid;text-align:left;padding:4px 6px;min-height:44px;border-radius:var(--r-s)}.kisah-nav .kn-link{display:grid;text-decoration:none;padding:4px 6px;min-height:44px;border-radius:var(--r-s)}.kisah-nav .kn-next{text-align:right;justify-self:end}.kn-arah{font-size:13px;color:var(--ink-2)}.kn-nama{font-family:var(--display);font-size:17px;line-height:1.2}.kn-pos{font-size:14px;color:var(--ink-2);font-variant-numeric:tabular-nums}.benang-baca{display:none}@media (prefers-reduced-motion: no-preference){@supports ((animation-timeline: view()) and (animation-range: entry)){.benang-baca{display:block;position:fixed;inset:var(--top) 0 auto;height:2px;z-index:39;pointer-events:none;background:linear-gradient(90deg,var(--gold-line),var(--gold-glow));transform-origin:0 50%;animation:benang-baca linear both;animation-timeline:scroll(root)}.adegan{view-timeline:--adegan}.adegan-isi{animation:adegan-lewat linear both;animation-timeline:--adegan;animation-range:exit}.latar{animation:latar-lewat linear both;animation-timeline:--adegan;animation-range:exit}.naskah>:not(section),.naskah section>:not(ul),.naskah section>ul>li{animation:naskah-masuk linear backwards;animation-timeline:view();animation-range:entry 0% entry 90%}.muk li:before{animation:belah-ketupat linear backwards;animation-timeline:view();animation-range:entry 40% cover 30%}}}@keyframes benang-baca{0%{scale:0 1}to{scale:1 1}}@keyframes adegan-lewat{to{translate:0 -18%;opacity:0}}@keyframes latar-lewat{to{translate:0 12%;opacity:.35}}@keyframes naskah-masuk{0%{opacity:0;translate:0 18px}}@keyframes belah-ketupat{0%{transform:rotate(-45deg) scale(.2);opacity:0}}.aq{width:min(86vw,420px);height:auto;color:var(--gold-glow);overflow:visible}.aq.kecil{width:100%}.aq *{transform-box:view-box}.aq-isi-emas{fill:var(--gold-glow);stroke:none}.aq-gunung,.aq-batu{fill:#ece7d80a}.aq-gua{fill:#070b1a}.aq-tanah,.aq-ruas,.aq-segi{stroke:var(--nila-mut);opacity:.7}.aq-teks{fill:var(--gold-glow);stroke:none;font-family:var(--display);font-size:17px}.aq-teks.kecil-teks{font-size:13px}.aq-cahaya-gua{fill:var(--gold-glow);stroke:none;opacity:.18}.aq-matahari{transform-origin:120px 150px;rotate:-62deg}.aq-biji{fill:var(--gold-glow);stroke:none;opacity:.35;transition:opacity .6s}.aq-halo{fill:#e0b3542e;stroke:none;opacity:0;scale:.4;transform-origin:130px 112px;transition:opacity .8s,scale .8s cubic-bezier(.2,.8,.3,1)}.aq-sinar path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .7s .2s ease-out}.aq-luqman .aq-batu,.aq-luqman .aq-segi{transition:opacity .8s}.aq-luqman.aktif .aq-biji{opacity:1}.aq-luqman.aktif .aq-halo{opacity:1;scale:1}.aq-luqman.aktif .aq-sinar path{stroke-dashoffset:0}.aq-luqman.aktif .aq-batu{opacity:.45}.aq-luqman.aktif .aq-segi{opacity:.2}.aq-alir,.aq-sungai{stroke:#8fb7c9;opacity:.75}.aq-alir{stroke-dasharray:14 8}.aq-pohon,.aq-pelepah{transform-origin:120px 138px}.aq-pelepah{transform-origin:120px 54px}.aq-maryam.aktif .aq-kurma{translate:0 var(--jatuh);transition:translate .7s calc(.35s + var(--i) * .16s) cubic-bezier(.5,0,.9,.6)}.aq-maryam.aktif .aq-pohon{animation:aq-goyang .9s ease-in-out}.aq-bata{fill:#ece7d80f;stroke:var(--nila-mut);opacity:0;translate:0 -12px}.aq-tembaga{fill:var(--gold-glow);stroke:none;opacity:0;filter:drop-shadow(0 0 6px rgba(224,179,84,.7))}.aq-dzulqarnain.aktif .aq-bata{opacity:1;translate:0 0;transition:opacity .35s calc(var(--i) * .28s),translate .35s calc(var(--i) * .28s) cubic-bezier(.3,1.4,.5,1)}.aq-dzulqarnain.aktif .aq-tembaga{opacity:.9;transition:opacity 1s 2.3s}.aq-dzulqarnain.kecil .aq-bata{opacity:1;translate:0 0}.aq-dzulqarnain.kecil .aq-tembaga{opacity:.9}.aq-ombak{stroke:#8fb7c9;opacity:calc(.75 - var(--i) * .18)}.aq-tetes{fill:#8fb7c959;stroke:#bfd9e4;transform-origin:120px 111px}.aq-thalut.aktif .aq-tetes{animation:aq-ciduk 1.6s cubic-bezier(.3,.7,.3,1) forwards}.aq-kebun{transition:rotate 1.2s .5s cubic-bezier(.5,0,.7,1),opacity 1.2s .5s}.aq-anggur{fill:var(--gold-glow);stroke:none}.aq-sulur{stroke:#8fc9a6}.aq-dua-kebun.aktif .aq-anggur{translate:0 46px;opacity:0;transition:translate .6s calc(var(--i) * .1s) cubic-bezier(.5,0,.9,.6),opacity .4s calc(.45s + var(--i) * .1s)}.aq-dua-kebun.aktif .aq-kebun{rotate:calc(var(--s) * 9deg);opacity:.4}.aq-dua-kebun.aktif .aq-sulur{stroke:var(--nila-mut);transition:stroke .8s}@media (prefers-reduced-motion: no-preference){.aq:not(.kecil) .aq-matahari{animation:aq-matahari 12s ease-in-out infinite alternate}.aq:not(.kecil) .aq-cahaya-gua{animation:aq-denyut 5s ease-in-out infinite}.aq:not(.kecil) .aq-biji{animation:aq-kerlip 3.5s ease-in-out infinite}.aq-luqman.aktif .aq-biji{animation:none}.aq:not(.kecil) .aq-alir{animation:aq-alir 2.4s linear infinite}.aq:not(.kecil) .aq-pelepah{animation:aq-semilir 6s ease-in-out infinite alternate}.aq:not(.kecil) .aq-ombak{animation:aq-ombak calc(3s + var(--i) * 1.2s) linear infinite}.aq:not(.kecil) .aq-anggur{animation:aq-ayun 4s ease-in-out infinite alternate}.aq-dua-kebun.aktif .aq-anggur{animation:none}}@keyframes aq-matahari{to{rotate:62deg}}@keyframes aq-denyut{50%{opacity:.32}}@keyframes aq-kerlip{50%{opacity:.7}}@keyframes aq-alir{to{stroke-dashoffset:-22}}@keyframes aq-semilir{0%{rotate:-2deg}to{rotate:2deg}}@keyframes aq-goyang{20%{rotate:-4deg}45%{rotate:3.5deg}70%{rotate:-2deg}}@keyframes aq-ombak{to{translate:40px 0}}@keyframes aq-ayun{to{translate:0 1.5px}}@keyframes aq-ciduk{40%{translate:0 -30px}to{translate:0 -44px;scale:1.25;filter:drop-shadow(0 0 6px rgba(191,217,228,.8))}}.aq-header .adegan-isi{gap:10px}.aq-header{height:min(54vh,470px);min-height:330px}.aq-aksi{font-family:var(--display);font-size:16px;color:var(--nila);background:var(--gold-glow);border:0;border-radius:999px;padding:9px 20px;min-height:44px;cursor:pointer;box-shadow:0 0 0 4px #e0b3542e}.aq-aksi:hover{background:#ebc46f}.aq-aksi.garis{background:transparent;color:var(--gold-glow);box-shadow:inset 0 0 0 1.5px var(--gold-line)}.aq-grid{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px;grid-template-columns:1fr}@media (min-width: 620px){.aq-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 980px){.aq-grid{grid-template-columns:repeat(3,1fr)}}.aq-kartu{display:grid;text-decoration:none;border-radius:var(--r-m);overflow:hidden;border:1px solid var(--line);background:var(--paper-2);height:100%}.aq-kartu:hover{border-color:var(--gold-line)}.aq-kartu-adegan{background:var(--nila);background-image:radial-gradient(ellipse 70% 70% at 50% 40%,var(--nila-2),transparent 75%);padding:18px 28px 10px}.aq-kartu-teks{padding:14px 16px 16px;display:grid;gap:4px}.aq-kartu-judul{font-family:var(--display);font-size:21px;line-height:1.25;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.aq-kartu-ar{font-size:17px;color:var(--ink-2)}.aq-kartu-ringkas{font-size:15.5px;line-height:1.5;color:var(--ink-2)}.pintu-utama{grid-column:1 / -1;background:var(--nila);color:var(--nila-fg);border-color:var(--gold-line);display:grid;grid-template-columns:1fr}.pintu-utama .pintu-teks{color:var(--nila-mut)}.pintu-utama:hover{background:var(--nila-2)}.pintu-utama .pintu-aq{display:flex;gap:6px;margin-bottom:6px;color:var(--gold-glow)}.pintu-utama .pintu-aq svg{width:25%;max-width:120px;height:auto;margin:0}.tab-kisah{display:flex;gap:6px;margin:4px 0 14px;padding:4px;border-radius:999px;background:var(--paper-3);width:fit-content;max-width:100%;overflow-x:auto}.tab-kisah a{font-family:var(--display);font-size:16px;text-decoration:none;color:var(--ink-2);padding:7px 16px;border-radius:999px;min-height:40px;display:inline-flex;align-items:center;white-space:nowrap}.tab-kisah a:hover{color:var(--ink)}.tab-kisah a.active{background:var(--paper-2);color:var(--ink);box-shadow:0 0 0 1.5px var(--gold-line)}.daftar-lain{display:inline-block;margin-top:10px;font-family:var(--display);color:var(--gold);text-underline-offset:4px}.cari{position:relative;margin-bottom:14px;max-width:560px}.cari svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-2)}.cari input{width:100%;height:50px;padding:0 16px 0 44px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper-2);font-size:17px}.cari input:focus{border-color:var(--gold-line);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--gold-line) 35%,transparent)}.filter{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;margin:0 -16px;padding-inline:16px}.filter::-webkit-scrollbar{display:none}.filter button{flex:none;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--paper-2);font-size:15px;white-space:nowrap}.filter button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (min-width: 900px){.filter:not(.filter-apung){flex-wrap:wrap;overflow:visible;margin:0;padding-inline:0}}.filter-desc{font-size:15px;color:var(--ink-2);margin:6px 0 0;max-width:70ch}.daftar{list-style:none;padding:0;margin:18px 0 0;border-top:1px solid var(--line)}.daftar a{display:grid;grid-template-columns:30px 52px 1fr;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line);text-decoration:none}.daftar a:hover{background:var(--paper-2)}.d-no{font-family:var(--display);font-size:20px;color:var(--gold);text-align:right;font-variant-numeric:tabular-nums}.d-ico{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--nila);color:var(--gold-glow);box-shadow:inset 0 0 0 1.5px var(--gold-line)}.d-ico .simbol{width:30px;height:30px}.d-teks{display:grid;min-width:0}.d-nama{font-family:var(--display);font-size:21px;line-height:1.25;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.d-ar{font-size:18px;color:var(--ink-2)}.d-gelar{font-size:15.5px;line-height:1.4}.d-kaum{font-size:14.5px;color:var(--ink-2);line-height:1.4}@media (min-width: 900px){.daftar{columns:2;column-gap:36px;border-top:0}.daftar li{break-inside:avoid}.daftar a{border-top:0}}.pohon{position:relative;height:calc(100dvh - var(--top) - var(--tab));min-height:440px;overflow:hidden;background:var(--paper-2);touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:22px 22px}.pohon.seret{cursor:grabbing}.pohon-svg{display:block;width:100%;height:100%}.garis{fill:none;stroke:var(--line);stroke-width:1.6}.garis.keturunan{stroke-dasharray:6 5}.garis.kerabat{stroke:var(--gold-line);stroke-dasharray:1 6;stroke-width:2.4;stroke-linecap:round}.glabel,.klabel{font-family:var(--body);font-size:12px;fill:var(--ink-2);font-style:italic}.klabel{text-anchor:middle;fill:var(--gold)}.nyala path{fill:none;stroke:var(--gold-line);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:-1;animation:nyala .22s linear forwards;filter:drop-shadow(0 0 4px rgba(224,179,84,.7))}@keyframes nyala{to{stroke-dashoffset:0}}[data-k]{cursor:pointer;outline:none}.simpul-n .halo{fill:var(--gold-glow);opacity:0;transition:opacity .25s}.simpul-n .cincin{fill:var(--nila);stroke:var(--gold-line);stroke-width:1.6}.simpul-n.final .cincin{stroke-width:3}.simpul-n .ico{color:var(--gold-glow)}.simpul-n .no{font-family:var(--display);font-size:12px;fill:var(--gold);text-anchor:middle}.simpul-n .nm{font-family:var(--display);font-size:16px;fill:var(--ink);text-anchor:middle;paint-order:stroke;stroke:var(--paper-2);stroke-width:4px}.simpul-n.lin .halo,.simpul-n:focus-visible .halo{opacity:.28}.simpul-n.pilih .cincin{stroke-width:3.5}.simpul-o .belah{fill:var(--paper-2);stroke:var(--ink-2);stroke-width:1.5}.simpul-o.t-w .belah{fill:var(--zamrud);stroke:var(--zamrud)}.simpul-o.t-x .belah{stroke-dasharray:3 2}.simpul-o text,.simpul-g text{font-family:var(--body);font-size:14px;fill:var(--ink);paint-order:stroke;stroke:var(--paper-2);stroke-width:4px}.simpul-o.lin .belah{fill:var(--gold-line);stroke:var(--gold-line)}.simpul-o.lin text,.simpul-g.lin text{fill:var(--gold);font-weight:600}.simpul-g rect{fill:var(--paper);stroke:var(--ink-2);stroke-dasharray:4 3}.simpul-g text{text-anchor:middle;font-style:italic;font-size:12.5px;fill:var(--ink-2)}.simpul-g.lin rect{stroke:var(--gold-line)}[data-k]:focus-visible .cincin,[data-k]:focus-visible .belah,[data-k]:focus-visible rect{stroke:var(--gold-line);stroke-width:4}.menyaring .redup{opacity:.18}.menyaring .simpul-o,.menyaring .simpul-g{opacity:.3}.alat{position:absolute;z-index:5}.alat-atas{top:10px;left:0;right:0;display:grid;gap:8px;justify-items:start;padding:0 12px;pointer-events:none}.alat-atas>*{pointer-events:auto}.segmen{display:inline-flex;padding:3px;border-radius:999px;background:var(--paper);border:1px solid var(--line);box-shadow:0 2px 10px #121a3614}.segmen button{border:0;background:none;height:38px;padding:0 14px;border-radius:999px;font-size:15px;color:var(--ink-2)}.segmen button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filter-apung{margin:0 -12px;padding-inline:12px;max-width:calc(100% + 24px)}.filter-apung button{background:var(--paper);box-shadow:0 2px 10px #121a360f}.filter-desc.apung,.lincap{background:var(--paper);border:1px solid var(--line);padding:6px 12px;border-radius:var(--r-s);font-size:14px;line-height:1.45;max-width:min(560px,100%);margin:0;color:var(--ink-2)}.lincap{border-color:var(--gold-line);color:var(--ink)}.alat-bawah{left:12px;right:12px;bottom:12px;display:flex;gap:8px;align-items:center}.alat-bawah select{height:44px;border-radius:999px;border:1px solid var(--line);background:var(--paper);padding:0 14px;font-size:15px;max-width:46vw}.zoom{display:flex;gap:6px;margin-left:auto}.kartu{position:absolute;z-index:8;left:10px;right:10px;bottom:66px;padding:16px 18px 18px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:0 10px 30px #121a362e;cursor:auto;max-height:50%;overflow:auto}@media (min-width: 700px){.kartu{left:auto;right:14px;width:360px}}.kartu-x{position:absolute;top:8px;right:8px;width:36px;height:36px;font-size:20px}.kartu-k{font-family:var(--display);font-size:14px;color:var(--gold);margin:0 0 2px}.kartu .kartu-t,.kartu-t{font-family:var(--display);font-size:24px;line-height:1.2;margin:0 0 8px;padding-right:36px}.kartu p{font-size:16px;line-height:1.55}.kartu .tombol{margin:4px 8px 0 0}.legenda-latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0a0f2280;display:grid;align-items:end;justify-items:center}@media (min-width: 700px){.legenda-latar{align-items:center}}.legenda{width:min(560px,100%);background:var(--paper);border-radius:18px 18px 0 0;padding:18px 20px calc(22px + env(safe-area-inset-bottom));max-height:85dvh;overflow:auto}@media (min-width: 700px){.legenda{border-radius:18px}}.legenda-kepala{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.legenda h2{font-size:22px}.legenda-daftar{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px;font-size:16px}.legenda-daftar li{display:flex;align-items:center;gap:12px}.legenda-daftar svg{width:40px;height:22px;flex:none}.lg-nabi{fill:var(--nila);stroke:var(--gold-line);stroke-width:1.6}.lg-o{fill:var(--paper-2);stroke:var(--ink-2);stroke-width:1.5}.lg-w{fill:var(--zamrud)}.lg-g{fill:var(--paper);stroke:var(--ink-2);stroke-dasharray:4 3}.silsilah .footer{margin-top:0}.peta-wrap{display:grid}.peta-box{position:relative;height:calc(62dvh - var(--top));min-height:340px;touch-action:none;background:var(--sea);overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.peta-svg{width:100%;height:100%;display:block}.peta-svg text{pointer-events:none}:root{--sea: #A9CCD6;--land: #EEEADC;--coast: #6E95A0;--river: #4F8DA6;--sea-ink: #2F5966}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--sea: #081627;--land: #27304F;--coast: #4B6A8C;--river: #4E86B0;--sea-ink: #86A9BF}}:root[data-theme=dark]{--sea: #081627;--land: #27304F;--coast: #4B6A8C;--river: #4E86B0;--sea-ink: #86A9BF}.laut{fill:var(--sea)}.darat{fill:var(--land);stroke:var(--coast);stroke-width:1.1;stroke-linejoin:round}.darat,.danau,.grat,.sungai{vector-effect:non-scaling-stroke}.danau{fill:var(--sea);stroke:var(--coast);stroke-width:.8}.grat{fill:none;stroke:var(--coast);stroke-width:.6;opacity:.35}.sungai{fill:none;stroke:var(--river);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.wil{font-family:var(--display);font-size:14px;fill:var(--ink-2);text-anchor:middle;letter-spacing:.04em;paint-order:stroke;stroke:var(--land);stroke-width:3px;stroke-linejoin:round}.lautlbl{font-family:var(--body);font-style:italic;font-size:13px;fill:var(--sea-ink);text-anchor:middle}.titik{cursor:pointer}.titik circle{fill:var(--gold-line);stroke:var(--land);stroke-width:2;transition:opacity .3s}.titik .titik-tap{fill:transparent;stroke:none}.titik.sorot circle:not(.titik-tap){fill:var(--kesumba)}.titik-nama,.gugus-l,.gugus-isi{font-family:var(--display);font-size:14px;fill:var(--ink);paint-order:stroke;stroke:var(--land);stroke-width:4px;stroke-linejoin:round}.gugus{cursor:pointer}.gugus circle{fill:var(--gold-line);stroke:var(--land);stroke-width:2.5}.gugus-n{font-family:var(--display);font-size:13px;font-weight:600;fill:#1a2226;text-anchor:middle}.gugus-isi{font-family:var(--body);font-size:12.5px;fill:var(--ink-2)}.gugus:hover circle{fill:var(--gold-glow)}.senyap .titik circle,.senyap .gugus circle{opacity:.35}.senyap .gugus-l,.senyap .titik-nama,.senyap .gugus-isi{display:none}.peta-sumber{position:absolute;left:8px;bottom:6px;margin:0;font-size:11px;color:var(--sea-ink);pointer-events:none}.rute{fill:none;stroke:var(--kesumba);stroke-width:calc(2.6px * var(--s, 1));stroke-linecap:round;stroke-linejoin:round}.rute.gambar{stroke-dasharray:1 1;stroke-dashoffset:1;animation:rute 1.4s cubic-bezier(.5,.1,.3,1) forwards}.rute.gambar.selesai{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.rute.lemah{stroke-width:calc(2.2px * var(--s, 1));stroke-linecap:butt;stroke-dasharray:calc(7px * var(--s, 1)) calc(5px * var(--s, 1));opacity:0;animation:muncul .8s forwards}@keyframes rute{to{stroke-dashoffset:0}}@keyframes muncul{to{opacity:.75}}.pengembara{fill:var(--gold-glow);stroke:var(--nila);stroke-width:calc(1px * var(--s, 1))}.tanda{opacity:0;animation:muncul-penuh .5s forwards}@keyframes muncul-penuh{to{opacity:1}}.tanda .pin{fill:var(--kesumba);stroke:var(--paper);stroke-width:2}.tanda .denyut{fill:none;stroke:var(--kesumba);stroke-width:1.5;animation:denyut 2.2s ease-out infinite;transform-origin:center;transform-box:fill-box}@keyframes denyut{0%{transform:scale(1);opacity:.8}to{transform:scale(2.6);opacity:0}}.tanda text,.rlbl{font-family:var(--display);font-size:14px;fill:var(--ink);paint-order:stroke;stroke:var(--land);stroke-width:4px;stroke-linejoin:round}.rlbl{font-family:var(--body);font-style:italic;font-size:13px;text-anchor:middle;fill:var(--kesumba)}@media (max-width: 599px){.tanda text{font-size:12px}.rlbl{font-size:11.5px}}.peta-zoom{right:10px;top:10px;flex-direction:column}.peta-kartu{padding:18px 16px 6px;max-width:680px}.peta-kartu .kartu-t{font-size:26px;font-weight:400}.peta-kartu p{font-size:17px;line-height:1.6}.tempat{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.tempat button{border:1px solid var(--line);background:var(--paper-2);border-radius:999px;padding:6px 12px;font-size:14.5px;min-height:36px}.tempat button:hover{border-color:var(--kesumba)}.mleg{font-size:15px!important;color:var(--ink-2)}.garis-waktu{position:sticky;bottom:var(--tab);z-index:15;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:8px 0 8px 12px;background:var(--paper-2);border-block:1px solid var(--line);margin-top:14px}.gw-tombol{display:flex;gap:6px;align-items:center}.putar{min-height:44px;padding:0 16px}.gw{display:flex;list-style:none;margin:0;padding:0 12px 0 0;overflow-x:auto;scrollbar-width:none;gap:2px;position:relative}.gw::-webkit-scrollbar{display:none}.gw button{display:grid;justify-items:center;min-width:64px;padding:4px 6px;border:0;background:none;border-radius:var(--r-s);color:var(--ink-2);line-height:1.2}.gw-no{font-family:var(--display);font-size:13px;color:var(--gold)}.gw-nama{font-size:14px;white-space:nowrap}.gw button[aria-current=true]{background:var(--ink);color:var(--paper)}.gw button[aria-current=true] .gw-no{color:var(--gold-glow)}@media (min-width: 900px){.peta-wrap{grid-template-columns:minmax(0,1fr) 360px;height:calc(100dvh - var(--top) - 74px)}.peta-box{height:100%}.peta-kartu{overflow:auto;padding:24px 22px;border-left:1px solid var(--line)}.garis-waktu{margin-top:0;bottom:0}}.kuis-progres{margin-top:8px!important;color:var(--gold)!important;font-family:var(--display)}.kuis-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.kuis-grid a{display:grid;justify-items:center;gap:4px;padding:14px 6px 12px;text-decoration:none;border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper-2);text-align:center;height:100%}.kuis-grid a:hover{border-color:var(--gold-line)}.kuis-grid .simbol{width:40px;height:40px;color:var(--gold)}.kg-nama{font-family:var(--display);font-size:16px;line-height:1.2}.kg-skor{font-size:13px;color:var(--ink-2);line-height:1.3}.kuis-grid a.penuh{border-color:var(--zamrud)}.kuis-grid a.penuh .kg-skor{color:var(--zamrud)}.kembali{font-family:var(--display);font-size:15px;color:var(--ink-2);text-underline-offset:4px}.kuis-judul{display:flex;align-items:center;gap:12px;margin:10px 0 14px}.kuis-judul .simbol{width:46px;height:46px;color:var(--gold);flex:none}.kuis-judul h1{font-size:clamp(26px,6vw,34px);font-weight:400}.kuis-benang{list-style:none;padding:0;margin:0 0 22px;display:flex;align-items:center;height:20px;position:relative}.kuis-benang:before{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;background:var(--gold-line);opacity:.5}.kuis-benang li{position:relative;flex:1;display:flex;justify-content:center}.kuis-benang li:first-child{justify-content:flex-start}.kuis-benang li:last-child{justify-content:flex-end}.kuis-benang li:after{content:"";width:16px;height:16px;border-radius:50%;background:var(--paper);border:2px solid var(--line);transition:all .25s}.kuis-benang li.kini:after{border-color:var(--gold-line);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold-line) 25%,transparent)}.kuis-benang li.ok:after{background:var(--gold-line);border-color:var(--gold-line)}.kuis-benang li.salah:after{background:var(--paper-3);border-color:var(--ink-2)}.soal-no{font-size:15px;color:var(--ink-2);margin-bottom:4px}.soal h2{font-family:var(--body);font-weight:600;font-size:22px;line-height:1.4;margin-bottom:18px}.opsi{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:10px}.opsi button{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:12px 16px;min-height:56px;border-radius:var(--r-m);border:1.5px solid var(--line);background:var(--paper-2);font-size:17px;line-height:1.4;transition:border-color .2s,background .2s,opacity .2s}.opsi button:hover:not([aria-disabled=true]){border-color:var(--ink-2)}.opsi-huruf{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:14px;border:1px solid var(--line)}.opsi button.benar{border-color:var(--zamrud);background:var(--zamrud-soft)}.opsi button.benar .opsi-huruf{background:var(--zamrud);color:var(--paper);border-color:var(--zamrud)}.opsi button.salah{border-color:var(--kesumba);background:var(--salah-soft)}.opsi button.redup{opacity:.55}.opsi button[aria-disabled=true]{cursor:default}.umpan{padding:16px 18px;border-radius:var(--r-m);border-left:4px solid var(--zamrud);background:var(--paper-2)}.umpan.salah{border-left-color:var(--kesumba)}.umpan-h{font-family:var(--display);font-size:20px;margin-bottom:4px}.umpan.ok .umpan-h{color:var(--zamrud)}.umpan.salah .umpan-h{color:var(--kesumba)}.umpan p{font-size:17px}.hasil{text-align:center;padding:18px 0}.hasil-skor{font-family:var(--display);font-size:22px}.hasil-skor span{display:block;font-size:88px;line-height:1;color:var(--gold)}.hasil-aksi{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important}.tanda .denyut{display:none}}