:root{--skala: 1;--huruf: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI Variable Text", "Segoe UI", system-ui, Roboto, "Helvetica Neue", sans-serif;--huruf-judul: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", system-ui, Roboto, sans-serif;--huruf-arab: "Almarai", "Geeza Pro", "Segoe UI", Tahoma, sans-serif;--huruf-angka: ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", monospace;--t-xs: calc(11px * var(--skala));--t-sm: calc(13px * var(--skala));--t-md: calc(15px * var(--skala));--t-lg: calc(17px * var(--skala));--t-xl: calc(22px * var(--skala));--t-2xl: calc(28px * var(--skala));--t-3xl: calc(34px * var(--skala));--t-4xl: calc(40px * var(--skala));--rapat-raksasa: -.028em;--rapat-judul: -.021em;--rapat-kepala: -.014em;--j-1: calc(4px * var(--skala));--j-2: calc(8px * var(--skala));--j-3: calc(12px * var(--skala));--j-4: calc(16px * var(--skala));--j-5: calc(22px * var(--skala));--j-6: calc(30px * var(--skala));--j-7: calc(42px * var(--skala));--j-8: calc(58px * var(--skala));--r-xs: calc(8px * var(--skala));--r-sm: calc(12px * var(--skala));--r-md: calc(16px * var(--skala));--r-lg: calc(22px * var(--skala));--r-xl: calc(28px * var(--skala));--r-pil: 999px;--garis-tebal: 1px;--garis-alfa: .09;--sasaran: calc(44px * var(--skala));--fokus-tebal: 3px;--rail: calc(272px * var(--skala));--rail-mini: calc(80px * var(--skala));--tepi: clamp(16px, 3vw, calc(36px * var(--skala)));--tepi-aman-y: 0px;--isi-maks: calc(1180px * var(--skala));--pegas: cubic-bezier(.34, 1.12, .46, 1);--luncur: cubic-bezier(.22, 1, .36, 1);--halus: cubic-bezier(.32, .72, .28, 1)}[data-tingkat=saku]{--skala: 1;--tepi: 16px;--sasaran: 44px}[data-tingkat=genggam]{--skala: 1.04;--garis-alfa: .1}[data-tingkat=meja]{--skala: 1}[data-tingkat=lebar]{--skala: 1.08;--isi-maks: 1440px}[data-tingkat=aula]{--skala: 1.72;--garis-tebal: 2px;--garis-alfa: .24;--fokus-tebal: 6px;--isi-maks: 2000px;--tepi: max(2vw, 44px);--tepi-aman-y: 3vh}:root,[data-tema=terang]{color-scheme:light;--merek-50: #E9F7F2;--merek-100: #C9ECE0;--merek-300: #5FC7A6;--merek-400: #29AE87;--merek-500: #0F8F6F;--merek-600: #0A7259;--merek-700: #075845;--emas-300: #E8C77A;--emas-400: #D4A945;--emas-500: #B98D2C;--ungu: #6E5AE6;--dasar: #EDEEF4;--permukaan: #FFFFFF;--permukaan-2: #F7F7FC;--kaca: rgba(255, 255, 255, .62);--kaca-2: rgba(255, 255, 255, .8);--rim: rgba(255, 255, 255, .95);--kaca-tepi-gelap: rgba(0, 0, 0, .17);--kaca-kilau-atas: rgba(255, 255, 255, .95);--kilau: linear-gradient(180deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 42%);--garis: rgba(22, 22, 40, var(--garis-alfa));--garis-kuat: rgba(22, 22, 40, calc(var(--garis-alfa) * 1.8));--tinta: #16161D;--tinta-2: #45454F;--redup: #6A6A78;--samar: #9A9AA8;--tinta-balik: #FFFFFF;--bahaya: #D14343;--aman: #2E9E6B;--awas: #BE3A8C;--kabar: #2C7BB0;--bata: #C2603A;--daun: #5C9E2B;--daun-tinta: #487A21;--pribadi: #4A4A57;--kopeah: #17171E;--robot-kulit: #FFFFFF;--bayang-s: 0 1px 2px rgba(22, 22, 40, .05);--bayang-m: 0 4px 16px rgba(12, 14, 30, .07), 0 12px 40px rgba(12, 14, 30, .09);--bayang-l: 0 8px 28px rgba(12, 14, 30, .11), 0 24px 64px rgba(12, 14, 30, .13);--bayang-pijar: 0 0 0 1px rgba(15, 143, 111, .12), 0 18px 40px -18px rgba(15, 143, 111, .45)}[data-tema=gelap]{color-scheme:dark;--dasar: #0D0D12;--permukaan: #17171E;--permukaan-2: #1E1E27;--kaca: rgba(28, 28, 38, .66);--kaca-2: rgba(34, 34, 45, .82);--rim: rgba(255, 255, 255, .08);--kilau: linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, 0) 42%);--garis: rgba(255, 255, 255, calc(var(--garis-alfa) * 1.05));--garis-kuat: rgba(255, 255, 255, calc(var(--garis-alfa) * 2));--tinta: #ECECF3;--tinta-2: #C0C0CD;--redup: #8E8E9E;--samar: #63636F;--tinta-balik: #0D0D12;--merek-400: #4ACFA6;--merek-500: #2CB98F;--merek-600: #1E9B76;--emas-400: #E3BC63;--ungu: #9C8AF2;--bahaya: #F07474;--aman: #45BC85;--awas: #FF8ECF;--kabar: #56A6DC;--bata: #E08A5F;--daun: #8FCB4E;--daun-tinta: #A8D96B;--pribadi: #A9A9BC;--kopeah: #24242D;--robot-kulit: #40404F;--bayang-s: 0 1px 2px rgba(0, 0, 0, .5);--bayang-m: 0 2px 6px rgba(0, 0, 0, .45), 0 14px 32px -16px rgba(0, 0, 0, .85);--bayang-l: 0 4px 14px rgba(0, 0, 0, .55), 0 30px 60px -24px rgba(0, 0, 0, .95);--bayang-pijar: 0 0 0 1px rgba(44, 185, 143, .22), 0 20px 44px -18px rgba(44, 185, 143, .5)}[dir=rtl]{--huruf: var(--huruf-arab);--huruf-judul: var(--huruf-arab)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--huruf);font-size:var(--t-md);line-height:1.5;color:var(--tinta);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(76vw 64vh at 4% -12%,color-mix(in srgb,var(--ungu) 9%,transparent),transparent 68%),radial-gradient(64vw 56vh at 100% -4%,color-mix(in srgb,var(--kabar) 8%,transparent),transparent 66%),radial-gradient(92vw 76vh at 54% 116%,color-mix(in srgb,var(--awas) 6%,transparent),transparent 68%),var(--dasar);background-attachment:fixed;overflow-x:hidden}h1{letter-spacing:var(--rapat-raksasa)}h2,h3{letter-spacing:var(--rapat-judul)}h4,h5,h6{letter-spacing:var(--rapat-kepala)}img,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--merek-600);text-decoration:none}h1,h2,h3,h4{font-family:var(--huruf-judul);letter-spacing:-.02em;line-height:1.18;margin:0}:focus-visible{outline:var(--fokus-tebal) solid var(--merek-400);outline-offset:calc(var(--fokus-tebal) * .7);border-radius:var(--r-sm)}[data-tingkat=aula] :focus{outline:var(--fokus-tebal) solid var(--merek-400);outline-offset:calc(var(--fokus-tebal) * .7)}.kartu,.panel{position:relative;background:var(--kaca);border:var(--garis-tebal) solid var(--garis);border-radius:var(--r-xl);box-shadow:var(--bayang-m),0 0 0 1px var(--kaca-tepi-gelap),inset 0 1px 0 var(--kaca-kilau-atas);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%)}.kartu:after,.panel:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:var(--kilau)}.kartu>*,.panel>*{position:relative;z-index:1}.panel{border-radius:var(--r-lg);padding:var(--j-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--j-2);min-height:var(--sasaran);padding:0 var(--j-4);border:var(--garis-tebal) solid transparent;border-radius:var(--r-sm);font-size:var(--t-md);font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .32s var(--pegas),filter .24s var(--luncur),background-color .24s var(--luncur),border-color .24s var(--luncur),box-shadow .24s var(--luncur)}.btn:active{transform:scale(.985);transition-duration:.09s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-utama{color:var(--tinta-balik);background:linear-gradient(140deg,color-mix(in srgb,var(--merek-400) 92%,#fff),var(--merek-500) 58%,var(--merek-600));box-shadow:0 1px 2px #00000024,0 6px 16px color-mix(in srgb,var(--merek-500) 38%,transparent),inset 0 1px #ffffff59}@media(hover:hover){.btn-utama:hover:not(:disabled){filter:brightness(1.05)}}.btn-hantu{color:var(--tinta);background:var(--kaca-2);border-color:var(--garis);box-shadow:var(--bayang-s),inset 0 1px 0 var(--rim)}@media(hover:hover){.btn-hantu:hover:not(:disabled){border-color:var(--garis-kuat);background:var(--permukaan)}}.btn-bahaya{color:#fff;background:linear-gradient(140deg,color-mix(in srgb,var(--bahaya) 88%,#fff),var(--bahaya))}.btn-ikon{display:inline-flex;align-items:center;justify-content:center;width:var(--sasaran);height:var(--sasaran);flex:none;padding:0;color:var(--tinta-2);background:var(--kaca-2);border:var(--garis-tebal) solid var(--garis);border-radius:var(--r-sm);box-shadow:var(--bayang-s),inset 0 1px 0 var(--rim);cursor:pointer;transition:transform .32s var(--pegas),color .24s var(--luncur),border-color .24s var(--luncur)}@media(hover:hover){.btn-ikon:hover{color:var(--tinta);border-color:var(--garis-kuat);transform:translateY(-1px)}}.btn-ikon:active{transform:scale(.94);transition-duration:.09s}.isian{width:100%;min-height:var(--sasaran);padding:0 var(--j-3);color:var(--tinta);background:var(--kaca-2);border:var(--garis-tebal) solid var(--garis);border-radius:var(--r-sm);font-size:var(--t-md);transition:border-color .2s var(--luncur),box-shadow .2s var(--luncur)}.isian::placeholder{color:var(--samar)}.isian:focus{outline:none;border-color:var(--merek-400);box-shadow:0 0 0 calc(var(--fokus-tebal) + .5px) color-mix(in srgb,var(--merek-500) 16%,transparent)}textarea.isian{padding:var(--j-3);min-height:calc(var(--sasaran) * 2.4);resize:vertical;line-height:1.55}.redup{color:var(--redup)}.samar{color:var(--samar)}.kecil{font-size:var(--t-sm)}.mini{font-size:var(--t-xs)}.angka{font-variant-numeric:tabular-nums}.khusus-baca{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.putar{width:calc(20px * var(--skala));height:calc(20px * var(--skala));border:calc(2px * var(--skala)) solid color-mix(in srgb,var(--merek-500) 25%,transparent);border-top-color:var(--merek-500);border-radius:50%;animation:putar .7s linear infinite}@keyframes putar{to{transform:rotate(360deg)}}.putar-kecil{width:calc(16px * var(--skala));height:calc(16px * var(--skala));border-width:calc(2px * var(--skala));flex:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[dir=rtl]{font-family:var(--huruf-arab);line-height:1.8}[dir=rtl] .angka,[dir=rtl] .doc-id,[dir=rtl] input,[dir=rtl] time{direction:ltr;unicode-bidi:isolate}[dir=rtl] .huruf-latin{font-family:var(--huruf)}.cangkang{display:grid;grid-template-columns:var(--rail) 1fr;min-height:100dvh}.cangkang.rail-mini{grid-template-columns:var(--rail-mini) 1fr}.cangkang.tanpa-rail,.cangkang.rail-mini.tanpa-rail{grid-template-columns:1fr}.rail{position:sticky;top:0;align-self:start;height:100dvh;display:flex;flex-direction:column;gap:var(--j-3);padding:var(--j-4) var(--j-3);padding-top:max(var(--j-4),env(safe-area-inset-top));padding-bottom:max(var(--j-4),env(safe-area-inset-bottom));background:var(--kaca);border-inline-end:var(--garis-tebal) solid var(--garis);backdrop-filter:blur(34px) saturate(155%);-webkit-backdrop-filter:blur(34px) saturate(155%);overflow-y:auto;overscroll-behavior:contain}.rail-merek{display:flex;align-items:center;gap:var(--j-3);padding:var(--j-2);min-width:0}.rail-merek-teks{display:flex;flex-direction:column;min-width:0}.rail-nama{font-family:var(--huruf-judul);font-weight:700;font-size:var(--t-md);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-nav{display:flex;flex-direction:column;gap:calc(var(--j-1) * .6);flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.rail-judul{padding:var(--j-3) var(--j-3) var(--j-1);text-transform:uppercase;letter-spacing:.07em;font-weight:700}.rail-kaki{display:flex;flex-direction:column;gap:calc(var(--j-1) * .6);padding-top:var(--j-2);border-top:var(--garis-tebal) solid var(--garis)}.nav-item{position:relative;display:flex;align-items:center;gap:var(--j-3);width:100%;min-height:var(--sasaran);padding:calc(var(--j-1) * .8) var(--j-2);color:var(--tinta-2);background:none;border:var(--garis-tebal) solid transparent;border-radius:var(--r-sm);font-size:var(--t-md);font-weight:550;text-align:start;cursor:pointer;transition:background-color .22s var(--luncur),color .22s var(--luncur),border-color .22s var(--luncur),transform .3s var(--pegas)}.nav-teks{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-keping{position:relative;display:grid;place-items:center;flex:none;width:calc(30px * var(--skala));height:calc(30px * var(--skala));color:#fff;border-radius:calc(9px * var(--skala));background:linear-gradient(145deg,color-mix(in srgb,var(--warna, var(--merek-500)) 74%,#fff),var(--warna, var(--merek-500)));box-shadow:0 1px 2px #08211b38,inset 0 1px #ffffff61;transition:transform .34s var(--pegas),box-shadow .24s var(--luncur)}.nav-lencana{position:absolute;top:calc(-4px * var(--skala));inset-inline-end:calc(-4px * var(--skala));min-width:calc(16px * var(--skala));height:calc(16px * var(--skala));padding:0 calc(4px * var(--skala));display:grid;place-items:center;font-size:calc(10px * var(--skala));font-weight:700;line-height:1;color:#fff;background:var(--bahaya);border:calc(2px * var(--skala)) solid var(--permukaan);border-radius:var(--r-pil)}.nav-keping-lembut{display:grid;place-items:center;flex:none;width:calc(30px * var(--skala));height:calc(30px * var(--skala));color:var(--warna, var(--samar));background:color-mix(in srgb,var(--warna, var(--samar)) 15%,transparent);border-radius:calc(9px * var(--skala));transition:color .22s var(--luncur),background-color .22s var(--luncur),transform .34s var(--pegas)}[data-tema=gelap] .nav-keping-lembut{color:color-mix(in srgb,var(--warna, var(--samar)) 78%,#fff);background:color-mix(in srgb,var(--warna, var(--samar)) 20%,transparent)}.nav-tanda{display:grid;place-items:center;flex:none;width:calc(15px * var(--skala));height:calc(15px * var(--skala));margin-inline-start:var(--j-2);color:currentColor;opacity:.75}.rail-pisah{display:flex;align-items:center;gap:var(--j-2);margin-top:var(--j-3);padding:var(--j-3) var(--j-3) var(--j-1);font-size:var(--t-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--samar);border-top:var(--garis-tebal) solid var(--garis)}.rail-pisah>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-pisah:after{content:"";flex:1;height:var(--garis-tebal);background:var(--garis)}.rail-pisah.ringkas{justify-content:center;padding-inline:0}.rail-pisah.ringkas:after{display:none}.nav-item.aktif{color:var(--merek-600);background:color-mix(in srgb,var(--merek-500) 15%,transparent);border-color:color-mix(in srgb,var(--merek-500) 26%,transparent);font-weight:700}[data-tema=gelap] .nav-item.aktif{color:var(--merek-400)}.nav-item.aktif:before{content:"";position:absolute;inset-block:22%;inset-inline-start:calc(-1 * var(--j-2));width:calc(3.5px * var(--skala));border-radius:var(--r-pil);background:var(--warna, var(--merek-500))}.rail-mini .nav-item.aktif:before{inset-inline-start:calc(-1 * var(--j-1))}.nav-item.nav-induk{color:var(--tinta);font-weight:700}.nav-item.nav-induk .nav-keping{box-shadow:0 calc(3px * var(--skala)) calc(9px * var(--skala)) color-mix(in srgb,var(--warna, var(--merek-500)) 42%,transparent),inset 0 1px #ffffff61}.rail-mini .nav-item.nav-induk{background:color-mix(in srgb,var(--warna, var(--merek-500)) 11%,transparent);border-color:color-mix(in srgb,var(--warna, var(--merek-500)) 30%,transparent)}.rail-mini .nav-item.nav-induk .nav-keping{outline:calc(2px * var(--skala)) solid color-mix(in srgb,var(--warna, var(--merek-500)) 60%,transparent);outline-offset:calc(2px * var(--skala))}.rail-mini .nav-item.nav-induk .nav-mini-teks{color:var(--tinta);font-weight:750}.nav-item.aktif .nav-keping-lembut{color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--warna, var(--merek-500)) 76%,#fff),var(--warna, var(--merek-500)));box-shadow:0 calc(2px * var(--skala)) calc(7px * var(--skala)) color-mix(in srgb,var(--warna, var(--merek-500)) 40%,transparent),inset 0 1px #ffffff57}[data-tema=gelap] .nav-item.aktif .nav-keping-lembut{color:#fff}.nav-item.aktif .nav-keping{box-shadow:0 calc(3px * var(--skala)) calc(9px * var(--skala)) color-mix(in srgb,var(--warna, var(--merek-500)) 45%,transparent),inset 0 1px #ffffff61}@media(hover:hover){.nav-item:not(.aktif):hover{color:var(--tinta);background:color-mix(in srgb,var(--tinta) 6%,transparent)}.nav-item:hover .nav-keping{transform:scale(1.07)}.nav-item:not(.aktif):hover .nav-keping-lembut{transform:scale(1.07)}}.nav-item:active{transform:scale(.985);transition-duration:.09s}.nav-anak{padding-inline-start:var(--j-4)}.rail-mini .nav-anak{padding-inline-start:var(--j-2)}.nav-cucu{padding-inline-start:calc(var(--j-4) + var(--j-4));position:relative}.nav-cucu:before{content:"";position:absolute;inset-block:3px;inset-inline-start:calc(var(--j-4) + 5px);width:2px;border-radius:2px;background:var(--garis)}.nav-cucu.aktif:before{background:var(--warna, var(--merek-500))}.rail-mini .nav-cucu{padding-inline-start:var(--j-2)}.rail-mini .nav-cucu:before{inset-block:5px;inset-inline-start:2px}.rail-mini .nav-cucu .nav-keping-lembut{width:calc(26px * var(--skala));height:calc(26px * var(--skala));border-radius:calc(8px * var(--skala))}.rail-ciut{display:grid;place-items:center;flex:none;margin-inline-start:auto;width:calc(var(--sasaran) * .74);height:calc(var(--sasaran) * .74);color:var(--redup);background:none;border:0;border-radius:var(--r-sm);cursor:pointer;transition:color .22s var(--luncur),background-color .22s var(--luncur),transform .3s var(--pegas)}@media(hover:hover){.rail-ciut:hover{color:var(--tinta);background:color-mix(in srgb,var(--tinta) 7%,transparent)}}.rail-ciut:active{transform:scale(.9);transition-duration:.09s}.rail-mini .rail-merek{flex-direction:column;gap:var(--j-2)}.rail-mini .rail-ciut{margin-inline-start:0}.rail-mini .rail{padding-inline:var(--j-2)}.rail-mini .nav-item{flex-direction:column;justify-content:center;align-items:center;gap:3px;padding-inline:0;padding-block:var(--j-2)}.rail-mini .nav-item,.rail-mini .nav-keping,.rail-mini .nav-keping-lembut{flex:none}.nav-mini-teks{flex:none;font-size:calc(9.5px * var(--skala));line-height:1.15;font-weight:560;letter-spacing:-.01em;max-width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-mini .nav-anak .nav-mini-teks{font-size:calc(9px * var(--skala))}.rail-mini .nav-cucu .nav-mini-teks{font-size:calc(8.5px * var(--skala))}.rail-mini .nav-cucu:before{inset-block:4px}.rail-mini .rail-merek{justify-content:center;padding-inline:0}.laci-kain{position:fixed;inset:0;z-index:60;background:#040e0b70;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.rail-laci{position:fixed;z-index:61;inset-inline:0;bottom:0;top:auto;width:100%;height:auto;max-height:86dvh;border-radius:var(--r-xl) var(--r-xl) 0 0;border-inline-end:0;border-top:var(--garis-tebal) solid var(--garis);box-shadow:var(--bayang-l);padding-bottom:max(var(--j-5),env(safe-area-inset-bottom))}.laci-gagang{display:block;flex:none;width:calc(38px * var(--skala));height:calc(4px * var(--skala));margin:0 auto var(--j-1);border-radius:var(--r-pil);background:var(--samar);opacity:.5}.utama{min-width:0;display:flex;flex-direction:column;padding-inline:var(--tepi);padding-bottom:max(var(--j-6),env(safe-area-inset-bottom))}.kepala-lengket{position:sticky;top:0;z-index:40;padding-bottom:var(--j-4);padding-block-start:var(--j-3);padding-top:max(var(--j-3),var(--tepi-aman-y),env(safe-area-inset-top));background:linear-gradient(to bottom,var(--dasar) 0%,color-mix(in srgb,var(--dasar) 82%,transparent) 72%,transparent 100%)}.topbar{display:flex;align-items:center;gap:var(--j-3);padding:var(--j-2) var(--j-3);background:var(--kaca);border:var(--garis-tebal) solid var(--garis);border-radius:var(--r-lg);box-shadow:var(--bayang-s),inset 0 1px 0 var(--rim);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}.topbar-teks{min-width:0;flex:1}.topbar-judul{font-size:var(--t-lg);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-sub{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-aksi{display:flex;align-items:center;gap:var(--j-2);flex:none}.isi{flex:1;width:100%;max-width:var(--isi-maks);margin-inline:auto;padding-bottom:var(--j-6)}.muat-tengah{display:grid;place-items:center;min-height:40dvh}.nav-bawah{position:fixed;z-index:50;inset-inline:0;bottom:0;display:flex;justify-content:space-around;gap:var(--j-1);padding:var(--j-2) var(--j-2);padding-bottom:max(var(--j-2),env(safe-area-inset-bottom));background:var(--kaca-2);border-top:var(--garis-tebal) solid var(--garis);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}.bawah-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;min-width:0;min-height:var(--sasaran);padding:var(--j-1) 2px;color:var(--redup);background:none;border:0;border-radius:var(--r-sm);cursor:pointer;transition:color .2s var(--luncur)}.bawah-item>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.bawah-ikon{display:grid;place-items:center;width:calc(46px * var(--skala));height:calc(26px * var(--skala));border-radius:var(--r-pil);background:transparent;transition:background-color .26s var(--luncur),color .2s var(--luncur),transform .34s var(--pegas)}.bawah-item.aktif{color:var(--warna, var(--merek-600))}.bawah-item.aktif .bawah-ikon{color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--warna, var(--merek-500)) 76%,#fff),var(--warna, var(--merek-500)));box-shadow:0 calc(2px * var(--skala)) calc(8px * var(--skala)) color-mix(in srgb,var(--warna, var(--merek-500)) 42%,transparent),inset 0 1px #ffffff57}.bawah-item:active .bawah-ikon{transform:scale(.9);transition-duration:.09s}[data-tema=gelap] .bawah-item.aktif{color:color-mix(in srgb,var(--warna, var(--merek-400)) 72%,#fff)}[data-tingkat=saku] .isi{padding-bottom:calc(var(--sasaran) + var(--j-6))}.peluncur{padding-top:var(--j-3)}.peluncur-sambut{display:flex;align-items:center;gap:var(--j-3);margin-bottom:var(--j-5)}.peluncur-sambut .robot{flex:none}.sambut-balon{position:relative;flex:1;min-inline-size:0;padding:var(--j-3) var(--j-4);border-radius:var(--r-lg);border:var(--garis-tebal) solid var(--garis);background:var(--permukaan);box-shadow:var(--bayang-s)}.sambut-balon:before{content:"";position:absolute;inset-inline-start:calc(-1 * var(--j-2));inset-block-start:50%;inline-size:var(--j-2);block-size:var(--j-3);transform:translateY(-50%);background:var(--permukaan);border-inline-start:var(--garis-tebal) solid var(--garis);border-block-start:var(--garis-tebal) solid var(--garis);clip-path:polygon(0 50%,100% 0,100% 100%)}.sambut-halo{margin:0;font-size:var(--t-md);color:var(--tinta-2)}.sambut-kabar{margin:2px 0 var(--j-2);font-size:var(--t-sm);color:var(--redup)}.sambut-judul{margin:0;font-size:var(--t-xl)}.sambut-jabatan{margin:var(--j-1) 0 0}@media(max-width:460px){.peluncur-sambut{gap:var(--j-2)}.peluncur-sambut .robot{inline-size:68px;block-size:auto}.sambut-judul{font-size:var(--t-lg)}}.hi{margin-bottom:var(--j-5);padding:var(--j-4) var(--j-5);display:flex;flex-direction:column;gap:var(--j-3)}.hi-kepala{display:flex;align-items:baseline;justify-content:space-between;gap:var(--j-3)}.hi-judul{font-size:var(--t-lg);font-weight:700;letter-spacing:-.01em}.hi-daftar{list-style:none;margin:0;padding:0}.hi-daftar li+li{border-block-start:var(--garis-tebal) solid var(--garis)}.hi-baris{inline-size:100%;display:flex;align-items:center;gap:var(--j-3);padding:var(--j-2) 0;background:none;border:0;color:inherit;font:inherit;text-align:start;cursor:pointer;border-radius:var(--r-xs)}.hi-baris:hover{background:color-mix(in srgb,var(--tinta) 4%,transparent)}.hi-titik{flex:none;inline-size:8px;block-size:8px;border-radius:50%;background:var(--daun)}.hi-nama{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--t-sm)}.hi-ket{flex:none;max-inline-size:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hi-bagi{flex:none;color:var(--redup);font-weight:650}.hi-lagi{justify-content:center}.hi-keping-baris{display:flex;flex-wrap:wrap;gap:var(--j-2)}.hi-keping{display:inline-flex;align-items:center;gap:6px;padding:5px var(--j-3);border-radius:var(--r-pil);border:var(--garis-tebal) solid var(--garis-kuat);background:none;color:var(--tinta-2);font:inherit;font-size:var(--t-xs);cursor:pointer;transition:border-color .16s var(--halus),background .16s var(--halus)}.hi-keping>svg{color:var(--warna)}.hi-keping strong{color:var(--warna);font-weight:700}.hi-keping:hover{border-color:color-mix(in srgb,var(--warna) 50%,transparent);background:color-mix(in srgb,var(--warna) 8%,transparent)}@media(max-width:620px){.hi{padding:var(--j-3) var(--j-4)}.hi-ket{display:none}}.petak-modul{display:grid;gap:var(--j-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(216px * var(--skala))),1fr))}.modul-kartu{display:flex;align-items:center;gap:var(--j-3);padding:var(--j-4);color:inherit;text-align:start;cursor:pointer;transition:transform .4s var(--pegas),box-shadow .3s var(--luncur),border-color .3s var(--luncur)}@media(hover:hover){.modul-kartu:hover{transform:translateY(calc(-4px * var(--skala)));box-shadow:var(--bayang-l),inset 0 1px 0 var(--rim);border-color:var(--garis-kuat)}.modul-kartu:hover .modul-ikon{transform:translateY(calc(-2px * var(--skala))) scale(1.04)}}.modul-kartu:active{transform:translateY(0) scale(.99)}.modul-ikon{position:relative;display:grid;place-items:center;width:calc(44px * var(--skala));height:calc(44px * var(--skala));flex:none;color:#fff;border-radius:50%;background:radial-gradient(circle at 32% 26%,color-mix(in srgb,var(--warna) 42%,#fff),var(--warna) 62%);box-shadow:0 calc(7px * var(--skala)) calc(18px * var(--skala)) color-mix(in srgb,var(--warna) 38%,transparent),inset 0 -2px 6px color-mix(in srgb,var(--warna) 65%,#000),inset 0 1px #fff6;animation:balon-apung 4.4s ease-in-out infinite;animation-delay:var(--tunda, 0s);transition:transform .4s var(--pegas)}.modul-ikon:after{content:"";position:absolute;inset-block-start:14%;inset-inline-start:20%;inline-size:26%;block-size:18%;border-radius:50%;background:#ffffff8c;filter:blur(1px);pointer-events:none}@keyframes balon-apung{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-3px * var(--skala)))}}@media(prefers-reduced-motion:reduce){.modul-ikon{animation:none}}.modul-teks{display:flex;flex-direction:column;gap:calc(2px * var(--skala));min-width:0}.modul-meta{line-height:1.3}.modul-nama{font-family:var(--huruf-judul);font-size:var(--t-lg);font-weight:700;letter-spacing:-.02em}.lencana{display:inline-flex;align-items:center;gap:4px;padding:calc(var(--j-1) * .9) var(--j-2);font-size:var(--t-xs);font-weight:650;color:var(--merek-600);background:color-mix(in srgb,var(--merek-500) 12%,transparent);border-radius:var(--r-pil)}[data-tema=gelap] .lencana{color:var(--merek-400)}.modul-belum{opacity:.72}.modul-segera{display:inline-flex;align-items:center;gap:5px;margin-top:var(--j-2);font-size:var(--t-xs);font-weight:650;color:var(--awas)}.peluncur-tengah,.peluncur-hampa{display:flex;flex-direction:column;align-items:center;gap:var(--j-3);padding:var(--j-8) var(--j-5);text-align:center;color:var(--redup)}.peluncur-hampa>svg{color:var(--samar)}.masuk-latar{display:grid;place-items:center;min-height:100dvh;padding:var(--tepi)}.masuk-kartu{width:min(100%,calc(400px * var(--skala)));display:flex;flex-direction:column;gap:var(--j-2);padding:var(--j-6)}.masuk-merek{display:flex;align-items:center;gap:var(--j-3);margin-bottom:var(--j-4)}.masuk-judul{font-size:var(--t-2xl)}.masuk-sub{margin:2px 0 0}.label{margin-top:var(--j-3);font-size:var(--t-sm);font-weight:650;color:var(--tinta-2)}.masuk-pin{display:flex;align-items:center;gap:var(--j-2)}.pin-kotak{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--j-2);min-width:0}.masuk-pin .pin-kotak{flex:1}.pin-satu{padding-inline:0;text-align:center;font-size:var(--t-lg);font-weight:650;font-variant-numeric:tabular-nums;min-height:var(--sasaran)}.pin-satu:focus{z-index:1}.masuk-lihat{flex:none;width:var(--sasaran);height:var(--sasaran);background:none;border-color:transparent;box-shadow:none}.masuk-bantu{margin:var(--j-2) 0 0}.masuk-galat{display:flex;align-items:center;gap:var(--j-2);margin:var(--j-3) 0 0;padding:var(--j-3);font-size:var(--t-sm);font-weight:600;color:var(--bahaya);background:color-mix(in srgb,var(--bahaya) 10%,transparent);border-radius:var(--r-sm)}.masuk-galat>svg{flex:none}.masuk-kirim{margin-top:var(--j-5);width:100%}.masuk-kaki{margin:var(--j-5) 0 0;text-align:center}.setelan{display:flex;flex-direction:column;gap:var(--j-4);padding-top:var(--j-3)}.setelan-bagian{padding:var(--j-5)}.setelan-judul{font-size:var(--t-xl);margin-bottom:var(--j-2)}.setelan-ket{margin:0 0 var(--j-4);max-width:62ch;line-height:1.55}.pilih-baris{display:flex;flex-wrap:wrap;gap:var(--j-3)}.pilih-petak{display:grid;gap:var(--j-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(190px * var(--skala))),1fr))}.pilih-kartu{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--j-2);min-width:calc(118px * var(--skala));padding:var(--j-4);color:var(--tinta-2);background:var(--kaca-2);border:var(--garis-tebal) solid var(--garis);border-radius:var(--r-md);cursor:pointer;text-align:start;transition:border-color .24s var(--luncur),color .24s var(--luncur),transform .3s var(--pegas)}@media(hover:hover){.pilih-kartu:hover{border-color:var(--garis-kuat);color:var(--tinta)}}.pilih-kartu:active{transform:scale(.985)}.pilih-kartu.aktif{color:var(--merek-600);border-color:var(--merek-400);background:color-mix(in srgb,var(--merek-500) 9%,transparent)}[data-tema=gelap] .pilih-kartu.aktif{color:var(--merek-400)}.pilih-lebar{min-height:calc(118px * var(--skala))}.pilih-nama{font-weight:650;font-size:var(--t-md)}.pilih-ket{line-height:1.4}.pilih-tanda{position:absolute;top:var(--j-3);inset-inline-end:var(--j-3);display:grid;place-items:center;width:calc(21px * var(--skala));height:calc(21px * var(--skala));color:#fff;background:var(--merek-500);border-radius:var(--r-pil)}.setelan-baris-otomatis{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--j-3);margin-top:var(--j-4);padding-top:var(--j-4);border-top:var(--garis-tebal) solid var(--garis)}.setelan-baris-otomatis p{margin:0}.setelan-data{display:grid;gap:var(--j-3);margin:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(200px * var(--skala))),1fr))}.setelan-data dt{margin-bottom:2px}.setelan-data dd{margin:0;font-weight:600}.belum-pindah,.tolak{display:flex;flex-direction:column;align-items:center;gap:var(--j-3);max-width:calc(560px * var(--skala));margin:var(--j-6) auto;padding:var(--j-7) var(--j-5);text-align:center}.tolak>svg{color:var(--samar)}.belum-ikon{display:grid;place-items:center;width:calc(66px * var(--skala));height:calc(66px * var(--skala));color:#fff;border-radius:var(--r-lg);background:linear-gradient(140deg,color-mix(in srgb,var(--warna) 78%,#fff),var(--warna));box-shadow:0 calc(8px * var(--skala)) calc(20px * var(--skala)) color-mix(in srgb,var(--warna) 34%,transparent)}.belum-judul{font-size:var(--t-2xl)}.belum-teks{max-width:52ch;line-height:1.6;margin:0}.belum-kaki{margin:0}.toasts{position:fixed;z-index:90;inset-inline:0;bottom:max(var(--j-4),env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:var(--j-2);padding-inline:var(--tepi);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--j-2);max-width:min(100%,calc(440px * var(--skala)));padding:var(--j-3) var(--j-4);font-size:var(--t-sm);font-weight:600;color:var(--tinta);background:var(--kaca-2);border:var(--garis-tebal) solid var(--garis);border-radius:var(--r-pil);box-shadow:var(--bayang-l),inset 0 1px 0 var(--rim);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%)}.toast>svg{flex:none;color:var(--aman)}.toast-galat>svg{color:var(--bahaya)}[data-tingkat=saku] .toasts{bottom:calc(var(--sasaran) + var(--j-4) + env(safe-area-inset-bottom))}[data-tingkat=saku] .cangkang,[data-tingkat=saku] .cangkang.rail-mini{grid-template-columns:1fr}[data-tingkat=saku] .sambut-judul{font-size:var(--t-2xl)}[data-tingkat=saku] .modul-kartu,[data-tingkat=saku] .setelan-bagian{padding:var(--j-4)}[data-tingkat=aula] .cangkang{grid-template-columns:min(var(--rail),22vw) 1fr}[data-tingkat=aula] .utama{padding-bottom:max(var(--tepi-aman-y),var(--j-7))}[data-tingkat=aula] .nav-bawah{display:none}[data-tingkat=aula] .modul-kartu{padding:var(--j-6)}[data-tingkat=aula] .petak-modul{gap:var(--j-5)}[data-tingkat=aula] .kartu,[data-tingkat=aula] .panel{box-shadow:var(--bayang-l),inset 0 1px 0 var(--rim)}@media(max-width:720px){.cangkang,.cangkang.rail-mini{grid-template-columns:1fr}.rail:not(.rail-laci){display:none}.topbar{padding:var(--j-2)}.topbar-judul{font-size:var(--t-md)}.isi{padding-bottom:calc(var(--sasaran) + var(--j-6))}}@supports not (backdrop-filter: blur(4px)){.rail,.topbar,.kartu,.panel,.toast,.nav-bawah{background:var(--permukaan)}}.pin-form{display:flex;flex-direction:column;gap:var(--j-1);max-width:calc(340px * var(--skala))}.pin-form .label:first-child{margin-top:0}.pin-kirim{margin-top:var(--j-4)}.setelan-desak{display:flex;align-items:flex-start;gap:var(--j-2);margin:0 0 var(--j-4);padding:var(--j-3);max-width:62ch;font-size:var(--t-sm);font-weight:600;line-height:1.5;color:var(--awas);background:color-mix(in srgb,var(--awas) 10%,transparent);border-radius:var(--r-sm)}.setelan-desak>svg{flex:none;margin-top:1px}.mq{overflow:hidden;margin-top:6px;padding-block:5px;border-radius:var(--r-md);background:var(--kaca-2);border:var(--garis-tebal) solid var(--garis);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.mq-jalan{display:flex;width:max-content;animation:mq-jalan 46s linear infinite}@keyframes mq-jalan{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.mq-jalan{animation:none}.mq{-webkit-mask-image:none;mask-image:none}}.mq-deret{display:flex;flex:none}.mq-butir{display:inline-flex;align-items:center;gap:var(--j-3);padding-inline-end:var(--j-3);font-size:var(--t-xs);font-weight:650;white-space:nowrap;color:var(--redup);direction:ltr}.mq-teks.ar{direction:rtl;unicode-bidi:isolate;font-family:var(--huruf-arab);font-size:var(--t-sm);color:var(--merek-600)}[data-tema=gelap] .mq-teks.ar{color:var(--merek-400)}.mq-titik{flex:none;width:calc(4px * var(--skala));height:calc(4px * var(--skala));border-radius:50%;background:var(--emas-400)}[data-tingkat=aula] .mq-jalan{animation-duration:74s}.rail-lipat{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--j-3) var(--j-3) var(--j-1);font-size:var(--t-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--samar);background:none;border:0;cursor:pointer;transition:color .2s var(--luncur)}@media(hover:hover){.rail-lipat:hover{color:var(--redup)}}.rail-markaz{display:flex;flex-direction:column;gap:1px}.mk-item{display:flex;align-items:center;gap:var(--j-3);width:100%;min-height:calc(var(--sasaran) * .78);padding:0 var(--j-3) 0 var(--j-4);font-size:var(--t-sm);font-weight:550;text-align:start;color:var(--tinta-2);background:none;border:0;border-radius:var(--r-sm);cursor:pointer;transition:background-color .2s var(--luncur),color .2s var(--luncur)}.mk-item>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){.mk-item:not(.aktif):hover{color:var(--tinta);background:color-mix(in srgb,var(--tinta) 6%,transparent)}}.mk-item.aktif{color:var(--tinta);font-weight:700;background:color-mix(in srgb,var(--mk, var(--merek-500)) 14%,transparent)}.mk-titik{flex:none;width:calc(9px * var(--skala));height:calc(9px * var(--skala));border-radius:50%;background:var(--mk, var(--samar))}.mk-semua{background:none;box-shadow:inset 0 0 0 2px var(--samar)}.g-bahasa{display:inline-flex;align-items:center;gap:3px;padding:3px;flex:none;border-radius:var(--r-pil);border:var(--garis-tebal) solid color-mix(in srgb,var(--emas-400) 38%,transparent);background:color-mix(in srgb,var(--emas-400) 10%,var(--permukaan))}.g-bahasa-btn{position:relative;min-width:calc(36px * var(--skala));padding:5px 11px;border:0;border-radius:var(--r-pil);background:transparent;color:var(--redup);font:inherit;font-size:var(--t-xs);font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background-color .26s var(--luncur),color .26s var(--luncur),box-shadow .26s var(--luncur),transform .3s var(--pegas)}.g-bahasa-btn[lang=ar]{font-family:var(--huruf-arab);font-size:calc(var(--t-md) * 1.05);line-height:1;padding-block:3px}@media(hover:hover){.g-bahasa-btn:hover{color:var(--tinta)}.g-bahasa-btn.on:hover{transform:scale(1.04)}}.g-bahasa-btn:active{transform:scale(.94);transition-duration:.09s}.g-bahasa-btn.on{background:linear-gradient(145deg,var(--emas-300),var(--emas-500));color:#2e2205;box-shadow:0 1px 2px #00000029,0 0 0 1px color-mix(in srgb,var(--emas-500) 55%,transparent),0 4px 14px color-mix(in srgb,var(--emas-400) 42%,transparent)}.g-bahasa-btn:focus-visible{outline:var(--fokus-tebal) solid color-mix(in srgb,var(--emas-400) 60%,transparent);outline-offset:2px}[data-tingkat=saku] .g-bahasa-btn{min-width:calc(30px * var(--skala));padding-inline:8px}.rail-nama-blok{display:flex;flex-direction:column;min-width:0}.rail-naungan{font-size:calc(var(--t-xs) * .86);line-height:1.25;letter-spacing:.03em;color:var(--samar);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.masuk-naungan{margin:0 0 2px;letter-spacing:.03em}.setelan-alat{display:flex;flex-direction:column;gap:var(--j-2)}.setelan-alat-btn{display:flex;align-items:center;gap:var(--j-3);width:100%;padding:var(--j-3);text-align:start;border-radius:var(--r-md);border:var(--garis-tebal) solid var(--garis);background:var(--kaca-2);color:inherit;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}@media(hover:hover){.setelan-alat-btn:hover{border-color:var(--garis-kuat);background:var(--permukaan);transform:translateY(-1px)}}.setelan-alat-btn:active{transform:scale(.99);transition-duration:.09s}.setelan-alat-ikon{display:flex;flex:none}.setelan-alat-teks{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;overflow-wrap:anywhere}.rail-pisah-ikon{display:grid;place-items:center;width:100%;padding-block:2px}.robot{display:block;overflow:visible}.robot-lantai{fill:var(--tinta);opacity:.08}.robot-baju{fill:var(--merek-500)}.robot-kerah{fill:none;stroke:var(--merek-600);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.62}.robot-telinga{fill:var(--merek-400)}.robot-kepala{fill:var(--robot-kulit);stroke:var(--garis-kuat);stroke-width:2}.robot-wajah{fill:var(--dasar);stroke:var(--garis);stroke-width:1.5}.robot-pipi{fill:var(--emas-400);opacity:.32}.robot-mata{fill:var(--tinta)}.robot-senyum{fill:none;stroke:var(--tinta);stroke-width:3;stroke-linecap:round}.robot-kopeah{fill:var(--kopeah)}.robot-kopeah-sulam{stroke:var(--rim);stroke-width:2.5;stroke-linecap:round;opacity:.75}@keyframes robot-apung{0%,to{transform:translateY(0)}50%{transform:translateY(-3.5px)}}@keyframes robot-kedip{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}.robot-badan{animation:robot-apung 3.8s ease-in-out infinite}.robot-mata{transform-box:fill-box;transform-origin:center;animation:robot-kedip 5.2s ease-in-out infinite}.robot-diam .robot-badan,.robot-diam .robot-mata{animation:none}@media(prefers-reduced-motion:reduce){.robot-badan,.robot-mata{animation:none}}.robot-pojok{position:fixed;z-index:45;inset-inline-end:var(--j-4);inset-block-end:var(--j-4);padding:0;border:0;background:none;cursor:pointer;line-height:0;opacity:.75;filter:drop-shadow(0 4px 10px rgba(0,0,0,.22));transition:opacity .25s var(--luncur),transform .4s var(--pegas)}@media(hover:hover){.robot-pojok:hover{opacity:1;transform:translateY(calc(-3px * var(--skala))) scale(1.06)}}.robot-pojok:active{transform:scale(.94)}.robot-pojok-ponsel{inset-block-end:calc(var(--j-8) + var(--j-5) + env(safe-area-inset-bottom))}.hi-masuk{margin-block-start:var(--j-3);padding-block-start:var(--j-3);border-block-start:var(--garis-tebal) solid var(--garis)}.hi-masuk-judul{display:inline-flex;align-items:center;gap:5px;margin:0 0 var(--j-2);color:var(--aman);font-weight:650}.hi-masuk-daftar{list-style:none;margin:0;padding:0}.hi-masuk-baris{display:flex;align-items:baseline;gap:var(--j-2);inline-size:100%;padding:5px 0;border:0;background:none;color:inherit;font:inherit;font-size:var(--t-sm);text-align:start;cursor:pointer}.hi-masuk-baris strong{flex:none}.hi-masuk-baris>.samar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}@media(hover:hover){.hi-masuk-baris:hover{color:var(--aman)}}.peluncur-sapa{display:grid;place-items:center;min-block-size:calc(100dvh - var(--j-8) * 2)}.sapa-panggung{display:flex;flex-direction:column;align-items:center;gap:var(--j-3);inline-size:min(100%,calc(420px * var(--skala)));text-align:center}.sapa-balon{position:relative;inline-size:100%;padding:var(--j-4) var(--j-5);border-radius:var(--r-lg);border:var(--garis-tebal) solid var(--garis);background:var(--permukaan);box-shadow:var(--bayang-m)}.sapa-balon:before{content:"";position:absolute;inset-block-start:calc(-1 * var(--j-2));inset-inline-start:50%;inline-size:var(--j-3);block-size:var(--j-2);transform:translate(-50%);background:var(--permukaan);border-inline-start:var(--garis-tebal) solid var(--garis);border-block-start:var(--garis-tebal) solid var(--garis);clip-path:polygon(50% 0,0 100%,100% 100%)}.sapa-salam{margin:0;font-size:var(--t-lg)}.sapa-kabar{margin:var(--j-2) 0 0;color:var(--redup);font-size:var(--t-sm)}.sapa-tunjuk{display:grid;place-items:center;color:var(--merek-500);transform:rotate(90deg);animation:sapa-tunjuk-turun 1.5s ease-in-out infinite}@keyframes sapa-tunjuk-turun{0%,to{transform:rotate(90deg) translate(0);opacity:.55}50%{transform:rotate(90deg) translate(6px);opacity:1}}.sapa-mulai{min-inline-size:calc(220px * var(--skala));animation:sapa-denyut 2.4s ease-in-out infinite}@keyframes sapa-denyut{0%,to{box-shadow:0 0 color-mix(in srgb,var(--merek-500) 42%,transparent)}60%{box-shadow:0 0 0 calc(12px * var(--skala)) transparent}}@media(prefers-reduced-motion:reduce){.sapa-tunjuk,.sapa-mulai{animation:none}}.hi-baris .hi-isi{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:3px}.hi-baris .hi-nama{flex:none}.hi-titik-penuh{background:var(--aman)}.hi-markaz{display:flex;flex-wrap:wrap;gap:4px}.hi-markaz-keping{padding:1px 7px;border-radius:var(--r-pil);border:var(--garis-tebal) dashed var(--garis-kuat);color:var(--samar);font-size:var(--t-xs);line-height:1.5}.hi-markaz-sudah{border-style:solid;border-color:transparent;background:color-mix(in srgb,var(--aman) 16%,transparent);color:var(--aman);font-weight:650}.hi-kanan{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.hi-bilah{display:block;inline-size:calc(46px * var(--skala));block-size:4px;border-radius:var(--r-pil);background:var(--garis);overflow:hidden}.hi-bilah i{display:block;block-size:100%;border-radius:var(--r-pil);background:var(--aman);transition:inline-size .5s var(--luncur)}.hi-masuk-baris{align-items:center;gap:var(--j-3)}.hi-masuk-foto{flex:none;inline-size:calc(34px * var(--skala));block-size:calc(34px * var(--skala));border-radius:var(--r-sm);object-fit:cover;background:var(--permukaan-2);border:var(--garis-tebal) solid var(--garis)}.hi-masuk-hampa{display:grid;place-items:center;color:var(--samar)}.hi-masuk-teks{display:flex;flex-direction:column;min-inline-size:0;gap:1px}.hi-masuk-teks strong{font-size:var(--t-sm)}.hi-masuk-teks>.samar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--t-xs)}.ug-form{display:grid;gap:var(--j-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(240px * var(--skala))),1fr))}.ug-kolom{display:flex;flex-direction:column;gap:5px}.ug-lebar{grid-column:1 / -1}.ug-label{display:flex;align-items:center;gap:var(--j-2);font-size:var(--t-sm);font-weight:650;color:var(--tinta-2);flex-wrap:wrap;row-gap:3px}.ug-wajib{color:var(--bahaya);font-weight:700}.ug-opsional{font-size:var(--t-xs);font-weight:600;color:var(--samar);padding:1px var(--j-2);background:color-mix(in srgb,var(--tinta) 6%,transparent);border-radius:var(--r-pil);margin-inline-start:var(--j-2)}.ug-label>.ug-opsional{margin-inline-start:0}.ug-ket{line-height:1.45}.ug-aksi{grid-column:1 / -1;display:flex;gap:var(--j-3);margin-top:var(--j-3);padding-top:var(--j-4);border-top:var(--garis-tebal) solid var(--garis)}.ug-aksi .btn:last-child{flex:1}.g-cari{position:relative;display:flex;align-items:center;flex:1;min-width:calc(200px * var(--skala))}.g-cari>svg{position:absolute;inset-inline-start:var(--j-3);color:var(--samar);pointer-events:none}.g-cari .isian{padding-inline-start:calc(var(--j-3) * 2 + 19px)}.g-cari .isian::-webkit-search-cancel-button{-webkit-appearance:none}.g-hampa{display:flex;flex-direction:column;align-items:center;gap:var(--j-2);padding:var(--j-7) var(--j-5);text-align:center}.g-hampa>svg{color:var(--samar);margin-bottom:var(--j-1)}.g-hampa h3{font-size:var(--t-lg)}.g-hampa p{margin:0;max-width:46ch}.g-hampa .btn{margin-top:var(--j-3)}.d-kotak{padding:var(--j-5)}.d-kotak-kepala{margin-bottom:var(--j-4)}.d-kotak-judul{font-size:var(--t-lg);font-weight:700}.d-kotak-kepala p{margin:2px 0 0}.pg-hapus{color:var(--bahaya)!important}.pg-kotak{background:var(--permukaan);backdrop-filter:none;-webkit-backdrop-filter:none;width:min(100%,calc(440px * var(--skala)));display:flex;flex-direction:column;gap:var(--j-3);padding:var(--j-5);max-height:88dvh;overflow-y:auto}.pg-kotak-lebar{width:min(100%,calc(620px * var(--skala)))}.brk{display:flex;flex-direction:column;gap:5px}.brk-pilih{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--j-4) var(--j-3);border:2px dashed var(--garis-kuat);border-radius:var(--r-md);background:color-mix(in srgb,var(--tinta) 3%,transparent);color:var(--tinta-2);font:inherit;cursor:pointer;text-align:center;min-height:var(--sasaran);transition:border-color var(--luncur),background var(--luncur)}.brk-pilih:disabled{opacity:.55;cursor:default}@media(hover:hover){.brk-pilih:not(:disabled):hover{border-color:var(--merek-500);background:color-mix(in srgb,var(--merek-500) 6%,transparent)}}.brk-bulat{display:grid;place-items:center;width:calc(34px * var(--skala));height:calc(34px * var(--skala));border-radius:50%;background:color-mix(in srgb,var(--merek-500) 14%,transparent);color:var(--merek-500)}.brk-ada{display:flex;align-items:center;gap:var(--j-3);padding:var(--j-2);border:var(--garis-tebal) solid var(--garis);border-radius:var(--r-md);background:var(--permukaan)}.brk-muka{flex:none;display:grid;place-items:center;width:calc(52px * var(--skala));height:calc(52px * var(--skala));border-radius:var(--r-sm);overflow:hidden;background:color-mix(in srgb,var(--tinta) 6%,transparent)}.brk-muka img{width:100%;height:100%;object-fit:cover}.brk-pdf{display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--bahaya);font-size:var(--t-xs);font-weight:700}.brk-teks{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.brk-nama{font-size:var(--t-sm)}.brk-aksi{display:flex;align-items:center;gap:4px;flex:none}[data-tingkat=saku] .brk-ada{flex-wrap:wrap}[data-tingkat=saku] .brk-aksi{width:100%;justify-content:flex-end}.bukti-latar{position:fixed;inset:0;z-index:96;display:grid;place-items:center;padding:var(--tepi);background:#060c0a9e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.bukti-kotak{display:flex;flex-direction:column;width:min(100%,calc(880px * var(--skala)));max-height:90dvh;border-radius:var(--r-xl);border:var(--garis-tebal) solid var(--garis);background:var(--permukaan);box-shadow:var(--bayang-l);overflow:hidden}.bukti-kepala{display:flex;align-items:center;gap:var(--j-3);padding:var(--j-3) var(--j-4);border-block-end:var(--garis-tebal) solid var(--garis)}.bukti-judul{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;overflow-wrap:anywhere}.bukti-isi{flex:1;min-height:0;overflow:auto;display:grid;place-items:center;padding:var(--j-3);background:repeating-conic-gradient(color-mix(in srgb,var(--tinta) 5%,transparent) 0% 25%,transparent 0% 50%) 0 0 / 18px 18px}.bukti-gambar{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--r-sm);background:#fff}.bukti-pdf{width:100%;height:min(72dvh,calc(760px * var(--skala)));border:0;border-radius:var(--r-sm);background:#fff}[data-tingkat=saku] .bukti-kepala{flex-wrap:wrap}[data-tingkat=saku] .bukti-kepala .btn{order:3;width:100%;justify-content:center}.keu-baris2,.keu-baris3{display:grid;gap:var(--j-3)}.keu-baris2{grid-template-columns:1fr 1fr}.keu-baris3{grid-template-columns:.8fr .8fr 1.4fr}.keu-segmen{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-pil);background:color-mix(in srgb,var(--tinta) 6%,transparent)}.keu-segmen button{display:inline-flex;align-items:center;gap:6px;padding:6px calc(12px * var(--skala));border:0;border-radius:var(--r-pil);background:none;color:var(--tinta-2);font:inherit;font-size:var(--t-sm);cursor:pointer;white-space:nowrap;transition:background var(--luncur),color var(--luncur)}.keu-segmen button.on{background:var(--permukaan);color:var(--tinta);font-weight:600;box-shadow:var(--bayang-s)}@media(hover:hover){.keu-segmen button:not(.on):hover{color:var(--tinta)}}.keu-segmen-nilai{font-size:var(--t-xs);opacity:.62}.keu-segmen-penuh{display:flex;border-radius:var(--r-sm)}.keu-segmen-penuh button{flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:1px;justify-content:center;white-space:normal;text-align:start;overflow-wrap:anywhere;border-radius:var(--r-xs)}[data-tingkat=saku] .keu-baris2,[data-tingkat=saku] .keu-baris3{grid-template-columns:1fr}[data-tingkat=saku] .keu-segmen{display:flex;flex:none;max-width:100%;overflow-x:auto;scrollbar-width:none}[data-tingkat=saku] .keu-segmen::-webkit-scrollbar{display:none}[data-tingkat=saku] .keu-segmen-nilai{display:none}[data-tingkat=saku] .keu-segmen-penuh{flex-direction:column}.swal2-container{padding:var(--tepi);background:#040e0b6b!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sw-popup{width:min(100%,calc(420px * var(--skala)));padding:var(--j-6) var(--j-5) var(--j-5);font-family:var(--huruf);color:var(--tinta);background:var(--kaca-2);border:var(--garis-tebal) solid var(--garis);border-radius:var(--r-xl);box-shadow:var(--bayang-l),inset 0 1px 0 var(--rim);backdrop-filter:blur(34px) saturate(160%);-webkit-backdrop-filter:blur(34px) saturate(160%)}.sw-judul{font-family:var(--huruf-judul);font-size:var(--t-xl);font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--tinta);padding:0;margin:0 0 var(--j-2)}.sw-teks{font-size:var(--t-md);line-height:1.58;color:var(--redup);margin:0;padding:0}.sw-aksi{gap:var(--j-2);margin:var(--j-5) 0 0;flex-wrap:wrap}.sw-aksi .btn{min-width:calc(112px * var(--skala))}.sw-ikon{width:calc(66px * var(--skala));height:calc(66px * var(--skala));margin:0 auto var(--j-4);border-width:calc(3px * var(--skala))}.sw-ikon .swal2-icon-content{font-size:calc(30px * var(--skala))}.swal2-icon.swal2-question{border-color:var(--kabar);color:var(--kabar)}.swal2-icon.swal2-warning{border-color:var(--awas);color:var(--awas)}.swal2-icon.swal2-error{border-color:var(--bahaya);color:var(--bahaya)}.swal2-icon.swal2-success{border-color:var(--aman);color:var(--aman)}.swal2-icon.swal2-info{border-color:var(--kabar);color:var(--kabar)}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{background-color:var(--bahaya)}.swal2-icon.swal2-success [class^=swal2-success-line]{background-color:var(--aman)}.swal2-icon.swal2-success .swal2-success-ring{border-color:color-mix(in srgb,var(--aman) 32%,transparent)}.sw-bahaya{border-color:color-mix(in srgb,var(--bahaya) 30%,transparent);box-shadow:var(--bayang-l),inset 0 1px 0 var(--rim),inset 0 calc(3px * var(--skala)) 0 calc(-1px * var(--skala)) var(--bahaya)}@keyframes sw-masuk{0%{opacity:0;transform:translateY(calc(14px * var(--skala))) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sw-keluar{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.sw-masuk{animation:sw-masuk .34s var(--pegas) both}.sw-keluar{animation:sw-keluar .16s var(--luncur) both}.swal2-loader{border-color:var(--merek-500) transparent var(--merek-500) transparent}.swal2-input,.swal2-textarea{font-family:var(--huruf);font-size:var(--t-md);color:var(--tinta);background:var(--kaca);border:var(--garis-tebal) solid var(--garis);border-radius:var(--r-sm);box-shadow:none}.swal2-input:focus,.swal2-textarea:focus{border-color:var(--merek-400);box-shadow:0 0 0 calc(var(--fokus-tebal) + .5px) color-mix(in srgb,var(--merek-500) 16%,transparent)}.bg-latar{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:var(--tepi);background:#040e0b80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow-y:auto}.bg-kartu{width:min(100%,calc(430px * var(--skala)));display:flex;flex-direction:column;gap:var(--j-3);padding:var(--j-5)}.bg-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--j-3)}.bg-judul{font-size:var(--t-lg);font-weight:700}.bg-nama{margin:0;font-weight:650;line-height:1.4}.bg-qr{display:grid;place-items:center;align-self:center;width:calc(200px * var(--skala));height:calc(200px * var(--skala));padding:var(--j-3);background:#fff;border-radius:var(--r-md);box-shadow:var(--bayang-s)}.bg-qr img{width:100%;height:100%}.bg-tautan{display:flex;flex-direction:column;gap:4px}.bg-tautan .isian{font-family:var(--huruf-angka);font-size:var(--t-xs)}.bg-catatan{display:flex;align-items:flex-start;gap:6px;margin:0;line-height:1.5}.bg-catatan>svg{flex:none;margin-top:2px}.bg-aksi{display:flex;flex-wrap:wrap;gap:var(--j-2);margin-top:var(--j-2)}.bg-aksi>*{flex:1 1 calc(130px * var(--skala))}.gp-kotak{width:min(100%,calc(400px * var(--skala)))}.gp-isi{display:block}