:root{color-scheme:light;--bg-app: #F7F6F3;--bg-card: #FFFFFF;--bg-subtle: #F1F0EC;--bg-subtle-2: #E7E5DF;--kaca-kepala-atas: rgb(255 255 255 / .78);--kaca-kepala-bawah: rgb(255 255 255 / .42);--kaca-kepala-tepi: rgb(255 255 255 / .9);--kaca-kepala-ikon: rgb(255 255 255 / .7);--latar-tint: #121211;--latar-judul: #FFFFFF;--bayang-mochi: rgb(45 36 30 / .18);--mochi-kepala-redup: ;--mochi-kepala-topeng: none;--teks: #1A1917;--teks-2: #6B6862;--teks-3: var(--teks-2);--garis: rgba(26, 25, 23, .08);--tirai: rgba(18, 18, 17, .45);--tirai-lembut: rgba(18, 18, 17, .35);--balik-bg: #1A1917;--balik-teks: #F7F6F3;--nav-bg: var(--bg-card);--nav-pil: var(--aksen-isi);--nav-teks: var(--aksen-atas);--nav-redup: var(--teks-2);--nav-garis: var(--garis);--nav-bayang: 0 12px 32px -12px rgba(45, 36, 30, .28);--tingkat-1: #4E3524;--tingkat-2: #67462D;--tingkat-3: #8C6C3E;--tingkat-atas: #FFFFFF;--sentuh: 44px;--nav-catat-ukuran: calc(var(--j4) * 4);--nav-tinggi: calc(var(--nav-catat-ukuran) + var(--j4) + var(--garis-tipis) * 2);--rel-isi: 88px;--rel-lebar: 0px;--nav-ruang-bawah: calc(var(--nav-tinggi) + var(--nav-tepi) + env(safe-area-inset-bottom));--wallet-tinggi: 240px;--gerak-cepat: .16s;--gerak: .32s;--gerak-tekan: .1s;--gerak-tab: .24s;--gerak-sheet: .38s;--gerak-keluar: .22s;--command-contoh-emas: #D9A94E;--command-contoh-pink: #D990B5;--command-contoh-biru: #83A8D5;--command-contoh-hijau: #90B69D;--command-contoh-ungu: #A598CD;--gerak-data: .24s;--skala-tekan: .97;--gerak-halaman: 24px;--gerak-kartu-lensa: .42s;--kurva-kartu-lensa: var(--lembut);--gerak-angka-vault: .7s;--gerak-kilau-vault: 1.2s;--kurva-kilau-vault: cubic-bezier(.4, 0, .6, 1);--vault-kilau-lembut: rgba(255, 255, 255, .04);--vault-kilau-puncak: rgba(255, 255, 255, .14);--aksen-rgb: 217 169 78;--aksen-isi: rgb(var(--aksen-rgb));--aksen-atas: #241B0F;--aksen-teks: #83643A;--aksen-muda: #DFC08A;--aksen-tua: #B8842E;--chip-isi: #1A1917;--chip-atas: var(--aksen-isi);--fab-isi: var(--aksen-isi);--fab-tepi: rgb(var(--aksen-rgb) / .28);--fab-atas: var(--aksen-atas);--aksen-lembut: rgb(var(--aksen-rgb) / .16);--aksen-cincin: rgb(var(--aksen-rgb) / .4);--aksen-halo: rgb(var(--aksen-rgb) / .15);--aksen-kilau: rgb(var(--aksen-rgb) / .45);--aksen-bayang: rgba(140, 108, 62, .45);--aksen-bayang-lembut: rgba(140, 108, 62, .22);--masuk: #1F7A4D;--keluar: #C0392B;--info: #2563A8;--peringatan: #B7791F;--bahaya-isi: #C0392B;--chip-masuk: rgba(46, 111, 64, .12);--chip-keluar: rgba(185, 56, 56, .12);--chip-info: rgba(29, 99, 184, .12);--status-sesuai: #1A6B43;--status-lain: #855508;--status-datang: #5C5953;--status-lewat: #A12F24;--status-kadar: 12%;--status-sesuai-isi: color-mix(in srgb, var(--status-sesuai) var(--status-kadar), transparent);--status-lain-isi: color-mix(in srgb, var(--status-lain) var(--status-kadar), transparent);--status-datang-isi: var(--bg-subtle-2);--status-lewat-isi: color-mix(in srgb, var(--status-lewat) var(--status-kadar), transparent);--grafik-seri: var(--aksen-teks);--grafik-isi-atas: rgb(var(--aksen-rgb) / .28);--grafik-isi-bawah: rgb(var(--aksen-rgb) / 0);--grafik-bantu: var(--garis);--grafik-tinggi: 140px;--grafik-tebal: 2px;--kaca: rgba(255, 255, 255, .86);--kaca-tepi: rgba(255, 255, 255, .72);--kaca-modal: rgba(253, 253, 252, .95);--kaca-nav-tembus: .42;--kaca-nav-blur: 12px;--kaca-saturasi: 1.6;--nav-tepi: 14px;--kaca-ubin-tembus: .55;--kaca-ubin-blur: 11px;--r-ubin-kaca: 10px;--kaca-ubin-tepi: rgb(255 255 255 / .4);--kaca-ubin-bayang: 0 4px 14px -6px rgb(45 36 30 / .25);--kepala-padat: 40%;--halaman-padat: 50%;--tanggal-padat: 34%;--kaca-nav-isi: color-mix(in srgb, var(--bg-card) calc(var(--kaca-nav-tembus) * 100%), transparent);--kaca-nav-saring: blur(var(--kaca-nav-blur)) saturate(var(--kaca-saturasi));--kaca-ubin-isi: color-mix(in srgb, var(--bg-card) calc(var(--kaca-ubin-tembus) * 100%), transparent);--kaca-ubin-saring: blur(var(--kaca-ubin-blur)) saturate(var(--kaca-saturasi));--bayang-kartu: 0 10px 30px -6px rgba(45, 36, 30, .05), 0 2px 8px -2px rgba(45, 36, 30, .03);--bayang-item: 0 2px 10px -2px rgba(45, 36, 30, .03);--bayang-premium: 0 12px 35px -8px rgb(var(--aksen-rgb) / .15);--tirai-morph: rgba(0, 0, 0, .25);--bayang-melayang: 0 24px 60px -18px rgba(0, 0, 0, .35), 0 4px 14px -6px rgba(0, 0, 0, .18);--bayang-dalam: inset 0 2px 4px rgba(45, 36, 30, .03);--vault-dari: #8C6C3E;--vault-tengah: #3B2A14;--vault-ke: #121211;--foil-terang: #F4D690;--foil: #D9A94E;--foil-gelap: #B8842E;--vault-teks: #FEF3C7;--vault-teks-2: rgba(253, 230, 138, .9);--font-ui: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-angka: "Inter", ui-sans-serif, system-ui, sans-serif;--font-suara: "Fraunces", Georgia, "Times New Roman", serif;--t-hero: 40px;--t-judul: 28px;--t-judul-tab: var(--t-judul);--t-bagian: 20px;--t-baris: 17px;--t-isi: 15px;--t-kecil: 13px;--t-label: 12px;--t-mikro: 11px;--t-nano: 10px;--t-saldo-lentur: clamp(var(--t-judul), 9.5vw, var(--t-hero));--t-kaca-lentur: clamp(var(--t-kecil), 4.4vw, var(--t-baris));--tebal-isi: 400;--tebal-tegas: 500;--tebal-judul: 700;--tinggi-kecil: var(--sentuh);--tinggi-sedang: 48px;--tinggi-utama: 54px;--ikon-kecil: 36px;--lebar-pratinjau: 375px;--lebar-minimum: 320px;--lebar-isi: 720px;--garis-tipis: 1px;--j1: 4px;--j2: 8px;--j3: 12px;--j4: 16px;--j5: 20px;--j6: 24px;--j7: 32px;--j8: 40px;--j9: 56px;--tepi: 20px;--tanda-mochi-ukuran: 14px;--tombol-beres-ukuran: var(--sentuh);--cek-geser-ambang: 96px;--r-chip: 12px;--r-ikon-kecil: 10px;--r-kotak: 14px;--r-centang: 7px;--r-isian: 16px;--r-kartu: 20px;--r-sheet: 28px;--r-pil: 999px;--pegas: cubic-bezier(.175, .885, .32, 1.275);--lembut: cubic-bezier(.16, 1, .3, 1);--lengkung-sheet: cubic-bezier(.32, .72, 0, 1);--tombol-kepala: 40px;--ikon-kepala: 20px;--jarak-tombol-kepala: 8px;--jarak-atas-kartu: 20px;--judul-tab-x: 22px;--judul-tab-y: 28px;--atap-kepala-tab: 0px;--kolom-figur-tab: 160px;--tinggi-kartu-tab: 100px;--skala-figur-tab: .72;--t-judul-fitur: 26px;--judul-fitur-x: 22px;--judul-fitur-y: 30px;--tinggi-kartu-fitur: 128px;--atap-kepala-fitur: 16px;--kolom-figur-fitur: 170px;--tinggi-kepala: calc(max(22px, env(safe-area-inset-top)) + var(--tombol-kepala) + 14px)}:root[data-theme=dark]{color-scheme:dark;--bg-app: #121211;--bg-card: #232322;--bg-subtle: #2A2A28;--bg-subtle-2: #323230;--kaca-kepala-atas: rgb(255 255 255 / .09);--kaca-kepala-bawah: rgb(255 255 255 / .03);--kaca-kepala-tepi: rgb(255 255 255 / .12);--kaca-kepala-ikon: rgb(255 255 255 / .08);--bayang-mochi: rgb(0 0 0 / .45);--mochi-kepala-terang: .7;--mochi-kepala-redup: brightness(var(--mochi-kepala-terang)) contrast(.94) saturate(.88) sepia(.1);--mochi-kepala-topeng: linear-gradient(180deg, #000 72%, rgb(0 0 0 / .55));--teks: #FFFFFF;--teks-2: #C5C6BD;--teks-3: var(--teks-2);--garis: rgba(245, 244, 241, .08);--tirai: rgba(8, 8, 8, .72);--tirai-lembut: rgba(18, 18, 17, .55);--balik-bg: #F5F4F1;--balik-teks: #1A1917;--aksen-rgb: 217 169 78;--aksen-atas: #241B0F;--aksen-teks: #D9A94E;--aksen-muda: #F0DCB4;--aksen-tua: #B8842E;--aksen-lembut: rgb(var(--aksen-rgb) / .16);--aksen-bayang: rgba(0, 0, 0, .55);--aksen-bayang-lembut: rgba(0, 0, 0, .3);--chip-isi: #323230;--chip-atas: var(--aksen-isi);--masuk: #52B788;--keluar: #E57373;--info: #64B5F6;--peringatan: #F2B84B;--chip-masuk: rgba(82, 183, 136, .15);--chip-keluar: rgba(229, 115, 115, .15);--chip-info: rgba(100, 181, 246, .15);--status-sesuai: #5CC093;--status-lain: #F2B84B;--status-datang: #C5C6BD;--status-lewat: #F09090;--status-kadar: 16%;--kaca: rgba(22, 22, 21, .9);--kaca-tepi: rgba(245, 244, 241, .09);--kaca-modal: rgba(22, 22, 21, .96);--nav-bayang: 0 12px 32px -12px rgba(0, 0, 0, .6);--kaca-ubin-tepi: rgb(255 255 255 / .064);--kaca-ubin-bayang: 0 4px 14px -6px rgb(0 0 0 / .6);--bayang-kartu: 0 10px 30px -6px rgba(0, 0, 0, .4);--bayang-item: 0 2px 10px -2px rgba(0, 0, 0, .25);--bayang-premium: 0 12px 35px -8px rgba(0, 0, 0, .6);--tirai-morph: rgba(0, 0, 0, .4);--bayang-melayang: 0 24px 60px -18px rgba(0, 0, 0, .6), 0 4px 14px -6px rgba(0, 0, 0, .35);--bayang-dalam: inset 0 2px 4px rgba(0, 0, 0, .25);--vault-dari: #4A3A22;--vault-tengah: #2A2012;--vault-ke: #121211}:root[data-aksen=pink]{--aksen-rgb: 200 70 120;--aksen-teks: #A83C68;--aksen-muda: #F0A9C6;--aksen-atas: #FFFFFF;--chip-isi: #2A1620;--chip-atas: #F0A9C6;--vault-dari: #A8467A;--vault-tengah: #3A1A28;--vault-ke: #140D11;--foil-terang: #F9D3E3;--foil: #D98BAE;--foil-gelap: #A84F79;--vault-teks: #FDE7F0;--vault-teks-2: rgba(253, 231, 240, .85)}:root[data-theme=dark][data-aksen=pink]{--aksen-rgb: 236 160 190;--aksen-teks: #F0A9C6;--aksen-muda: #F7C9DC;--aksen-atas: #2A1620;--chip-isi: #3F2130;--chip-atas: #F7C9DC;--vault-dari: #1E1016;--vault-tengah: #3A1A28;--vault-ke: #0E0A0C}:root{--surat-lama-kertas: #F3E9D1;--surat-lama-tepi: #C7B082;--surat-lama-tinta: #302820;--surat-lama-amplop: #D7C39A}:root[data-theme=dark]{--surat-lama-kertas: #332D24;--surat-lama-tepi: #746044;--surat-lama-tinta: #F2E8D5;--surat-lama-amplop: #463B2C}*,*:before,*:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}html{background:var(--bg-app)}body{margin:0;min-width:var(--lebar-minimum);min-height:100svh;background:var(--bg-app);color:var(--teks);font-family:var(--font-ui);font-size:var(--t-isi);line-height:1.45;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,p,dl{margin:0}svg{display:block}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--aksen-isi);outline-offset:2px;border-radius:var(--r-chip)}.latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.latar span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35}.latar span:first-child{top:-8%;right:-18%;width:60vw;height:60vw;max-width:calc(var(--j1) * 105);max-height:calc(var(--j1) * 105);background:radial-gradient(circle,var(--aksen-muda) 0%,transparent 70%)}.latar span:last-child{bottom:10%;left:-22%;width:55vw;height:55vw;max-width:calc(var(--j1) * 95);max-height:calc(var(--j1) * 95);background:radial-gradient(circle,var(--aksen-isi) 0%,transparent 70%)}:root[data-theme=dark] .latar span{opacity:.18}::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;animation-timing-function:ease-out}.tema-ikon-berputar svg{view-transition-name:tema-ikon}::view-transition-group(tema-ikon){animation:none}::view-transition-old(tema-ikon),::view-transition-new(tema-ikon){mix-blend-mode:normal;animation:.6s cubic-bezier(.22,1,.36,1) both tema-ikon-keluar}::view-transition-new(tema-ikon){animation-name:tema-ikon-masuk}@keyframes tema-ikon-keluar{to{transform:rotate(120deg);opacity:0}}@keyframes tema-ikon-masuk{0%{transform:rotate(-120deg);opacity:0}}.tema-berganti,.tema-berganti *{transition:none!important}.kepala{position:sticky;top:0;z-index:30;display:grid;max-width:var(--lebar-isi);margin:0 auto;padding:max(calc(var(--j5) + var(--j1) / 2),env(safe-area-inset-top)) var(--tepi) calc(var(--j3) + var(--j1) / 2);isolation:isolate}.kepala:not(.kepala-hero){--pudar-warna: var(--bg-app);--pudar-padat: var(--kepala-padat)}:is(.kepala:not(.kepala-hero),.layar-kepala,.morph-kepala):before{content:"";position:absolute;inset:0 0 calc((var(--j6) + var(--j1)) * -1);z-index:-1;pointer-events:none;background:linear-gradient(180deg,var(--pudar-warna) var(--pudar-padat),color-mix(in srgb,var(--pudar-warna) 60%,transparent) 70%,transparent);backdrop-filter:blur(calc(var(--j1) * 1.5));-webkit-backdrop-filter:blur(calc(var(--j1) * 1.5));-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}.kepala-atas{display:flex;align-items:center;gap:var(--j3);min-width:0;min-height:var(--tombol-kepala)}.kepala-avatar{flex:0 0 auto;width:var(--tombol-kepala);height:var(--tombol-kepala);border-radius:50%;display:grid;place-items:center;object-fit:cover;background:var(--bg-subtle-2);color:var(--teks);font-size:var(--t-kecil);font-weight:var(--tebal-judul)}.kepala-salam{flex:1;min-width:0;display:grid;line-height:1.25}.kepala-sub{font-size:var(--t-label);font-weight:var(--tebal-isi);color:var(--teks-2)}.kepala-orang{font-size:var(--t-baris);font-weight:var(--tebal-judul);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kepala-sapa{min-width:0;display:grid}.kepala:not(.kepala-hero) .kepala-sapa{position:absolute;width:var(--garis-tipis);height:var(--garis-tipis);padding:0;margin:calc(-1 * var(--garis-tipis));overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.kepala-nama{font-family:var(--font-suara);font-size:var(--t-judul);font-weight:var(--tebal-tegas);line-height:1.1;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kepala-aksi{flex:0 0 auto;display:flex;gap:var(--jarak-tombol-kepala)}.kepala-aksi .tombol-ikon{width:var(--tombol-kepala);height:var(--tombol-kepala)}.kepala-aksi .tombol-ikon{background:var(--kaca-ubin-isi);backdrop-filter:var(--kaca-ubin-saring);-webkit-backdrop-filter:var(--kaca-ubin-saring);border-color:var(--kaca-ubin-tepi);border-radius:var(--r-ubin-kaca);box-shadow:inset 0 1px 0 var(--kaca-ubin-tepi),var(--kaca-ubin-bayang)}.kepala:not(.kepala-hero) .kepala-avatar{box-shadow:0 0 0 1px var(--kaca-ubin-tepi),var(--kaca-ubin-bayang)}.kepala-aksi .tombol-ikon:after{content:"";position:absolute;border-radius:var(--r-ubin-kaca);inset:min(0px,calc((var(--tombol-kepala) - var(--sentuh)) / 2))}.kepala-aksi .tombol-ikon svg{width:var(--ikon-kepala);height:var(--ikon-kepala)}.kepala-aksi [data-aksi=kabar]{color:var(--aksen-teks)}.kepala-lensa{position:relative}.kepala-lensa>span{display:grid;position:absolute;transition:opacity var(--gerak),transform var(--gerak) var(--lembut)}.kepala-lensa .lensa-berdua{opacity:0;transform:rotate(-90deg) scale(.6)}.kepala-lensa[aria-pressed=true]{color:var(--aksen-teks)}.kepala-lensa[aria-pressed=true] .lensa-sendiri{opacity:0;transform:rotate(90deg) scale(.6)}.kepala-lensa[aria-pressed=true] .lensa-berdua{opacity:1;transform:rotate(0) scale(1)}@media(prefers-reduced-motion:reduce){.kepala-lensa>span{transition:none}}.kepala-hero{--kepala-cahaya: .7;--emas-ukuran: 2.45;--emas-geser-x: 26px;--emas-geser-y: -38px;--judul-x: var(--judul-tab-x);--judul-y: var(--judul-tab-y);--judul-ukuran: var(--t-judul-tab);position:relative;top:auto;isolation:isolate;gap:0 var(--j3);grid-template-columns:minmax(0,1fr) var(--kolom-figur-tab);grid-template-rows:auto var(--atap-kepala-tab) var(--tinggi-kartu-tab);padding-bottom:var(--j5);background:none}.kepala-fitur{--kepala-cahaya: .7;--emas-ukuran: 2.45;--emas-geser-x: 26px;--emas-geser-y: -38px;--judul-x: var(--judul-fitur-x);--judul-y: var(--judul-fitur-y);--judul-ukuran: var(--t-judul-fitur);position:relative;isolation:isolate;display:grid;gap:0 var(--j3);grid-template-columns:minmax(0,1fr) var(--kolom-figur-fitur);grid-template-rows:0px var(--atap-kepala-fitur) var(--tinggi-kartu-fitur);margin-bottom:var(--j2)}:root[data-theme=dark] .kepala-fitur{--kepala-cahaya: .5}.kepala-fitur .kepala-nama{white-space:normal;overflow-wrap:normal}.kepala-hero .kepala-atas{grid-row:1;grid-column:1 / -1;position:relative;z-index:3;margin-bottom:var(--jarak-atas-kartu)}:is(.kepala-hero,.kepala-fitur):before{content:"";grid-row:3;grid-column:1 / -1;align-self:stretch;z-index:0;border-radius:var(--r-kartu);background:linear-gradient(135deg,var(--kaca-kepala-atas),var(--kaca-kepala-bawah));border:1px solid var(--kaca-kepala-tepi);box-shadow:inset 0 1px 0 var(--kaca-kepala-tepi),var(--bayang-kartu);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}:is(.kepala-hero,.kepala-fitur):after{content:"";grid-row:3;grid-column:1 / -1;align-self:stretch;z-index:-1;border-radius:var(--r-kartu);clip-path:inset(0 round var(--r-kartu));background:radial-gradient(ellipse calc(75px * var(--emas-ukuran)) calc(60px * var(--emas-ukuran)) at var(--emas-geser-x) calc(100% - 28px + var(--emas-geser-y)),color-mix(in srgb,var(--foil-gelap) calc(var(--kepala-cahaya) * 100%),transparent),transparent),radial-gradient(ellipse 90px 35px at 100px calc(100% - 40px),color-mix(in srgb,var(--vault-dari) calc(var(--kepala-cahaya) * 45%),transparent),transparent);filter:blur(28px);pointer-events:none}:root[data-theme=dark] .kepala-hero{--kepala-cahaya: .5}.kepala-figur[hidden],.kepala-hero .kepala-sub[hidden],.kepala-hero .kepala-figur img[hidden]{display:none}:is(.kepala-hero,.kepala-fitur) .kepala-figur{--lebar-pose: 184px;--naik: 0px;--geser-mochi: 0px;grid-row:2 / 4;grid-column:2;align-self:stretch;position:relative;z-index:1;clip-path:inset(-60% 0 0 -60%)}.kepala-hero .kepala-figur[data-pose=laporan-transaksi]{--lebar-pose: calc(190px * var(--skala-figur-tab));--naik: calc(8px * var(--skala-figur-tab));--geser-mochi: calc(12px * var(--skala-figur-tab))}.kepala-hero .kepala-figur[data-pose=laporan-laporan]{--lebar-pose: calc(198px * var(--skala-figur-tab));--naik: calc(2px * var(--skala-figur-tab));--geser-mochi: calc(8px * var(--skala-figur-tab))}.kepala-hero .kepala-figur[data-pose=kasbon]{--lebar-pose: calc(198px * var(--skala-figur-tab));--naik: calc(4px * var(--skala-figur-tab));--geser-mochi: calc(6px * var(--skala-figur-tab))}.kepala-hero .kepala-figur[data-pose=brankas]{--lebar-pose: calc(180px * var(--skala-figur-tab));--naik: calc(-26px * var(--skala-figur-tab));--geser-mochi: calc(16px * var(--skala-figur-tab))}.kepala-hero .kepala-figur[data-pose=rencana]{--lebar-pose: calc(212px * var(--skala-figur-tab));--naik: calc(4px * var(--skala-figur-tab));--geser-mochi: calc(18px * var(--skala-figur-tab))}.kepala-fitur .kepala-figur[data-pose=anggaran],.kepala-fitur .kepala-figur[data-pose=challenge],.kepala-fitur .kepala-figur[data-pose=tujuan],.kepala-fitur .kepala-figur[data-pose=berulang]{--lebar-pose: 170px;--naik: 0px;--geser-mochi: 10px}.kepala-fitur .kepala-figur[data-pose=berdua]{--lebar-pose: 190px;--naik: 10px;--geser-mochi: 20px}.kepala-fitur .kepala-figur[data-pose=split],.kepala-fitur .kepala-figur[data-pose=banding]{--lebar-pose: 170px;--naik: 0px;--geser-mochi: 10px}.kepala-fitur .kepala-figur[data-pose=kantong]{--lebar-pose: 180px;--naik: 6px;--geser-mochi: 12px}:is(.kepala-hero,.kepala-fitur) .kepala-figur img{position:absolute;top:var(--naik);right:calc(var(--j3) - var(--geser-mochi));display:block;width:var(--lebar-pose);height:auto;max-width:none;filter:var(--mochi-kepala-redup) drop-shadow(0 8px 14px var(--bayang-mochi));-webkit-mask-image:var(--mochi-kepala-topeng);mask-image:var(--mochi-kepala-topeng)}.kepala-hero{--latar-tutup: .12;--latar-pudar: .45;--latar-blur: 1.5px;--latar-saturasi: 1.25;--latar-terang: 1}:root[data-theme=dark] .kepala-hero{--latar-tutup: .35;--latar-pudar: .6;--latar-terang: .9}.kepala-latar{grid-row:3;grid-column:1 / -1;align-self:stretch;z-index:-1;position:relative;overflow:hidden;border-radius:var(--r-kartu);--latar-x: 50%;--latar-y: 50%;--latar-zoom: 1}.kepala-latar[data-pose=laporan-transaksi],.kepala-latar[data-pose=laporan-laporan]{--latar-x: 50%;--latar-y: 50%;--latar-zoom: 1}.kepala-latar[data-pose=kasbon]{--latar-x: 100%;--latar-y: 50%;--latar-zoom: 1}.kepala-latar[data-pose=brankas]{--latar-x: 50%;--latar-y: 50%;--latar-zoom: 1}.kepala-latar[data-pose=rencana]{--latar-x: 50%;--latar-y: 47%;--latar-zoom: 1}.kepala-latar img{position:absolute;inset:calc(var(--latar-blur) * -2);width:calc(100% + var(--latar-blur) * 4);height:calc(100% + var(--latar-blur) * 4);max-width:none;object-fit:cover;object-position:var(--latar-x) var(--latar-y);transform:scale(var(--latar-zoom));transform-origin:var(--latar-x) var(--latar-y);filter:blur(var(--latar-blur)) saturate(var(--latar-saturasi)) brightness(var(--latar-terang))}.kepala-hero:has(.kepala-latar:not([hidden])):before{background:linear-gradient(90deg,color-mix(in srgb,var(--latar-tint) calc(var(--latar-pudar) * 100%),transparent) 0%,transparent 62%),color-mix(in srgb,var(--latar-tint) calc(var(--latar-tutup) * 100%),transparent);backdrop-filter:none;-webkit-backdrop-filter:none}.kepala-hero:has(.kepala-latar:not([hidden])):after{display:none}.kepala-hero:has(.kepala-latar:not([hidden])) .kepala-nama{color:var(--latar-judul);text-shadow:0 1px 14px color-mix(in srgb,var(--latar-tint) 45%,transparent)}.kepala-latar[hidden]{display:none}:is(.kepala-hero,.kepala-fitur) .kepala-sapa{grid-row:3;grid-column:1;z-index:1;align-self:end;justify-items:start;text-align:left;padding:0 var(--j2) var(--judul-y) var(--judul-x)}:is(.kepala-hero,.kepala-fitur) .kepala-nama{font-family:var(--font-ui);font-size:var(--judul-ukuran);font-weight:var(--tebal-judul);line-height:1.15;letter-spacing:-.02em}.lonceng-titik{position:absolute;top:var(--j2);right:var(--j2);width:var(--j2);height:var(--j2);border-radius:50%;background:var(--keluar);box-shadow:0 0 0 2px var(--bg-card)}.lonceng-titik[hidden]{display:none}.isi{touch-action:pan-y pinch-zoom;max-width:var(--lebar-isi);margin:0 auto;padding:var(--j1) var(--tepi) calc(var(--nav-ruang-bawah) + var(--j5))}.halaman{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--j4)}@keyframes kartu-masuk{0%{opacity:0;transform:translateY(14px)}}.halaman>*{animation:kartu-masuk .5s var(--lembut) both}.halaman>:nth-child(2){animation-delay:50ms}.halaman>:nth-child(3){animation-delay:.1s}.halaman>:nth-child(4){animation-delay:.15s}.halaman>:nth-child(5){animation-delay:.2s}.halaman>:nth-child(n+6){animation-delay:.25s}.isi-diam .halaman>*,.isi-diam .baris{animation:none}.isi.geser-kanan .halaman>*,.isi.geser-kiri .halaman>*{animation:none}#app{overflow-x:clip;padding-left:var(--rel-lebar);min-height:100svh;touch-action:pan-y pinch-zoom}@keyframes geser-dari-kanan{0%{opacity:0;transform:translate(18px)}}@keyframes geser-dari-kiri{0%{opacity:0;transform:translate(-18px)}}.isi.geser-kanan{animation:geser-dari-kanan var(--gerak-tab) var(--lembut)}.isi.geser-kiri{animation:geser-dari-kiri var(--gerak-tab) var(--lembut)}.navbar{position:fixed;z-index:35;left:var(--nav-tepi);right:var(--nav-tepi);bottom:calc(var(--nav-tepi) + env(safe-area-inset-bottom));max-width:var(--lebar-isi);margin:0 auto;display:flex;align-items:center;gap:var(--j1);height:var(--nav-tinggi);padding:var(--j2);background:var(--kaca-nav-isi);backdrop-filter:var(--kaca-nav-saring);-webkit-backdrop-filter:var(--kaca-nav-saring);border:var(--garis-tipis) solid var(--kaca-ubin-tepi);border-radius:var(--r-pil);box-shadow:inset 0 1px 0 var(--kaca-ubin-tepi),var(--nav-bayang)}.navbar-tab{position:relative;z-index:1;min-width:0;flex:1 1 0;height:100%;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--j1) / 2);border:0;border-radius:var(--r-pil);background:transparent;color:var(--teks-2);transition:color var(--gerak-cepat)}.navbar-tab.aktif{color:var(--teks)}.navbar-ikon{display:flex;flex-shrink:0}.navbar-ikon svg{width:var(--j6);height:var(--j6);transition:transform var(--gerak-tekan) ease}.navbar-tab:active .navbar-ikon svg{transform:scale(var(--skala-tekan))}.navbar-label{display:block;opacity:1;font-size:var(--t-label);font-weight:var(--tebal-isi);white-space:nowrap;transition:grid-template-columns var(--gerak-tab) var(--lembut),margin-left var(--gerak-tab) var(--lembut),opacity var(--gerak-cepat)}.navbar-label>span{min-width:0;overflow:hidden}.navbar-tab.aktif .navbar-label{font-weight:var(--tebal-judul)}.navbar-catat{flex:0 0 var(--nav-catat-ukuran);width:var(--nav-catat-ukuran);height:var(--nav-catat-ukuran);border-radius:var(--r-pil);background:var(--fab-isi);color:var(--fab-atas)}.navbar-catat .navbar-ikon svg{width:var(--j8);height:var(--j8)}.navbar-catat .navbar-label{display:none}.hero-tujuan{display:grid;grid-template-rows:0 var(--atap-kepala-tab) var(--tinggi-kartu-tab)}.kepala-hero .kepala-figur[data-pose=fitur]{--lebar-pose: calc(var(--j1) * 55 * var(--skala-figur-tab));--naik: calc(var(--j1) * var(--skala-figur-tab));--geser-mochi: calc(var(--j4) * var(--skala-figur-tab))}.fitur-pintu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--j3)}.fitur-katalog{display:grid;gap:var(--j4)}.fitur-katalog .fitur-undangan{margin-top:0}.fitur-pintu-tombol{display:flex;flex-direction:column;align-items:stretch;gap:var(--j2);text-align:left;padding:var(--j4);border:var(--garis-tipis) solid var(--garis);border-radius:var(--r-kartu);background:var(--bg-card);color:var(--teks);box-shadow:var(--bayang-item)}.fitur-pintu-tombol>svg{width:var(--j6);height:var(--j6);flex-shrink:0;color:var(--aksen-teks)}.fitur-pintu-tombol .ubin-kepala{display:flex}.fitur-pintu-tombol .ubin-label{color:var(--teks);font-weight:var(--tebal-judul)}.fitur-pintu-tombol strong{font-size:var(--t-isi);font-weight:var(--tebal-judul)}.fitur-pintu-tombol small{font-size:var(--t-label);color:var(--teks-2)}.navbar-pil{position:absolute;left:0;top:0;z-index:0;pointer-events:none;width:var(--pil-w, 0);height:var(--pil-h, 0);transform:translate(var(--pil-x, 0),var(--pil-y, 0));border-radius:var(--r-pil);background:var(--nav-pil);transition:transform var(--gerak-tab) var(--lembut),width var(--gerak-tab) var(--lembut)}.navbar-ukur .navbar-tab,.navbar-ukur .navbar-label,.navbar-ukur .navbar-pil{transition:none}@keyframes denyut-cakar{0%{box-shadow:0 0 0 0 var(--aksen-kilau),0 10px 24px -6px var(--aksen-bayang)}70%{box-shadow:0 0 0 15px rgb(var(--aksen-rgb) / 0),0 10px 24px -6px var(--aksen-bayang)}to{box-shadow:0 0 rgb(var(--aksen-rgb) / 0),0 10px 24px -6px var(--aksen-bayang)}}.fab-bungkus{position:fixed;z-index:36;right:max(var(--j5),calc((100vw - 720px) / 2 + var(--j5)),env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));display:grid;justify-items:end;gap:var(--j3)}.fab-bungkus:not(.terbuka){pointer-events:none}.fab-tirai{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--tirai-lembut);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--gerak-keluar) ease}.fab-bungkus.terbuka .fab-tirai{opacity:1;pointer-events:auto}.fab-menu{display:grid;justify-items:end;gap:calc(var(--j2) + var(--j1) / 2)}.fab-pil{display:inline-flex;align-items:center;gap:calc(var(--j2) + var(--j1) / 2);padding:calc(var(--j1) * 1.75) calc(var(--j1) * 1.75) calc(var(--j1) * 1.75) var(--j4);border:1px solid var(--kaca-tepi);border-radius:var(--r-pil);background:var(--kaca-modal);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--bayang-kartu);color:var(--teks);font-size:var(--t-isi);font-weight:var(--tebal-judul);opacity:0;transform:translateY(10px) scale(.94);transform-origin:bottom right;pointer-events:none;transition:opacity var(--gerak-cepat) ease,transform var(--gerak-tab) var(--pegas)}.fab-bungkus.terbuka .fab-pil{opacity:1;transform:none;pointer-events:auto;transition-delay:calc((2 - var(--i)) * 35ms)}.fab-pil:active{transform:scale(var(--skala-tekan));transition-duration:var(--gerak-tekan)}.fab-pil-ikon{width:calc(var(--j1) * 8.5);height:calc(var(--j1) * 8.5);display:grid;place-items:center;border-radius:var(--r-ikon-kecil);background:var(--aksen-lembut);color:var(--aksen-teks)}.fab-pil-ikon svg{width:calc(var(--j4) + var(--j1) / 2);height:calc(var(--j4) + var(--j1) / 2)}.fab{width:calc(var(--j1) * 15.5);height:calc(var(--j1) * 15.5);display:grid;place-items:center;pointer-events:auto;border:0;border-radius:var(--r-kartu);background:var(--fab-isi);color:var(--fab-atas);box-shadow:var(--bayang-kartu),0 10px 26px -10px var(--aksen-bayang);animation:denyut-cakar 2.5s ease-out 3;transition:transform var(--gerak-tekan) var(--pegas),box-shadow var(--gerak-cepat)}.fab svg{width:calc(var(--j6) + var(--j1));height:calc(var(--j6) + var(--j1))}.fab:active{transform:scale(var(--skala-tekan))}.fab-bungkus.terbuka .fab{transform:rotate(45deg)}@keyframes layar-masuk{0%{transform:translate(7%);opacity:0}}@keyframes layar-keluar{to{transform:translate(7%);opacity:0}}.layar{position:fixed;top:0;right:0;bottom:0;left:0;left:var(--rel-lebar);bottom:var(--nav-ruang-bawah);z-index:34;display:flex;flex-direction:column;background:var(--bg-app);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;animation:layar-masuk var(--gerak-tab) var(--lengkung-sheet)}.layar-pergi{animation:layar-keluar var(--gerak-keluar) ease forwards}.layar-kepala{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:calc(var(--j1) * 1.5);padding:calc(max(calc(var(--j3) + var(--j1) / 2),env(safe-area-inset-top)) + var(--j1)) calc(var(--j3) + var(--j1) / 2) var(--j3);--pudar-warna: var(--bg-app);--pudar-padat: var(--halaman-padat);isolation:isolate}.layar-judul{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-suara);font-size:var(--t-baris);font-weight:var(--tebal-tegas)}.layar-kepala>.kepala-aksi{margin-left:auto}.layar-isi{flex:1 0 auto;width:100%;max-width:var(--lebar-isi);margin:0 auto;padding:calc(var(--j2) + var(--j1) / 2) var(--tepi) calc(var(--j8) + env(safe-area-inset-bottom))}.layar-hero{flex:none;width:100%;max-width:var(--lebar-isi);margin:0 auto;padding:calc(var(--j2) + var(--j1) / 2) var(--tepi) 0}.layar-hero+.layar-isi{padding-top:0}.layar-berhero .layar-judul{opacity:0;transition:opacity var(--gerak-cepat) ease}.layar-berhero.hero-lewat .layar-judul{opacity:1}.pil-mode{position:fixed;z-index:35;left:50%;transform:translate(-50%);bottom:calc(var(--nav-ruang-bawah) + var(--j2));display:inline-flex;align-items:center;gap:var(--j2);min-height:var(--sentuh);padding:0 var(--j4) 0 var(--j3);border:0;border-radius:var(--r-pil);background:var(--balik-bg);color:var(--balik-teks);font-size:var(--t-label);font-weight:var(--tebal-isi);white-space:nowrap;box-shadow:var(--nav-bayang);animation:pil-mode-masuk var(--gerak-cepat) var(--lembut) both}.pil-mode[hidden]{display:none}body:has(.pil-mode:not([hidden])) .isi{padding-bottom:calc(var(--nav-ruang-bawah) + var(--sentuh) + var(--j5) + var(--j2))}.pil-mode svg{width:var(--j4);height:var(--j4);flex:none}.pil-mode b{font-weight:var(--tebal-judul)}.pil-mode:active{transform:translate(-50%) scale(var(--skala-tekan))}@keyframes pil-mode-masuk{0%{opacity:0;translate:0 var(--j2)}}.vault{position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--j5) + var(--j1) / 2) calc(var(--j5) + var(--j1) / 2) calc(var(--j4) + var(--j1) / 2);border-radius:var(--r-sheet);color:#fff;background:linear-gradient(135deg,var(--vault-dari) 0%,var(--vault-tengah) 55%,var(--vault-ke) 100%);border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 44px -18px #14100e8c;user-select:none;-webkit-user-select:none;touch-action:pan-y}.vault-tekstur,.vault-kilau{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.vault-tekstur{z-index:0;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E")}.vault-kilau{z-index:1;overflow:hidden}.vault-kilau:after{content:"";position:absolute;top:-50%;left:0;width:100%;height:200%;background:linear-gradient(90deg,transparent 25%,var(--vault-kilau-lembut) 40%,var(--vault-kilau-puncak) 50%,var(--vault-kilau-lembut) 60%,transparent 75%);opacity:0;transform:translate(-150%) skew(-18deg)}.vault.kilau-entri .vault-kilau:after{animation:sapu-kilau var(--gerak-kilau-vault) var(--kurva-kilau-vault) 1 both}@keyframes sapu-kilau{0%{opacity:0;transform:translate(-150%) skew(-18deg)}20%,80%{opacity:1}to{opacity:0;transform:translate(150%) skew(-18deg)}}.vault-atas,.vault-label,.vault-angka,.vault-nomor,.vault-kaca{position:relative;z-index:2}.vault-atas{display:flex;align-items:center;gap:calc(var(--j2) + var(--j1) / 2)}.vault-chip{width:calc(var(--j7) + var(--j1));height:calc(var(--j6) + var(--j1));padding:calc(var(--j1) / 2);display:grid;border-radius:calc(var(--r-chip) * .5);background:linear-gradient(145deg,var(--foil-terang) 0%,var(--foil) 45%,var(--foil-gelap) 100%);box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1.5px 2px #78501480,0 1px 2px #00000040}.vault-chip span{border-radius:calc(var(--r-chip) * .25);border:1px solid rgba(120,80,20,.45);background:linear-gradient(145deg,rgba(255,255,255,.35),transparent 60%)}.vault-merek{flex:1;font-size:var(--t-nano);font-weight:var(--tebal-judul);letter-spacing:.22em;text-transform:uppercase;color:#fffc}.tombol-ikon.vault-mata{margin:calc(-1 * (var(--j1) * 1.5)) 0;border:0;background:#ffffff1a;color:#ffffffd9}.tombol-ikon.vault-mata:active{background:#fff3}.vault-nfc{color:#fff9}.vault-nfc svg{width:var(--j5);height:var(--j5)}.vault-label{display:block;margin-top:calc(var(--j5) + var(--j1) / 2);font-size:var(--t-nano);font-weight:var(--tebal-judul);letter-spacing:.16em;text-transform:uppercase;color:#fff9}.vault-angka{display:block;margin-top:calc(var(--j1) / 2);font-family:var(--font-angka);font-weight:var(--tebal-judul);font-size:var(--t-saldo-lentur);line-height:1.1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere;text-shadow:0 4px 16px rgba(0,0,0,.25)}.vault-nomor{display:block;margin:calc(var(--j2) + var(--j1) / 2) 0 var(--j4);font-family:var(--font-angka);font-variant-numeric:tabular-nums;font-size:var(--t-mikro);letter-spacing:.28em;color:#ffffff59}.vault-kaca{display:flex;align-items:center;justify-content:space-between;gap:var(--j3);padding:calc(var(--j1) * 3.25) var(--j4);border-radius:var(--r-isian);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}:root[data-theme=dark] .vault-kaca{background:#0000004d}.vault-kaca-kiri{display:grid;min-width:0;flex:1 1 auto}.vault-kaca-label{font-size:var(--t-nano);font-weight:var(--tebal-judul);letter-spacing:.12em;text-transform:uppercase;color:var(--vault-teks-2)}.vault-kaca-angka{font-family:var(--font-angka);font-variant-numeric:tabular-nums;font-size:var(--t-kaca-lentur);font-weight:var(--tebal-tegas);letter-spacing:-.01em;color:var(--vault-teks);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-kaca-kanan{display:grid;text-align:right;flex:0 1 auto;min-width:0;max-width:44%}.vault-kaca-kanan span{font-size:var(--t-nano);font-weight:var(--tebal-tegas);letter-spacing:.1em;text-transform:uppercase;color:#ffffff80}.vault-kaca-kanan strong{font-size:var(--t-mikro);font-weight:var(--tebal-judul);letter-spacing:.1em;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.vault.kilau-entri .vault-kilau:after{animation:none;opacity:0}}.vault[data-lensa=bersama] .vault-kaca-kiri{flex:0 0 auto}.vault[data-lensa=bersama] .vault-kaca-kanan{flex:1 1 auto;max-width:none;grid-template-columns:minmax(0,1fr)}.vault[data-lensa=bersama] .vault-kaca-kanan strong{overflow:visible;text-overflow:clip}.vault-pemilik-kecil .vault-kaca-kanan strong{font-size:var(--t-nano)}.vault-pemilik-dua-baris .vault-kaca-kanan strong{white-space:normal;text-wrap:balance;overflow-wrap:anywhere}.vault-kaca-sejak{font-size:var(--t-nano);font-weight:var(--tebal-isi);line-height:1.3;color:var(--vault-teks);opacity:.7;white-space:nowrap}.kartu.surat-mochi{display:block;padding:var(--j4)}.surat-kepala{display:flex;align-items:center;justify-content:space-between;gap:var(--j2);margin-bottom:var(--j2)}.surat-kepala h2{font-size:var(--t-isi);font-weight:var(--tebal-judul)}.surat-pemicu.tombol-ikon{background:var(--bg-subtle);color:var(--aksen-teks)}.surat-tempat-pemicu{min-height:var(--sentuh);display:flex;align-items:center;gap:var(--j2)}.surat-glif.chip{background:none;color:inherit;width:var(--j5);height:var(--j5);border-radius:0}.surat-tanda{position:absolute;width:var(--j2);height:var(--j2);border-radius:var(--r-pil);background:var(--aksen-isi);border:var(--garis-tipis) solid var(--bg-card);top:var(--j1);right:var(--j1)}.surat-ringkas{display:grid;grid-template-columns:var(--j9) minmax(0,1fr);column-gap:var(--j3);row-gap:var(--j1);align-items:center}.surat-persona,.surat-fakta{display:contents}.surat-avatar{grid-column:1;grid-row:1;justify-self:center}.surat-fakta>p{grid-column:2;grid-row:1}.surat-fakta>p+p{grid-row:2;align-self:start}.surat-avatar{width:var(--j9);height:var(--j9);flex-shrink:0;position:relative;overflow:hidden;border-radius:var(--r-pil);border:calc(var(--garis-tipis) * 2) solid var(--bg-subtle-2);background:var(--bg-subtle)}.surat-avatar img,.surat-avatar video{position:absolute;width:100%;height:100%;object-fit:contain;top:0;right:0;bottom:0;left:0}.surat-avatar video{opacity:0}.surat-avatar .surat-video-siap{opacity:1}.surat-avatar:has(.surat-video-siap:not([hidden])) img{visibility:hidden}.tab-bayangan .surat-avatar video{display:none}.tab-bayangan .surat-avatar:has(.surat-video-siap) img{visibility:visible}.surat-fakta>p{min-width:0;font-size:var(--t-isi);font-weight:var(--tebal-tegas);text-wrap:pretty;overflow-wrap:anywhere}.surat-fakta>.surat-pendamping{font-size:var(--t-label);font-weight:var(--tebal-isi);color:var(--teks-2)}.surat-konteks{font-size:var(--t-kecil);color:var(--teks-2);text-wrap:pretty}.surat-morph .morph-isi{padding-right:calc(var(--j6) + var(--garis-tipis));overflow:hidden;display:flex;flex-direction:column;gap:var(--j2)}.surat-morph .morph-kepala{flex-shrink:0;margin-top:calc(-1 * var(--j1));position:relative;top:auto}.surat-morph .morph-badan{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:var(--j1);margin-right:calc(-1 * var(--j3))}.surat-morph .morph-judul{gap:var(--j2)}.surat-morph .morph-kepala .tombol-kepala{background:var(--bg-subtle);color:var(--aksen-teks)}.surat-panggung{position:relative;isolation:isolate;margin-top:var(--j2);padding:var(--j7) var(--j2) var(--j6)}.surat-kertas{position:relative;z-index:2;background:var(--bg-card);border:var(--garis-tipis) solid var(--garis);border-radius:var(--j1);box-shadow:var(--bayang-kartu);padding:var(--j3) var(--j4) var(--j7);display:grid;gap:var(--j2)}.surat-kertas:before{content:"";position:absolute;top:0;right:0;width:var(--j4);height:var(--j4);background:var(--bg-subtle-2);clip-path:polygon(0 0,100% 0,100% 100%)}.surat-dari{font-size:var(--t-label);color:var(--teks-2)}.surat-salam,.surat-pesan,.surat-tanda-tangan{font-family:var(--font-suara);font-size:var(--t-isi);text-wrap:pretty;overflow-wrap:anywhere}.surat-salam{font-weight:var(--tebal-tegas)}.surat-tanda-tangan{justify-self:end;display:grid;justify-items:center;gap:var(--j1);font-style:italic}.surat-stempel{display:block;width:var(--sentuh);height:var(--sentuh);padding:var(--j1);border:calc(var(--garis-tipis) * 3) solid currentColor;border-radius:var(--r-pil);color:var(--teks);transform:rotate(-12deg);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%3e%3cfilter%20id='tinta'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.32'%20numOctaves='2'%20seed='8'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='saturate'%20values='0'/%3e%3cfeComponentTransfer%3e%3cfeFuncR%20type='discrete'%20tableValues='0%200%200%200%201%201%201%201%201%201'/%3e%3cfeFuncG%20type='discrete'%20tableValues='0%200%200%200%201%201%201%201%201%201'/%3e%3cfeFuncB%20type='discrete'%20tableValues='0%200%200%200%201%201%201%201%201%201'/%3e%3cfeFuncA%20type='linear'%20slope='0'%20intercept='1'/%3e%3c/feComponentTransfer%3e%3c/filter%3e%3crect%20width='96'%20height='96'%20filter='url(%23tinta)'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%3e%3cfilter%20id='tinta'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.32'%20numOctaves='2'%20seed='8'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='saturate'%20values='0'/%3e%3cfeComponentTransfer%3e%3cfeFuncR%20type='discrete'%20tableValues='0%200%200%200%201%201%201%201%201%201'/%3e%3cfeFuncG%20type='discrete'%20tableValues='0%200%200%200%201%201%201%201%201%201'/%3e%3cfeFuncB%20type='discrete'%20tableValues='0%200%200%200%201%201%201%201%201%201'/%3e%3cfeFuncA%20type='linear'%20slope='0'%20intercept='1'/%3e%3c/feComponentTransfer%3e%3c/filter%3e%3crect%20width='96'%20height='96'%20filter='url(%23tinta)'/%3e%3c/svg%3e");mask-mode:luminance;-webkit-mask-size:100% 100%;mask-size:100% 100%}.surat-stempel svg{width:100%;height:100%}.surat-amplop{position:absolute;bottom:0;left:0;right:0;height:calc(var(--j9) + var(--j2));background:var(--bg-subtle-2);border:var(--garis-tipis) solid var(--garis);border-radius:0 0 var(--r-chip) var(--r-chip);clip-path:polygon(0 0,50% 45%,100% 0,100% 100%,0 100%);z-index:3;pointer-events:none}.surat-amplop:before,.surat-amplop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-subtle)}.surat-amplop:before{clip-path:polygon(0 0,50% 45%,0 100%)}.surat-amplop:after{clip-path:polygon(100% 0,50% 45%,100% 100%)}.surat-lipat{position:absolute;top:0;left:0;right:0;height:var(--j9);background:var(--bg-subtle-2);clip-path:polygon(0 100%,50% 0,100% 100%);z-index:0}.surat-lipat:after{content:"";position:absolute;inset:var(--garis-tipis);background:var(--bg-subtle);clip-path:polygon(0 100%,50% 0,100% 100%)}.surat-kertas-aksi{display:flex;justify-content:center;border-top:var(--garis-tipis) solid var(--garis);padding-top:var(--j2)}.surat-kertas-aksi .tombol-teks{min-height:var(--sentuh)}[data-gaya-surat=lama] .surat-kertas{color:var(--surat-lama-tinta);background:radial-gradient(ellipse at 50% 42%,transparent 50%,color-mix(in srgb,var(--surat-lama-tepi) 38%,transparent)),var(--surat-lama-kertas);border-color:var(--surat-lama-tepi);border-radius:var(--j1) var(--j2) var(--j1) var(--j2);box-shadow:inset 0 0 var(--j3) color-mix(in srgb,var(--surat-lama-tepi) 22%,transparent),var(--bayang-kartu)}[data-gaya-surat=lama] .surat-kertas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='128'%20height='128'%20viewBox='0%200%20128%20128'%3e%3cfilter%20id='serat'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.55'%20numOctaves='3'%20seed='17'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='saturate'%20values='0'/%3e%3c/filter%3e%3crect%20width='128'%20height='128'%20filter='url(%23serat)'/%3e%3c/svg%3e");opacity:.12;pointer-events:none;border-radius:inherit}[data-gaya-surat=lama] .surat-kertas>*{position:relative;z-index:1}[data-gaya-surat=lama] .surat-kertas:before{background:var(--surat-lama-amplop);box-shadow:calc(-1 * var(--garis-tipis)) var(--garis-tipis) var(--j1) var(--surat-lama-tepi)}[data-gaya-surat=lama] .surat-dari{color:var(--surat-lama-tinta);opacity:.7}[data-gaya-surat=lama] .surat-kertas-aksi{border-color:color-mix(in srgb,var(--surat-lama-tinta) 16%,transparent)}[data-gaya-surat=lama] .surat-kertas-aksi .tombol-teks{color:var(--surat-lama-tinta)}[data-gaya-surat=lama] .surat-amplop,[data-gaya-surat=lama] .surat-lipat{background:var(--surat-lama-tepi);border-color:var(--surat-lama-tepi)}[data-gaya-surat=lama] .surat-amplop:before,[data-gaya-surat=lama] .surat-amplop:after,[data-gaya-surat=lama] .surat-lipat:after{background:linear-gradient(135deg,var(--surat-lama-kertas),var(--surat-lama-amplop))}.isi .baris.surat-petunjuk,.layar .baris.surat-petunjuk{animation:surat-tunjuk calc(var(--gerak-sheet) * 2) var(--lembut)}@keyframes surat-tunjuk{0%,to{transform:translate(0)}20%,60%{transform:translate(var(--j1))}40%,80%{transform:translate(calc(-1 * var(--j1)))}}@media(prefers-reduced-motion:reduce){.surat-pemicu svg path{transition:none}.isi .baris.surat-petunjuk,.layar .baris.surat-petunjuk{animation:none}.surat-avatar video{display:none}}.surat-bulanan .surat-kertas{padding-top:var(--j4)}.surat-segmen{display:flex;gap:var(--j1)}.surat-segmen i{flex:1;height:calc(var(--garis-tipis) * 3);border-radius:var(--r-pil);background:color-mix(in srgb,var(--surat-lama-tinta) 16%,transparent);transition:background var(--gerak-cepat) var(--lembut)}.surat-segmen i.terisi{background:var(--aksen-isi)}.surat-jalur{margin-inline:calc(-1 * var(--j2));display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.surat-jalur::-webkit-scrollbar{display:none}.surat-halaman{scroll-snap-align:start;scroll-snap-stop:always;min-width:0;padding-inline:var(--j2);display:grid;gap:var(--j2);align-content:start;padding-top:var(--j2)}.surat-halaman-kepala{display:flex;align-items:center;gap:var(--j3)}.surat-halaman-kepala h3{font-family:var(--font-suara);font-size:var(--t-bagian);font-weight:var(--tebal-tegas);text-wrap:balance}.surat-halaman-mochi{width:var(--j9);height:var(--j9);flex-shrink:0;object-fit:contain}.surat-halaman-ket{font-size:var(--t-label);opacity:.7}.surat-angka{margin:0;display:grid}.surat-angka div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--j3);padding:var(--j2) 0;border-bottom:var(--garis-tipis) dashed color-mix(in srgb,var(--surat-lama-tinta) 22%,transparent)}.surat-angka dt{min-width:0;font-size:var(--t-kecil);overflow-wrap:anywhere}.surat-angka dd{margin:0;font-size:var(--t-kecil);font-weight:var(--tebal-tegas);text-align:right;font-variant-numeric:tabular-nums}.surat-kategori{list-style:none;margin:0;padding:0;display:grid;gap:var(--j3)}.surat-kategori-baris{display:flex;justify-content:space-between;align-items:baseline;gap:var(--j3);font-size:var(--t-kecil)}.surat-kategori-baris>:last-child{flex-shrink:0;font-weight:var(--tebal-tegas);font-variant-numeric:tabular-nums}.surat-kategori .progres{margin-top:var(--j1);background:color-mix(in srgb,var(--surat-lama-tinta) 12%,transparent)}.surat-pemicu.tombol-ikon[data-status-amplop=bulanan]{background:var(--aksen-isi);color:var(--aksen-atas)}.surat-di-laporan .chip{background:var(--bg-subtle);color:var(--aksen-teks)}.ubin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--j3)}.kartu-pintu{min-height:calc(var(--j6) * 4)}.baris-tampilan>.kartu-periode{flex:1;min-width:0}.ubin{min-width:0;display:flex;flex-direction:column;gap:var(--j2);padding:var(--j4);border-radius:var(--r-kartu);background:var(--bg-card);border:1px solid var(--garis);box-shadow:var(--bayang-item)}.ubin-kepala{display:flex;align-items:center;gap:var(--j2);min-width:0}.ubin-label{font-size:var(--t-kecil);font-weight:var(--tebal-tegas);color:var(--teks-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ubin-angka{font-family:var(--font-angka);font-variant-numeric:tabular-nums;font-size:var(--t-baris);font-weight:var(--tebal-tegas);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ubin-sub{margin-top:calc(-1 * var(--j1));font-size:var(--t-label);font-weight:var(--tebal-isi);color:var(--teks-3)}.chip{width:calc(var(--j1) * 9.5);height:calc(var(--j1) * 9.5);flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--chip-isi);color:var(--chip-atas)}.chip svg{width:calc(var(--j1) * 4.75);height:calc(var(--j1) * 4.75)}.chip-kecil{width:calc(var(--j6) + var(--j1));height:calc(var(--j6) + var(--j1))}.chip-kecil svg{width:calc(var(--j1) * 3.75);height:calc(var(--j1) * 3.75)}.ikon-pilihan{width:var(--sentuh);height:var(--sentuh);flex:0 0 auto;display:grid;place-items:center;border-radius:50%}.ikon-pilihan img{width:calc(var(--j1) * 8.5);height:calc(var(--j1) * 8.5);display:block}.ikon-redup{display:grid;flex:0 0 auto;opacity:.5;filter:grayscale(1)}.detail-ikon{margin-bottom:calc(var(--j1) * 1.5)}.detail-ikon .ikon-pilihan{width:calc(var(--j7) * 2);height:calc(var(--j7) * 2)}.detail-ikon .ikon-pilihan img{width:calc(var(--j1) * 12.5);height:calc(var(--j1) * 12.5)}.baris.baris-anak{width:calc(100% - var(--j6));margin-left:var(--j6)}.chip-besar{width:calc(var(--j1) * 15);height:calc(var(--j1) * 15)}.chip-besar svg{width:calc(var(--j6) + var(--j1));height:calc(var(--j6) + var(--j1))}.chip-masuk,.chip-keluar,.chip-info{background:var(--chip-isi);color:var(--chip-atas)}.chip-redup{background:var(--bg-subtle-2);color:var(--teks-2)}.chip-aksen{background:var(--aksen-lembut);color:var(--aksen-teks)}.angka-masuk{color:var(--masuk)}.angka-keluar{color:var(--keluar)}.angka-info{color:var(--info)}.angka-redup{color:var(--teks-3)}.kartu{padding:var(--j5);border-radius:var(--r-kartu);background:var(--bg-card);border:1px solid var(--garis);box-shadow:var(--bayang-kartu)}.kartu-rapat{padding:var(--j1) var(--j5)}.kartu-kepala{display:flex;align-items:center;justify-content:space-between;gap:var(--j3);padding-bottom:var(--j3);margin-bottom:var(--j3);border-bottom:1px solid var(--garis)}.judul-grup,.kartu-kepala h2{margin:0;font-size:var(--t-isi);font-weight:var(--tebal-judul);line-height:1.3;color:var(--teks)}.kartu-kepala .judul-grup{display:flex;align-items:center;gap:var(--j2);min-width:0}.judul-grup-ikon .ikon-pilihan{width:calc(var(--j5) + var(--j1) / 2);height:calc(var(--j5) + var(--j1) / 2)}.ubin-kepala .ikon-pilihan{width:calc(var(--j6) + var(--j1));height:calc(var(--j6) + var(--j1))}.ubin-kepala .ikon-pilihan img{width:calc(var(--j1) * 6.5);height:calc(var(--j1) * 6.5)}.judul-grup-ikon .ikon-pilihan img{width:var(--j5);height:var(--j5)}.grup-total{font-family:var(--font-angka);font-variant-numeric:tabular-nums;font-size:var(--t-isi);font-weight:var(--tebal-tegas);white-space:nowrap}.tombol-pil{min-height:var(--sentuh);flex:0 0 auto;padding:calc(var(--j1) * 1.75) calc(var(--j1) * 3.25);border:1px solid color-mix(in srgb,var(--aksen-isi) 22%,transparent);border-radius:var(--r-pil);background:color-mix(in srgb,var(--aksen-muda) 16%,transparent);color:var(--aksen-teks);font-size:var(--t-label);font-weight:var(--tebal-judul);transition:transform var(--gerak-tekan) var(--pegas)}.tombol-pil:active{transform:scale(var(--skala-tekan))}.tombol-pil-kecil{justify-self:start;margin-top:calc(-1 * (var(--j1) * 1.5))}.tombol-garis{min-height:var(--tinggi-utama);display:flex;align-items:center;justify-content:center;gap:var(--j2);border:1.5px dashed color-mix(in srgb,var(--aksen-isi) 45%,transparent);border-radius:var(--r-isian);background:transparent;color:var(--aksen-teks);font-weight:var(--tebal-judul);transition:transform var(--gerak-tekan) var(--pegas),background-color .2s}.tombol-garis svg{width:calc(var(--j4) + var(--j1) / 2);height:calc(var(--j4) + var(--j1) / 2)}.tombol-garis:active{transform:scale(var(--skala-tekan));background:var(--aksen-lembut)}@keyframes baris-masuk{0%{opacity:0;transform:translateY(7px)}}.daftar,.daftar-riwayat{display:grid;gap:var(--j2)}.baris{width:100%;display:flex;align-items:center;gap:var(--j3);padding:var(--j3);border:1px solid var(--garis);border-radius:var(--r-isian);background:var(--bg-card);box-shadow:var(--bayang-item);text-align:left;color:var(--teks);transition:transform var(--gerak-tekan) var(--pegas);animation:baris-masuk .45s var(--lembut) both;animation-delay:calc(min(var(--i, 0),10)*40ms)}.baris:active{transform:scale(var(--skala-tekan))}.baris-diam:active{transform:none}.baris-teks{flex:1;min-width:0;display:grid;gap:calc(var(--j1) / 2)}.baris-judul{font-size:var(--t-kecil);font-weight:var(--tebal-tegas);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baris-sub{font-size:var(--t-label);font-weight:var(--tebal-isi);color:var(--teks-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baris-angka{flex:0 1 auto;min-width:0;max-width:54%;white-space:normal;overflow-wrap:anywhere;font-family:var(--font-angka);font-variant-numeric:tabular-nums;font-size:var(--t-kecil);font-weight:var(--tebal-tegas);letter-spacing:-.01em}.baris-hilang{display:none}.baris-lunas{opacity:.6}.lencana{display:inline-block;margin-left:calc(var(--j1) * 1.5);padding:var(--garis-tipis) calc(var(--j1) * 1.75);vertical-align:1px;border-radius:var(--r-pil);background:var(--chip-masuk);color:var(--masuk);font-size:var(--t-nano);font-weight:var(--tebal-judul)}.lencana-diam{background:var(--bg-subtle-2);color:var(--teks-2)}.lencana-buruk{background:var(--chip-keluar);color:var(--keluar)}.progres{display:block;height:calc(var(--j1) * 1.25);margin-top:calc(var(--j1) * 1.5);overflow:hidden;border-radius:var(--r-pil);background:var(--bg-subtle-2)}.progres span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--aksen-muda),var(--aksen-isi));transition:width .6s var(--lembut)}.progres-penuh span{background:var(--masuk)}.progres-hari{position:relative;overflow:visible}.progres-hari:after{content:"";position:absolute;left:var(--hari);top:calc(var(--j1) * -.75);bottom:calc(var(--j1) * -.75);width:calc(var(--garis-tipis) * 2);margin-left:calc(var(--garis-tipis) * -1);border-radius:var(--garis-tipis);background:var(--teks);box-shadow:0 0 0 calc(var(--garis-tipis) * 1.5) var(--bg-card)}.baris-status{display:block;margin-top:var(--j2)}.pemisah-tanggal{position:sticky;top:var(--tinggi-kepala);z-index:5;display:flex;align-items:center;gap:calc(var(--j2) + var(--j1) / 2);padding:var(--j3) var(--j1) calc(var(--j4) + var(--j1) / 2);margin-bottom:calc(var(--j3) * -1);background:linear-gradient(180deg,var(--bg-app) var(--tanggal-padat),transparent)}.kepala-hero+.isi .pemisah-tanggal{top:0}.pemisah-tanggal span{font-size:var(--t-mikro);font-weight:var(--tebal-judul);letter-spacing:.05em;text-transform:uppercase;color:var(--teks-3);white-space:nowrap}.pemisah-tanggal:after{content:"";flex:1;height:var(--garis-tipis);background:var(--garis)}.ringkas-baris{display:flex;align-items:center;justify-content:space-between;gap:var(--j3);padding:var(--j3) 0;border-bottom:1px solid var(--garis)}.ringkas-baris:last-child{border-bottom:0}.ringkas-label{display:flex;align-items:center;gap:calc(var(--j2) + var(--j1) / 2);font-size:var(--t-kecil);font-weight:var(--tebal-tegas);color:var(--teks-2)}.ringkas-baris strong{font-family:var(--font-angka);font-variant-numeric:tabular-nums;font-size:var(--t-isi);font-weight:var(--tebal-tegas);white-space:nowrap}.ringkas-total .ringkas-label{color:var(--teks);font-size:var(--t-mikro);font-weight:var(--tebal-judul);letter-spacing:.06em;text-transform:uppercase}.cari{position:relative;display:block}.cari svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:calc(var(--j4) + var(--j1) / 2);height:calc(var(--j4) + var(--j1) / 2);color:var(--teks-3);pointer-events:none}.cari input{width:100%;min-height:var(--tinggi-sedang);padding:calc(var(--j2) + var(--j1) / 2) calc(var(--j3) + var(--j1) / 2) calc(var(--j2) + var(--j1) / 2) calc(var(--j1) * 10.5);border:1px solid transparent;border-radius:var(--r-isian);background:var(--bg-subtle-2);box-shadow:var(--bayang-dalam);font-size:var(--t-baris);font-weight:var(--tebal-isi);outline:none;transition:background-color var(--gerak-cepat),border-color var(--gerak-cepat),box-shadow var(--gerak-cepat)}.cari input:focus{background:var(--bg-card);border-color:var(--aksen-cincin);box-shadow:0 0 0 3px var(--aksen-halo)}.cari input::placeholder{color:var(--teks-3);font-weight:var(--tebal-isi)}.baris-polos{border:0;box-shadow:none;background:none;padding:var(--j1) calc(var(--j1) / 2);width:100%}.baris-fitur .baris-sub{white-space:normal;overflow:visible;line-height:1.45}.baris-fitur .baris-judul{white-space:normal}.kisi-kelompok{padding:var(--j4)}.kisi-judul{margin:0 0 calc(var(--j2) + var(--j1) / 2) var(--j1);font-size:var(--t-mikro);font-weight:var(--tebal-judul);letter-spacing:.09em;text-transform:uppercase;color:var(--teks-3)}.kisi,.fitur-beranda{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--j4) var(--j2)}.kisi+.kisi-judul{margin-top:var(--j6)}.ubin-fitur{min-width:0;display:grid;justify-items:center;align-content:start;gap:var(--j2);padding:0;border:0;background:none;color:var(--teks);text-align:center;animation:baris-masuk .45s var(--lembut) both;animation-delay:calc(min(var(--i, 0),10)*30ms)}.ubin-fitur-ikon{position:relative;width:var(--j9);height:var(--j9);display:grid;place-items:center;border-radius:var(--r-isian);border:1px solid var(--garis);background:var(--bg-card);color:var(--aksen-teks);box-shadow:var(--bayang-item);transition:transform var(--gerak-tekan) var(--pegas),background-color .2s,color .2s}.ubin-fitur-ikon svg{width:var(--j6);height:var(--j6)}.ubin-fitur:active .ubin-fitur-ikon{transform:scale(var(--skala-tekan));background:var(--aksen-isi);color:var(--aksen-atas);border-color:transparent}.kartu .ubin-fitur-ikon{background:var(--bg-subtle);box-shadow:none}.ubin-nanti .ubin-fitur-ikon{color:var(--teks-3)}.ubin-sorot .ubin-fitur-ikon{background:var(--aksen-lembut);border-color:var(--aksen-cincin);box-shadow:0 6px 16px -8px var(--aksen-kilau)}.ubin-sorot .ubin-fitur-nama{color:var(--teks);font-weight:var(--tebal-judul)}.ubin-fitur-nama{max-width:100%;font-size:var(--t-label);font-weight:var(--tebal-tegas);line-height:1.3;color:var(--teks-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ubin-titik{position:absolute;top:var(--j2);right:var(--j2);width:var(--j2);height:var(--j2);border-radius:50%;background:var(--keluar);box-shadow:0 0 0 2px var(--bg-card)}.kisi-tanda{font-size:var(--t-nano);font-weight:var(--tebal-judul);letter-spacing:.08em;text-transform:uppercase;color:var(--teks-3);margin-top:calc(-1 * (var(--j1) * .75))}.kisi-tanda{font-size:var(--t-mikro);letter-spacing:.04em;color:var(--teks-2)}.ubin-fitur .kisi-tanda{margin-top:calc(-1 * var(--j1));color:var(--teks-3)}.fitur-kepala{display:flex;align-items:center;justify-content:space-between;gap:var(--j3);margin-top:var(--j2)}.fitur-undangan{width:100%;justify-content:space-between;margin-top:var(--j2);color:var(--aksen-teks);text-align:left}.fitur-hero{display:grid;justify-items:center;gap:var(--j4);padding:var(--j7) var(--j6);text-align:center}.fitur-hero h2{margin:0;font-family:var(--font-suara);font-size:var(--t-judul)}.fitur-hero p{max-width:38ch;color:var(--teks-2);text-wrap:pretty}.fitur-status{padding:var(--j1) var(--j3);border-radius:var(--r-pil);border:1px solid var(--garis);color:var(--teks-2);font-size:var(--t-mikro)}.fitur-ket,.fitur-catatan{font-size:var(--t-kecil);line-height:1.6;color:var(--teks-2);margin-top:var(--j3)}.fitur-catatan{padding-top:var(--j4);border-top:1px solid var(--garis)}.fitur-langkah{padding:0;margin:var(--j5) 0 0;list-style:none;display:grid;gap:var(--j5)}.fitur-langkah li{display:flex;align-items:center;gap:var(--j3);font-size:var(--t-kecil)}.kantong-cara,.kantong-buka{margin-top:var(--j6)}.fitur-nomor{display:grid;place-items:center;width:var(--j8);height:var(--j8);flex-shrink:0;border-radius:var(--r-chip);background:var(--bg-subtle);color:var(--aksen-teks);font-variant-numeric:tabular-nums}.sakelar{display:grid;align-items:center;flex-shrink:0;width:var(--j9);min-height:var(--sentuh);padding:var(--j2);border:0;border-radius:var(--r-pil);background:var(--bg-subtle-2);transition:background-color var(--gerak)}.sakelar span{width:var(--j6);height:var(--j6);border-radius:50%;background:var(--teks-2);transition:transform var(--gerak) var(--lembut),background-color var(--gerak)}.sakelar[aria-checked=true]{background:var(--aksen-isi)}.sakelar[aria-checked=true] span{transform:translate(var(--j4));background:var(--aksen-atas)}.kartu-ringkas{padding:calc(var(--j4) + var(--j1) / 2) var(--j4) 0}.ringkas-kepala{display:grid;justify-items:center;gap:calc(var(--j1) * 1.75)}.ringkas-k{font-size:var(--t-nano);font-weight:var(--tebal-judul);letter-spacing:.1em;text-transform:uppercase;color:var(--teks-3)}.ringkas-besar{font-family:var(--font-suara);font-size:var(--t-judul);font-weight:var(--tebal-tegas);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.ringkas-kaki{display:grid;grid-template-columns:1fr 1fr;margin-top:calc(var(--j3) + var(--j1) / 2);border-top:1px solid var(--garis)}.ringkas-kaki>div{display:grid;justify-items:center;gap:calc(var(--j1) * .75);padding:var(--j3) calc(var(--j1) * 1.5)}.ringkas-kaki>div+div{border-left:1px solid var(--garis)}.ringkas-kaki strong{font-family:var(--font-angka);font-variant-numeric:tabular-nums;font-size:var(--t-isi);font-weight:var(--tebal-judul)}.pil-periode{display:inline-flex;align-items:center;gap:var(--j2);min-height:calc(var(--j1) * 8.5);padding:0 calc(var(--j3) + var(--j1) / 2);border:1px solid var(--garis);border-radius:var(--r-pil);background:var(--bg-subtle);color:var(--teks);font-size:var(--t-kecil);font-weight:var(--tebal-tegas);white-space:nowrap;transition:transform var(--gerak-tekan) var(--pegas),background-color .2s}.pil-periode:active{transform:scale(var(--skala-tekan));background:var(--bg-subtle-2)}.pil-periode-kecil{min-height:calc(var(--j1) * 7.5);padding:0 calc(var(--j1) * 2.75);font-size:var(--t-label);color:var(--teks-2);background:transparent}.baris-kendali{display:flex;align-items:center;gap:calc(var(--j2) + var(--j1) / 2)}.tombol-saring{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--j2);min-height:var(--tinggi-sedang);padding:0 var(--j4);border:1px solid var(--garis);border-radius:var(--r-isian);background:var(--bg-card);color:var(--teks-2);box-shadow:var(--bayang-item);font-size:var(--t-label);font-weight:var(--tebal-tegas);transition:transform var(--gerak-tekan) var(--pegas)}.tombol-saring:active{transform:scale(var(--skala-tekan));background:var(--aksen-isi);color:var(--aksen-atas)}.tombol-saring svg{width:var(--j5);height:var(--j5);color:var(--aksen-teks)}.tombol-saring:active svg{color:inherit}.lencana-angka{min-width:calc(var(--j4) + var(--j1) / 2);height:calc(var(--j4) + var(--j1) / 2);padding:0 calc(var(--j1) * 1.25);display:grid;place-items:center;border-radius:var(--r-pil);background:var(--aksen-isi);color:var(--aksen-atas);font-size:var(--t-mikro);font-weight:var(--tebal-judul);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.lencana-atas{position:absolute;top:-4px;right:-4px;border:2px solid var(--bg-app)}.kepala-bagian{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--j2) + var(--j1) / 2);padding:calc(var(--j1) / 2) calc(var(--j1) / 2) 0}.kepala-bagian h2{margin:0;font-size:var(--t-isi);font-weight:var(--tebal-judul)}.bar-lengket{position:fixed;left:var(--rel-lebar);right:0;z-index:29;max-width:var(--lebar-isi);margin:0 auto;display:flex;align-items:center;gap:calc(var(--j2) + var(--j1) / 2);padding:calc(var(--j1) * 2.25) var(--j5);background:var(--kaca-nav-isi);backdrop-filter:var(--kaca-nav-saring);-webkit-backdrop-filter:var(--kaca-nav-saring);border-bottom:1px solid var(--garis);animation:bar-turun .22s var(--lembut) both}@keyframes bar-turun{0%{opacity:0;transform:translateY(-8px)}}.baris-tampilan{display:flex;align-items:center;gap:calc(var(--j2) + var(--j1) / 2);margin-top:calc(-1 * var(--j1))}.baris-tampilan .segmen{flex:1;min-width:0}.laporan-dok{display:grid;gap:calc(var(--j6) + var(--j1))}.laporan-dok>section{display:grid;gap:var(--j3)}.judul-bagian{margin:0 0 calc(-1 * (var(--j1) / 2)) var(--j1);font-family:var(--font-suara);font-size:var(--t-bagian);font-weight:var(--tebal-tegas);letter-spacing:-.01em}.bar-aksi{display:flex;align-items:center;gap:var(--j2);flex:0 0 auto}.bagian-transaksi{display:grid;gap:var(--j4)}.bar-kiri{flex:1;min-width:0;display:flex;align-items:baseline;gap:calc(var(--j1) * 2.25)}.bar-periode{font-size:var(--t-kecil);font-weight:var(--tebal-judul);white-space:nowrap}.bar-angka{font-family:var(--font-angka);font-variant-numeric:tabular-nums;font-size:var(--t-kecil);font-weight:var(--tebal-judul);white-space:nowrap}.baris-panah{flex:0 0 auto;color:var(--teks-3);font-size:var(--t-bagian);line-height:1}.baris-centang{flex:0 0 auto;display:grid;place-items:center;color:var(--aksen-teks)}.baris-centang svg{width:calc(var(--j4) + var(--j1) / 2);height:calc(var(--j4) + var(--j1) / 2)}.daftar-pilihan{max-height:54vh;overflow-y:auto}.tombol-garis em{font-style:normal;font-weight:var(--tebal-tegas);color:var(--teks-3)}.saring{display:flex;gap:var(--j2);overflow-x:auto;scrollbar-width:none;margin:calc(-1 * (var(--j1) / 2)) calc(var(--tepi) * -1);padding:calc(var(--j1) / 2) var(--tepi);scroll-padding-inline:var(--tepi)}.saring::-webkit-scrollbar{display:none}.saring-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:calc(var(--j1) * 1.75);min-height:calc(var(--j1) * 8.5);padding:0 calc(var(--j3) + var(--j1) / 2);border:1px solid var(--garis);border-radius:var(--r-pil);background:var(--bg-card);color:var(--teks-2);font-size:var(--t-kecil);font-weight:var(--tebal-tegas);white-space:nowrap;box-shadow:var(--bayang-item)}.saring-aktif{background:var(--aksen-isi);border-color:var(--aksen-isi);color:var(--aksen-atas)}.saring-bersih{border-style:dashed;color:var(--keluar);background:transparent;box-shadow:none}.saring-bersih:active{transform:scale(var(--skala-tekan))}.saring-silang{font-size:var(--t-isi);line-height:1;opacity:.75;margin-left:calc(-1 * var(--garis-tipis))}.sr-only{position:absolute;width:var(--garis-tipis);height:var(--garis-tipis);padding:0;margin:calc(-1 * var(--garis-tipis));overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.banding-pemilih{display:flex;align-items:center;justify-content:center;gap:calc(var(--j2) + var(--j1) / 2);padding:calc(var(--j1) / 2) 0}.banding-panah{color:var(--teks-3);font-size:var(--t-isi);flex:0 0 auto}.banding-daftar{display:grid}.banding-baris{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:var(--j3);padding:calc(var(--j1) * 2.75) calc(var(--j1) / 2);border-bottom:1px solid var(--garis)}.banding-baris:last-child{border-bottom:0}.banding-label{font-size:var(--t-kecil);font-weight:var(--tebal-tegas);line-height:1.3;color:var(--teks-2);overflow-wrap:anywhere}.banding-nilai{display:grid;justify-items:end;gap:var(--garis-tipis);font-variant-numeric:tabular-nums}.banding-a{font-size:var(--t-mikro);font-weight:var(--tebal-tegas);color:var(--teks-3)}.banding-b{font-size:var(--t-kecil);font-weight:var(--tebal-judul)}.banding-beda{min-width:calc(var(--j1) * 14.5);text-align:right;font-size:var(--t-label);font-weight:var(--tebal-judul);font-variant-numeric:tabular-nums;color:var(--teks-3)}.banding-baik{color:var(--masuk)}.banding-buruk{color:var(--keluar)}.banding-sama{font-weight:var(--tebal-tegas);color:var(--teks-3)}.banding-tebal .banding-label{color:var(--teks)}.banding-tebal .banding-b{font-size:var(--t-isi)}.banding-kekayaan{margin-top:calc(var(--j2) + var(--j1) / 2);padding-top:var(--j1);border-top:1px solid var(--garis)}.periode-isi{display:grid;gap:var(--j3)}.periode-isi .geser-tahun{padding:0}.geser-tahun{display:flex;align-items:center;justify-content:center;gap:var(--j4);padding:calc(var(--j1) / 2) 0 calc(var(--j2) + var(--j1) / 2)}.geser-tahun-label{font-family:var(--font-suara);font-size:var(--t-baris);font-weight:var(--tebal-tegas);font-variant-numeric:tabular-nums}.kisi-periode{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--j2)}.kisi-kotak{min-height:calc(var(--j1) * 11.5);display:grid;place-items:center;border:0;border-radius:var(--r-kotak);background:var(--bg-subtle);color:var(--teks-2);font-size:var(--t-kecil);font-weight:var(--tebal-tegas);font-variant-numeric:tabular-nums;transition:transform var(--gerak-tekan) var(--pegas),background-color .2s,color .2s}.kisi-kotak:active{transform:scale(var(--skala-tekan))}.kisi-kotak:disabled{opacity:.3}.kisi-terpilih{background:var(--aksen-isi);color:var(--aksen-atas)}.dua-tanggal{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--j2) + var(--j1) / 2)}.kotak-tanggal{display:grid;gap:calc(var(--j1) * .75);padding:calc(var(--j1) * 2.75) calc(var(--j1) * 3.25);text-align:left;border:2px solid transparent;border-radius:var(--r-kotak);background:var(--bg-subtle)}.kotak-aktif{background:var(--bg-card);border-color:var(--aksen-isi)}.kotak-label{font-size:var(--t-nano);font-weight:var(--tebal-judul);letter-spacing:.09em;text-transform:uppercase;color:var(--teks-3)}.kotak-nilai{font-size:var(--t-kecil);font-weight:var(--tebal-judul);font-variant-numeric:tabular-nums}.pintasan{display:flex;gap:var(--j2);flex-wrap:wrap}.kal-nama{display:grid;grid-template-columns:repeat(7,1fr)}.kal-nama span{text-align:center;padding-bottom:var(--j1);font-size:var(--t-nano);font-weight:var(--tebal-judul);letter-spacing:.04em;text-transform:uppercase;color:var(--teks-3)}.kal-kisi{display:grid;grid-template-columns:repeat(7,1fr);row-gap:calc(var(--j1) / 2)}.kal-sel{position:relative;isolation:isolate;aspect-ratio:1;display:grid;place-items:center;background:none;border:0;font-size:var(--t-kecil);font-weight:var(--tebal-tegas);font-variant-numeric:tabular-nums;color:var(--teks)}.kal-luar{color:var(--teks-3)}.kal-dalam:before,.kal-ujung:before{content:"";position:absolute;top:3px;right:-1px;bottom:3px;left:-1px;z-index:-1;background:var(--aksen-lembut)}.kal-mulai:before{left:50%}.kal-akhir:before{right:50%}.kal-tunggal:before{display:none}.kal-ujung:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:-1;border-radius:50%;background:var(--aksen-isi)}.kal-ujung{color:var(--aksen-atas)}.kaki-rentang{display:flex;align-items:center;justify-content:space-between;gap:var(--j3);padding-top:var(--j3);border-top:1px solid var(--garis)}.kaki-teks{display:grid;gap:calc(var(--j1) / 2);min-width:0}.kaki-teks strong{font-size:var(--t-kecil);font-weight:var(--tebal-judul)}.kaki-teks small{font-size:var(--t-mikro);font-weight:var(--tebal-isi);color:var(--teks-3)}.btn-rapat{min-height:calc(var(--j1) * 11.5);padding:0 calc(var(--j5) + var(--j1) / 2);flex:0 0 auto}.kosong{display:flex;flex-direction:column;align-items:center;text-align:center;padding:calc(var(--j5) + var(--j1) / 2) var(--j3)}.kosong-ikon{position:relative;isolation:isolate;width:calc(var(--j7) * 2);height:calc(var(--j7) * 2);margin-bottom:calc(var(--j3) + var(--j1) / 2);display:grid;place-items:center;border-radius:50%;background:var(--bg-subtle-2);border:1px solid var(--garis);color:var(--aksen-isi)}.kosong-ikon:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;z-index:-1;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgb(var(--aksen-rgb) / .22),transparent 70%)}.kosong-ikon svg{width:calc(var(--j1) * 6.5);height:calc(var(--j1) * 6.5)}.kosong-judul{font-family:var(--font-suara);font-size:var(--t-baris);font-weight:var(--tebal-isi);margin-bottom:var(--j1)}.kosong-sub{max-width:calc(var(--j1) * 67.5);font-size:var(--t-kecil);font-weight:var(--tebal-isi);line-height:1.5;color:var(--teks-2)}.kosong .tombol-pil{margin-top:var(--j4)}.kosong-sebaris{max-width:none;padding:calc(var(--j1) * 1.5) 0 var(--j1);text-align:center}.kasbon-kosong,.rencana-kosong{display:grid;justify-items:center;gap:var(--j3);text-align:center;padding:var(--j7) var(--j5)}:is(.kasbon-kosong,.rencana-kosong) .ikon-pilihan{width:var(--j9);height:var(--j9)}:is(.kasbon-kosong,.rencana-kosong) .ikon-pilihan img{width:var(--tinggi-sedang);height:var(--tinggi-sedang)}:is(.kasbon-kosong,.rencana-kosong) .kosong-sub{max-width:calc(var(--j1) * 75)}:is(.kasbon-kosong,.rencana-kosong) .tombol-utama{margin-top:var(--j2)}.isian-angka{display:flex;align-items:center;gap:var(--j2);padding:0 var(--j4);border:1px solid var(--garis);border-radius:var(--r-isian);background:var(--bg-card);transition:background-color var(--gerak-cepat),border-color var(--gerak-cepat),box-shadow var(--gerak-cepat)}.isian-angka:focus-within{background:var(--bg-card);border-color:var(--aksen-cincin);box-shadow:0 0 0 3px var(--aksen-halo)}.isian-satuan{flex:0 0 auto;font-size:var(--t-kecil);font-weight:var(--tebal-judul);color:var(--teks-3)}.isian .isian-angka input{flex:1;width:0;min-width:0;min-height:calc(var(--j1) * 11.5);padding:0;border:0;background:none;box-shadow:none;font-family:var(--font-angka);font-variant-numeric:tabular-nums;font-size:var(--t-baris);font-weight:var(--tebal-tegas)}.isian .isian-angka input:focus{background:none;box-shadow:none;border:0}.lipat{padding-top:var(--j1);border-top:1px solid var(--garis)}.lipat>summary{display:flex;align-items:center;gap:var(--j2);padding:var(--j3) 0;cursor:pointer;list-style:none;font-size:var(--t-kecil);font-weight:var(--tebal-judul);color:var(--aksen-teks)}.lipat>summary::-webkit-details-marker{display:none}.lipat>summary:after{content:"";margin-left:auto;width:var(--j2);height:var(--j2);border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s var(--lembut)}.lipat[open]>summary:after{transform:rotate(-135deg) translate(-2px,-2px)}.lipat summary em{font-style:normal;font-weight:var(--tebal-isi);color:var(--teks-3)}.lipat-isi{display:grid;gap:var(--j4);padding:var(--j3) 0 var(--j2)}.kartu-lipat-tombol{display:inline-flex;align-items:center;gap:var(--j2);min-height:var(--sentuh);margin-block:calc((var(--sentuh) - 1.3em) / -2);padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left}.kartu-lipat-panah{width:var(--j2);height:var(--j2);flex:none;color:var(--teks-2);border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-135deg) translate(-2px,-2px);transition:transform .25s var(--lembut)}.kartu[data-dilipat] .kartu-lipat-panah{transform:rotate(45deg) translate(-2px,-2px)}[data-lipat-kartu]>:is(.kartu-kepala,.surat-kepala){transition:padding-bottom .32s var(--lembut),margin-bottom .32s var(--lembut),border-color .32s}.kartu[data-dilipat]>:is(.kartu-kepala,.surat-kepala){padding-bottom:0;margin-bottom:0;border-bottom-color:transparent}.kartu-lipat-isi{display:grid;grid-template-rows:1fr;transition:grid-template-rows .32s var(--lembut)}.kartu-lipat-isi>div{min-height:0}.kartu[data-dilipat] .kartu-lipat-isi{grid-template-rows:0fr}.kartu[data-dilipat] .kartu-lipat-isi>div{overflow:hidden;visibility:hidden;transition:visibility 0s .32s}@media(prefers-reduced-motion:reduce){.kartu-lipat-isi,[data-lipat-kartu]>:is(.kartu-kepala,.surat-kepala),.kartu-lipat-panah{transition:none}}.sub-buruk{color:var(--keluar)}.sub-dekat{color:var(--aksen-teks)}.progres-besar{width:100%;height:var(--j2);margin-top:calc(var(--j2) + var(--j1) / 2)}.kartu-pilihan-grup{display:grid;gap:var(--j2)}.bagian-judul+.kartu-pilihan-grup{margin-top:var(--j4)}.kartu-pilihan{--warna-pilihan: var(--nav-pil);--warna-pilihan-atas: var(--nav-teks);width:100%;display:grid;grid-template-rows:auto 0fr;padding:0 var(--j4);text-align:left;border:0;border-radius:var(--r-isian);background:var(--bg-subtle-2);color:var(--teks);transition:grid-template-rows .42s cubic-bezier(.3,1.3,.5,1),background-color .24s ease-out,color .24s ease-out,transform .16s var(--pegas)}.kartu-pilihan:active{transform:scale(var(--skala-tekan))}.kartu-pilihan:focus-visible{outline:2px solid var(--warna-pilihan);outline-offset:2px}.kartu-pilihan-baris{display:flex;align-items:center;gap:calc(var(--j2) + var(--j1) / 2);min-height:var(--tinggi-sedang)}.kartu-pilihan-baris>svg{width:calc(var(--j4) + var(--j1) / 2);height:calc(var(--j4) + var(--j1) / 2);flex:none}.kartu-pilihan-baris .ikon-pilihan{width:var(--j6);height:var(--j6)}.kartu-pilihan-baris .ikon-pilihan img{width:calc(var(--j5) + var(--j1) / 2);height:calc(var(--j5) + var(--j1) / 2)}.kartu-pilihan strong{flex:1;font-size:var(--t-isi);font-weight:var(--tebal-judul)}.kartu-pilihan-centang{width:var(--j5);height:var(--j5);border-radius:50%;flex:none;display:grid;place-items:center;background:var(--warna-pilihan-atas);color:var(--warna-pilihan);opacity:0;transform:scale(.4);transition:opacity .12s ease-in,transform .12s ease-in}.kartu-pilihan-centang svg{width:var(--j3);height:var(--j3);stroke-width:3}.kartu-pilihan-isi{overflow:hidden;min-height:0}.kartu-pilihan-isi>span{display:block;padding:0 0 calc(var(--j3) + var(--j1) / 2) calc(var(--j6) + var(--j1));font-size:var(--t-kecil);font-weight:var(--tebal-isi);line-height:1.45;opacity:0;transform:translateY(-4px);transition:opacity .12s ease-in,transform .12s ease-in}.kartu-pilihan:has(.ikon-pilihan) .kartu-pilihan-isi>span{padding-left:calc(var(--j1) * 8.5)}.kartu-pilihan:is([aria-pressed=true],[aria-checked=true]){grid-template-rows:auto 1fr;background:var(--warna-pilihan);color:var(--warna-pilihan-atas)}.kartu-pilihan:is([aria-pressed=true],[aria-checked=true]) .kartu-pilihan-centang{opacity:1;transform:none;transition:opacity .2s ease-out .1s,transform .36s var(--pegas) .1s}.kartu-pilihan:is([aria-pressed=true],[aria-checked=true]) .kartu-pilihan-isi>span{opacity:.92;transform:none;transition:opacity .24s ease-out .09s,transform .32s ease-out .09s}.anggaran-blok{display:grid;gap:var(--j3)}.anggaran-blok .tombol-garis{justify-self:start}.baris-anggaran{cursor:pointer}.anggaran-kepala{display:flex;align-items:baseline;justify-content:space-between;gap:var(--j2);min-width:0}.anggaran-kepala .baris-judul{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anggaran-nama{display:flex;align-items:baseline;min-width:0}.anggaran-nama .lencana{flex:0 0 auto}.anggaran-sisa{flex:0 0 auto;white-space:nowrap;font-family:var(--font-angka);font-variant-numeric:tabular-nums;font-size:var(--t-label);font-weight:var(--tebal-tegas);color:var(--teks-2)}.anggaran-sub{display:block;margin-top:var(--j1);font-size:var(--t-mikro);font-weight:var(--tebal-isi);color:var(--teks-3)}.baris-anggaran[data-keadaan=biasa] .progres span{background:var(--masuk)}.baris-anggaran[data-keadaan=hampir] .progres span{background:var(--peringatan)}.baris-anggaran[data-keadaan=lewat] .progres span{background:var(--keluar)}.baris-anggaran[data-keadaan=lewat] .anggaran-sisa,.anggaran-sub[data-keadaan=lewat]{color:var(--keluar)}.baris-kanan{flex:0 0 auto;display:grid;justify-items:end;gap:calc(var(--j1) / 2);text-align:right}.baris-kanan .baris-angka{max-width:none;white-space:nowrap;overflow-wrap:normal}.baris-ket{max-width:calc(var(--j1) * 36);font-size:var(--t-label);font-weight:var(--tebal-isi);color:var(--teks-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pil-status,.pil-sisa{--s-teks: var(--status-datang);--s-isi: var(--status-datang-isi);display:inline-flex;align-items:center;gap:calc(var(--j1) * 1.5);border-radius:var(--r-pil);background:var(--s-isi);color:var(--s-teks);font-weight:var(--tebal-tegas);white-space:nowrap;line-height:1.2}.pil-status{padding:calc(var(--j1) / 2) var(--j2) calc(var(--j1) / 2) calc(var(--j1) * 1.75);font-size:var(--t-label)}.pil-status:before{content:"";width:calc(var(--j1) * 1.5);height:calc(var(--j1) * 1.5);border-radius:50%;background:currentColor;flex:0 0 auto}.pil-status.pil-perubahan{padding-left:var(--j2)}.pil-status.pil-perubahan:before{display:none}:is(.pil-status,.pil-sisa):is([data-status=sesuai],[data-keadaan=sisa]){--s-teks: var(--status-sesuai);--s-isi: var(--status-sesuai-isi)}:is(.pil-status,.pil-sisa):is([data-status=lain],[data-keadaan=hampir]){--s-teks: var(--status-lain);--s-isi: var(--status-lain-isi)}:is(.pil-status,.pil-sisa):is([data-status=lewat],[data-keadaan=lewat]){--s-teks: var(--status-lewat);--s-isi: var(--status-lewat-isi)}.pil-sisa{position:relative;min-height:calc(var(--j1) * 7);padding:0 var(--j3);border:0;font-family:var(--font-angka);font-variant-numeric:tabular-nums;font-size:var(--t-label);font-weight:var(--tebal-judul)}button.pil-sisa{transition:transform var(--gerak-tekan) var(--pegas)}button.pil-sisa:active{transform:scale(var(--skala-tekan))}button.pil-sisa:after{content:"";position:absolute;left:0;right:0;border-radius:var(--r-pil);top:calc((var(--j1) * 7 - var(--sentuh)) / 2);bottom:calc((var(--j1) * 7 - var(--sentuh)) / 2)}.grafik-bingkai{--grafik-tepi: var(--j5);display:grid;gap:var(--j3);padding:var(--j5) var(--grafik-tepi) var(--j3)}.grafik-kepala{display:grid;justify-items:start;gap:var(--j1);min-width:0}.grafik-label{font-size:var(--t-kecil);font-weight:var(--tebal-tegas);color:var(--teks-2)}.grafik-angka{font-family:var(--font-angka);font-variant-numeric:tabular-nums;font-size:var(--t-judul);font-weight:var(--tebal-judul);letter-spacing:-.02em;line-height:1.1;max-width:100%;overflow-wrap:anywhere}.grafik-kanvas{position:relative;margin-inline:calc(-1 * var(--grafik-tepi));height:var(--grafik-tinggi)}.grafik-plot{position:relative;height:100%;margin-inline-end:var(--j4)}.grafik-kanvas svg{display:block;width:100%;height:100%;overflow:visible}.grafik-seri{fill:none;stroke:var(--grafik-seri);stroke-width:var(--grafik-tebal);stroke-linejoin:round;stroke-linecap:round}.grafik-bantu{stroke:var(--grafik-bantu);stroke-width:var(--garis-tipis)}.grafik-titik{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:var(--j2);height:var(--j2);margin:calc(var(--j1) * -1) 0 0 calc(var(--j1) * -1);border-radius:50%;background:var(--grafik-seri);box-shadow:0 0 0 3px var(--bg-card)}.grafik-kosong{display:grid;place-items:center;height:100%;font-size:var(--t-kecil);color:var(--teks-3)}.pil-rentang{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,calc(var(--j1) * 18));justify-content:center;gap:var(--j1)}.pil-rentang button{position:relative;min-width:0;min-height:calc(var(--j1) * 8);padding:0 var(--j1);border:0;border-radius:var(--r-pil);background:transparent;color:var(--teks-2);font-size:var(--t-label);font-weight:var(--tebal-tegas);white-space:nowrap;transition:background-color var(--gerak-cepat),color var(--gerak-cepat)}.pil-rentang button:after{content:"";position:absolute;left:calc(var(--j1) / -2);right:calc(var(--j1) / -2);top:calc((var(--j1) * 8 - var(--sentuh)) / 2);bottom:calc((var(--j1) * 8 - var(--sentuh)) / 2)}.pil-rentang button[aria-checked=true]{background:var(--bg-subtle-2);color:var(--teks);font-weight:var(--tebal-judul)}.pil-rentang button:active{background:var(--bg-subtle)}.merek img{display:block;width:100%;height:auto}.merek .merek-gelap,:root[data-theme=dark] .merek .merek-terang{display:none}:root[data-theme=dark] .merek .merek-gelap{display:block}.pengaturan-kaki{display:flex;align-items:center;justify-content:center;gap:var(--j3);padding:var(--j5) 0 var(--j3)}.pengaturan-versi{font-size:var(--t-label);font-weight:var(--tebal-isi);color:var(--teks-3);font-variant-numeric:tabular-nums}.merek-kaki{width:calc(var(--j1) * 30);opacity:.85}.laporan-saringan-ket{font-size:var(--t-kecil);line-height:1.5;color:var(--teks-2)}.segmen.segmen-kartu{background:transparent;padding:0;gap:var(--j3)}.segmen-kartu>.segmen-pil{display:none}.segmen.segmen-kartu>button{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--j2);min-height:calc(var(--j6) * 4);padding:var(--j4);border:var(--garis-tipis) solid var(--garis);border-radius:var(--r-kartu);background:var(--bg-card);color:var(--teks);text-align:left;box-shadow:var(--bayang-item);font-size:var(--t-isi);transition:background var(--gerak-cepat),border-color var(--gerak-cepat)}.segmen.segmen-kartu>button[aria-selected=true]{background:var(--bg-card);color:var(--teks);border-color:var(--aksen-isi);box-shadow:var(--bayang-item)}.segmen-kartu .ubin-label{color:var(--teks);font-weight:var(--tebal-judul)}.segmen-kartu .ubin-sub{text-align:left;margin-top:0}.laporan-dok:has([data-subtab-laporan]){gap:var(--j4)}.laporan-dok>section[hidden]{display:none}.periode{display:flex;align-items:center;justify-content:space-between;gap:var(--j2);padding:calc(var(--j1) / 2) 0 calc(var(--j2) + var(--j1) / 2)}.periode-label{font-family:var(--font-suara);font-size:var(--t-bagian);font-weight:var(--tebal-tegas)}.tombol-ikon.periode-panah{background:var(--bg-subtle);color:var(--teks-2)}.segmen-bagian{margin-top:calc(-1 * var(--j1))}.donut-bungkus{position:relative;display:grid;place-items:center;padding:calc(var(--j1) * 1.5) 0 calc(var(--j3) + var(--j1) / 2)}.donut{width:calc(var(--j1) * 42);height:calc(var(--j1) * 42)}.donut circle{transition:stroke-dasharray .6s var(--lembut)}.donut-tengah{position:absolute;display:grid;justify-items:center;gap:calc(var(--j1) / 2);pointer-events:none}.donut-label{font-size:var(--t-mikro);font-weight:var(--tebal-judul);letter-spacing:.08em;text-transform:uppercase;color:var(--teks-3)}.donut-angka{font-family:var(--font-angka);font-variant-numeric:tabular-nums;font-size:var(--t-bagian);font-weight:var(--tebal-judul);letter-spacing:-.03em}.titik-warna{flex:0 0 auto;width:var(--j3);height:var(--j3);border-radius:calc(var(--r-chip) / 3)}.baris-kategori-buka{cursor:pointer}.baris-kategori-panah{display:inline-block;margin-left:var(--j1);font-size:var(--t-mikro);color:var(--teks-3);transition:transform .2s var(--lembut)}.baris-kategori-buka[aria-expanded=true] .baris-kategori-panah{transform:rotate(180deg)}.baris-kategori-sub{margin-top:calc(var(--j1) * 1.5);padding-left:var(--j6);gap:calc(var(--j1) * 1.5)}.baris-kategori-anak{padding:calc(var(--j1) * 2.25) var(--j3);box-shadow:none;background:var(--bg-subtle)}.lensa-ket{font-size:var(--t-kecil);line-height:1.5;color:var(--teks-2)}.kartu>.lensa-ket{text-align:center}[data-isi-bagian]>.lensa-ket{margin-block:var(--j3)}.detail{display:flex;flex-direction:column;align-items:center;gap:calc(var(--j1) * 1.5);padding:calc(var(--j1) / 2) 0 calc(var(--j1) * 1.5);text-align:center}.detail .chip-besar{margin-bottom:calc(var(--j1) * 1.5)}.detail-jenis{font-size:var(--t-mikro);font-weight:var(--tebal-judul);letter-spacing:.08em;text-transform:uppercase;color:var(--teks-3)}.detail-angka{font-family:var(--font-angka);font-size:var(--t-hero);font-weight:var(--tebal-judul);line-height:1.12;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.detail-judul{max-width:32ch;font-size:var(--t-isi);font-weight:var(--tebal-tegas)}.detail-struk{margin:0;font-size:var(--t-kecil);color:var(--teks-2)}.sorot-tujuan{--sorot-warna: var(--aksen-isi);--sorot-kadar: 22%;--sorot-sudut: 180deg;--sorot-ujung: 85%;padding:var(--j5) var(--j4) var(--j4);border-radius:var(--r-kartu);background:linear-gradient(var(--sorot-sudut),color-mix(in srgb,var(--sorot-warna) var(--sorot-kadar),transparent),transparent var(--sorot-ujung))}:root[data-theme=dark] .sorot-tujuan{--sorot-kadar: 30%}.sorot-tujuan[data-nada=sesuai]{--sorot-warna: var(--status-sesuai)}.sorot-tujuan[data-nada=lain]{--sorot-warna: var(--status-lain)}.sorot-tujuan[data-nada=lewat]{--sorot-warna: var(--status-lewat)}.sorot-tujuan-baris{display:flex;align-items:center;justify-content:center;gap:var(--j3);width:100%;text-align:left}.sorot-tujuan-baris:has(.pil-status){justify-content:space-between}.sorot-tujuan-baris .sheet-ket{min-width:0}.sorot-tujuan-baris .pil-status{flex:0 0 auto}.rincian{padding:var(--j1) var(--j4);border-radius:var(--r-isian);background:var(--bg-subtle)}.rincian div{display:flex;justify-content:space-between;gap:var(--j4);padding:var(--j3) 0;border-bottom:1px solid var(--garis)}.rincian div:last-child{border-bottom:0}.rincian dt{flex:0 0 auto;font-size:var(--t-kecil);font-weight:var(--tebal-tegas);color:var(--teks-2)}.rincian dd{margin:0;font-size:var(--t-kecil);font-weight:var(--tebal-tegas);text-align:right}.profil{display:flex;align-items:center;gap:calc(var(--j3) + var(--j1) / 2);padding:calc(var(--j1) / 2) 0 calc(var(--j1) / 2)}.profil-foto{width:var(--tinggi-utama);height:var(--tinggi-utama);flex:0 0 auto;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--bg-card),0 0 0 4px var(--garis)}.profil-inisial{display:grid;place-items:center;background:var(--aksen-lembut);color:var(--aksen-teks);font-size:var(--t-baris);font-weight:var(--tebal-judul)}.profil strong{display:block;font-size:var(--t-baris);font-weight:var(--tebal-judul)}.profil span{font-size:var(--t-kecil);font-weight:var(--tebal-isi);color:var(--teks-2)}.tombol-utama{flex:1;width:100%;min-height:var(--tinggi-utama);padding:0 var(--j5);border:0;border-radius:var(--r-isian);background:var(--aksen-isi);color:var(--aksen-atas);font-size:var(--t-isi);font-weight:var(--tebal-judul);box-shadow:0 6px 16px -4px var(--aksen-kilau);transition:background-color var(--gerak-cepat) ease,transform var(--gerak-tekan) ease}.tombol-utama:active{transform:scale(var(--skala-tekan));background:var(--aksen-tua)}.tombol-utama:disabled{background:var(--bg-subtle-2);color:var(--teks-3);box-shadow:none;transform:none;cursor:default}.tombol-utama,.tombol-pil{position:relative}.tombol-utama[data-berhasil],.tombol-pil[data-berhasil]{overflow:hidden}.tombol-sapu{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--aksen-isi);color:var(--aksen-atas);pointer-events:none;clip-path:inset(0 50%);transition:clip-path .3s cubic-bezier(.23,1,.32,1)}.tombol-centang{display:grid;opacity:0;transform:translateY(8px) scale(.85);transition:transform .35s var(--pegas) .28s,opacity .2s ease .28s}.tombol-centang svg{width:calc(var(--j5) + var(--j1) / 2);height:calc(var(--j5) + var(--j1) / 2)}[data-berhasil]>.tombol-sapu{clip-path:inset(0 0)}[data-berhasil]>.tombol-sapu .tombol-centang{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.tombol-sapu,.tombol-centang{transition:none}}.tombol-ikon{position:relative;flex:0 0 auto;width:var(--sentuh);height:var(--sentuh);min-width:0;padding:0;display:grid;place-items:center;border:1px solid var(--garis);border-radius:var(--r-chip);background:var(--bg-card);color:var(--teks);font-size:var(--t-bagian);line-height:1;transition:transform var(--gerak-tekan) var(--pegas),opacity var(--gerak-cepat),background-color var(--gerak-cepat)}.tombol-ikon svg{width:var(--j5);height:var(--j5)}.tombol-ikon:active{transform:scale(var(--skala-tekan))}.tombol-ikon:disabled{opacity:.35;transform:none;cursor:default}.tombol-ikon.tombol-kepala{background:var(--kaca-ubin-isi);color:var(--teks);backdrop-filter:var(--kaca-ubin-saring);-webkit-backdrop-filter:var(--kaca-ubin-saring);border-color:var(--kaca-ubin-tepi);border-radius:var(--r-ubin-kaca);box-shadow:inset 0 1px 0 var(--kaca-ubin-tepi),var(--kaca-ubin-bayang)}.tombol-ikon-kecil{width:var(--ikon-kecil);height:var(--ikon-kecil);color:var(--teks-2)}.tombol-ikon-kecil{border-radius:var(--r-ikon-kecil)}.tombol-ikon-kecil:after{content:"";position:absolute;border-radius:var(--r-chip);inset:calc((var(--ikon-kecil) - var(--sentuh)) / 2)}.tombol-ikon-kecil svg{width:calc(var(--j4) + var(--j1) / 2);height:calc(var(--j4) + var(--j1) / 2)}.btn-bahaya{flex:1;min-height:calc(var(--j1) * 13);border:1.5px solid color-mix(in srgb,var(--keluar) 40%,transparent);border-radius:var(--r-isian);background:var(--chip-keluar);color:var(--keluar);font-size:var(--t-isi);font-weight:var(--tebal-judul);transition:transform var(--gerak-tekan) ease}.btn-bahaya:active{transform:scale(var(--skala-tekan))}.btn-bahaya:disabled{opacity:.45;transform:none;cursor:default}.tombol-hapus-buka{align-self:center;color:var(--teks-3);font-size:var(--t-kecil)}.daftar-buku{display:grid;gap:var(--j2);margin-top:calc(var(--j2) + var(--j1) / 2)}.buku-baris{display:grid;gap:calc(var(--j1) / 2)}.buku-tutup{justify-self:end;padding:calc(var(--j1) / 2) var(--j1);color:var(--keluar);font-size:var(--t-kecil)}.daftar-buku .baris[disabled]{opacity:1}.daftar-buku+.tombol-pil{justify-self:start;margin-top:var(--j3)}.kartu-hapus{display:grid;gap:var(--j3)}.kartu-hapus[hidden],.tombol-hapus-buka[hidden]{display:none}.kartu-hapus .btn-bahaya{width:100%}.kartu-hapus .kabar:empty{display:none}.hapus-ket{font-size:var(--t-kecil);font-weight:var(--tebal-isi);line-height:1.6;color:var(--teks-2)}.kartu-hapus .isian em{font-weight:var(--tebal-judul);color:var(--teks)}.tombol-keluar{width:100%;min-height:calc(var(--j1) * 12.5);display:flex;align-items:center;justify-content:center;gap:var(--j2);border:1px solid var(--garis);border-radius:var(--r-isian);background:var(--bg-card);color:var(--keluar);font-weight:var(--tebal-judul)}.tombol-keluar svg{width:calc(var(--j4) + var(--j1) / 2);height:calc(var(--j4) + var(--j1) / 2)}.catat,.catat>[data-bagian]{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--j5);min-width:0}.sheet h2{font-size:var(--t-bagian);font-weight:var(--tebal-judul);letter-spacing:-.01em}.sheet h2+.sheet-ket{margin-top:calc(-1 * (var(--j2) + var(--j1) / 2))}.sheet-ket{font-size:var(--t-kecil);font-weight:var(--tebal-isi);color:var(--teks-2)}.bagian-judul{margin-bottom:calc(-1 * var(--j2));font-size:var(--t-kecil);font-weight:var(--tebal-tegas);color:var(--teks-2)}.bagian-judul-besar{margin:calc(var(--j1) / 2) 0 calc(-1 * (var(--j1) * 1.5)) var(--j1);font-family:var(--font-suara);font-size:var(--t-baris);font-weight:var(--tebal-tegas);letter-spacing:0;text-transform:none;color:var(--teks)}.petunjuk{margin-top:calc(-1 * (var(--j1) * 1.5));font-size:var(--t-label);font-weight:var(--tebal-isi);line-height:1.5;color:var(--teks-3)}.petunjuk:empty{display:none}.petunjuk-buruk{color:var(--keluar)}.catat .catat-petunjuk{margin:0}.catat [data-waktu-keterangan][hidden]{display:none}.segmen{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));padding:var(--j1);border-radius:var(--r-isian);background:var(--bg-subtle-2);min-width:0}.segmen-pil{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - var(--j2)) / var(--n));border-radius:var(--r-chip);background:var(--aksen-isi);box-shadow:0 2px 8px -2px #2d241e2e;transform:translate(calc(var(--pos) * 100%));transition:transform .32s var(--lembut)}.segmen button{position:relative;z-index:1;min-height:var(--sentuh);min-width:0;padding:var(--j1) var(--j2);border:0;border-radius:var(--r-chip);background:transparent;font-size:var(--t-kecil);font-weight:var(--tebal-judul);color:var(--teks);line-height:1.2;white-space:normal;overflow-wrap:break-word;transition:color .2s ease}.segmen button[aria-selected=true]{color:var(--aksen-atas)}.jumlah{display:grid;gap:var(--j1);padding:var(--j3) var(--j4);border:1px solid var(--garis);border-radius:var(--r-isian);background:var(--bg-card);transition:border-color .2s,box-shadow .2s,background-color .2s}.jumlah:focus-within{background:var(--bg-card);border-color:var(--aksen-cincin);box-shadow:0 0 0 3px var(--aksen-halo)}.jumlah-label{font-size:var(--t-kecil);font-weight:var(--tebal-tegas);color:var(--teks-2)}.jumlah-baris{display:flex;align-items:baseline;gap:var(--j2)}.jumlah-rp{font-family:var(--font-angka);font-variant-numeric:tabular-nums;font-size:var(--t-bagian);font-weight:var(--tebal-tegas);color:var(--teks-3)}.jumlah input{flex:1;width:0;min-width:0;padding:0;border:0;outline:0;background:transparent;font-family:var(--font-angka);font-size:var(--t-hero);font-weight:var(--tebal-tegas);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.jumlah input::placeholder{color:var(--teks-3);opacity:.55}.jumlah-kecil .jumlah-rp{font-size:var(--t-baris)}.jumlah-kecil input{font-size:var(--t-judul)}.pil-baris{display:flex;gap:var(--j2);overflow-x:auto;margin:0 calc(-1 * (var(--j5) + var(--j1) / 2));padding:calc(var(--j1) / 2) calc(var(--j5) + var(--j1) / 2) var(--j1);scroll-snap-type:x proximity;scrollbar-width:none}.pil-baris::-webkit-scrollbar{display:none}.pil{flex:0 0 auto;min-height:var(--tinggi-utama);display:flex;align-items:center;gap:calc(var(--j2) + var(--j1) / 2);padding:var(--j2) calc(var(--j3) + var(--j1) / 2) var(--j2) var(--j2);border:1.5px solid var(--garis);border-radius:var(--r-isian);background:var(--bg-card);text-align:left;scroll-snap-align:start;transition:border-color .2s,background-color .2s,transform .15s var(--pegas),opacity .2s}.pil:not(:has(.pil-ikon)){padding-left:calc(var(--j3) + var(--j1) / 2)}.pil-ikon{width:calc(var(--j1) * 8.5);height:calc(var(--j1) * 8.5);display:grid;place-items:center;border-radius:var(--r-chip);background:var(--bg-subtle-2);color:var(--teks-2);transition:background-color .2s,color .2s}.pil-ikon svg{width:calc(var(--j1) * 4.25);height:calc(var(--j1) * 4.25)}.pil-teks{display:grid;line-height:1.25}.pil-teks span{font-size:var(--t-kecil);font-weight:var(--tebal-judul);white-space:nowrap}.pil-teks small{font-family:var(--font-angka);font-variant-numeric:tabular-nums;font-size:var(--t-label);font-weight:var(--tebal-isi);color:var(--teks-3);white-space:nowrap}.pil[aria-checked=true]{border-color:var(--aksen-isi);background:var(--aksen-isi);color:var(--aksen-atas)}.pil[aria-checked=true] .pil-teks small{color:var(--aksen-atas);opacity:.72}.pil[aria-checked=true] .pil-ikon{background:var(--aksen-atas);color:var(--aksen-isi)}.pil:active{transform:scale(.96)}.pil:disabled{opacity:.35;cursor:not-allowed}.akun-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--j2);margin:0;padding:var(--j1);overflow:visible}.akun-grid .pil{min-width:0;width:100%;padding:var(--j2)}.akun-grid .pil-ikon{flex-shrink:0}.akun-grid .pil-teks{min-width:0}.akun-grid .pil-teks span{white-space:normal;overflow-wrap:anywhere}.akun-grid .pil-teks small{white-space:normal;overflow-wrap:anywhere;color:var(--teks-2)}.akun-pemilih{min-width:0}.akun-ringkas{display:flex;align-items:center;gap:var(--j3);width:100%;min-height:var(--j9);padding:var(--j3);border:1px solid var(--garis);border-radius:var(--r-isian);background:var(--bg-card);color:inherit;font:inherit;text-align:start;cursor:pointer}.akun-ringkas>.pil-ikon{flex-shrink:0}.akun-ringkas .pil-teks{flex:1;min-width:0}.akun-ringkas .pil-teks span,.akun-ringkas .pil-teks small{white-space:normal;overflow-wrap:anywhere}.akun-ganti{display:flex;align-items:center;gap:var(--j1);font-size:var(--t-mikro);color:var(--aksen-teks)}.akun-panel{display:grid;gap:var(--j2);padding:0 var(--j2) var(--j2)}.akun-panel .akun-grid{grid-template-columns:minmax(0,1fr);max-height:var(--wallet-tinggi);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.akun-panel .pil-teks small{white-space:nowrap}@media(max-width:380px){.akun-grid{grid-template-columns:minmax(0,1fr)}}.akun-hasil{font-size:var(--t-kecil);color:var(--teks-2);padding-inline:var(--j1)}.akun-hasil:empty{display:none}.akun-cari input{border-radius:var(--r-chip)}.catat .kategori-grid{gap:var(--j2)}.catat .isian-dua{gap:var(--j4)}.segmen button{min-height:var(--sentuh)}.kategori-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--j2)}.kategori{min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--j2);padding:var(--j2) var(--j1);border:1.5px solid transparent;border-radius:var(--r-isian);background:transparent;transition:background-color .2s,border-color .2s,transform .15s var(--pegas)}.kategori .chip,.kategori .ikon-pilihan{transition:transform .3s var(--pegas)}.kategori-nama{font-size:var(--t-kecil);font-weight:var(--tebal-tegas);line-height:1.2;text-align:center;color:var(--teks-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kategori[aria-checked=true]{border-color:var(--aksen-isi);background:var(--aksen-isi);color:var(--aksen-atas)}.kategori[aria-checked=true] .chip,.kategori[aria-checked=true] .ikon-pilihan{transform:scale(1.08) rotate(-6deg)}.kategori[aria-checked=true] .kategori-nama{color:var(--aksen-atas)}.kategori:active{transform:scale(.93)}.isian{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--j2);text-align:left}.saldo-waktu,.saldo-waktu>[data-tanggal-saldo],[data-alokasi-saldo]{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--j3);min-width:0}.saldo-waktu [hidden],[data-alokasi-saldo][hidden]{display:none}.saldo-waktu .pil-baris{flex-wrap:wrap;overflow:visible;margin:0;padding:0}.saldo-waktu .pil{flex:1 1 calc(50% - var(--j2));justify-content:center;min-height:var(--tinggi-kecil)}.isian>span{font-size:var(--t-kecil);font-weight:var(--tebal-tegas);color:var(--teks-2)}.isian em{font-style:normal;font-weight:var(--tebal-isi);color:var(--teks-3)}.isian input,.isian-ikon input{width:100%;min-width:0;max-width:100%;min-height:var(--tinggi-sedang);padding:var(--j2) var(--j4);border:1px solid var(--garis);border-radius:var(--r-isian);background:var(--bg-card);box-shadow:none;font-size:var(--t-baris);font-weight:var(--tebal-isi);color:var(--teks);outline:none;transition:border-color .2s,background-color .2s,box-shadow .2s}.isian input:focus,.isian-ikon input:focus{background:var(--bg-card);border-color:var(--aksen-cincin);box-shadow:0 0 0 3px var(--aksen-halo)}.isian input::placeholder,.isian-ikon input::placeholder{color:var(--teks-3);font-weight:var(--tebal-isi)}.isian-ikon{position:relative;width:100%;display:flex;align-items:center}.isian-ikon input{min-height:calc(var(--j1) * 13);padding-left:calc(var(--j1) * 11.5)}.isian-ikon:has(.isian-mata) input{padding-right:calc(var(--j1) * 13)}.isian-ikon-gambar{position:absolute;left:15px;width:var(--j5);height:var(--j5);color:var(--teks-3);pointer-events:none;transition:color .2s}.isian-ikon-gambar svg,.isian-mata svg{width:100%;height:100%}.isian-ikon:focus-within .isian-ikon-gambar{color:var(--aksen-teks)}.isian-mata{position:absolute;right:6px;width:var(--j8);height:var(--j8);padding:calc(var(--j2) + var(--j1) / 2);border:0;border-radius:var(--r-ikon-kecil);background:none;color:var(--teks-3)}.isian-dua{display:grid;gap:var(--j3)}@media(min-width:520px){.isian-dua{grid-template-columns:1fr 1.4fr}}.kabar{min-height:calc(var(--j4) + var(--j1) / 2);font-size:var(--t-kecil);font-weight:var(--tebal-isi);color:var(--teks-3)}.kabar.baik{color:var(--masuk)}.kabar.buruk{color:var(--keluar)}.sheet.sheet-ikon{height:88vh;height:88dvh}.ikon-cari{position:sticky;top:0;z-index:1;padding:calc(var(--j1) / 2) 0 var(--j2);background:var(--kaca-modal)}.ikon-cari input{border-radius:var(--r-chip)}.ikon-hasil{margin-top:calc(-1 * (var(--j2) + var(--j1) / 2));font-size:var(--t-kecil);font-weight:var(--tebal-isi);color:var(--teks-2)}.ikon-hasil:empty{display:none}.ikon-kisi{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:var(--j1)}.ikon-daftar .ikon-judul{margin:var(--j4) 0 var(--j1)}.ikon-daftar .ikon-judul:first-child{margin-top:0}.ikon-sel{min-height:var(--j9);display:grid;place-items:center;border:1.5px solid transparent;border-radius:var(--r-isian);background:none;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.ikon-sel[aria-pressed=true]{border-color:var(--aksen-isi);background:var(--aksen-isi);color:var(--aksen-atas)}.ikon-sel:active{transform:scale(.92)}.pil-ikon.pil-ikon-pilihan,.pil[aria-checked=true] .pil-ikon.pil-ikon-pilihan{background:none}.pil-ikon-pilihan .ikon-pilihan{width:calc(var(--j1) * 8.5);height:calc(var(--j1) * 8.5)}.pil-ikon-pilihan .ikon-pilihan img{width:calc(var(--j6) + var(--j1));height:calc(var(--j6) + var(--j1))}.isian-ikon-nama{display:flex;align-items:flex-end;gap:var(--j3)}.ikon-ganti{flex:0 0 auto;display:grid;justify-items:center;gap:calc(var(--j1) / 2);padding:var(--j1) calc(var(--j1) * 1.5) calc(var(--j1) * 1.5);border:1.5px dashed var(--garis);border-radius:var(--r-isian);background:var(--bg-card);transition:transform .15s var(--pegas),border-color .2s}.ikon-ganti:active{transform:scale(.94)}.ikon-ganti:focus-visible,.ikon-ganti:hover{border-color:var(--aksen-isi)}.ikon-ganti-label{font-size:var(--t-nano);font-weight:var(--tebal-judul);color:var(--aksen-teks)}.kategori-pilih{display:grid;gap:var(--j3)}.kategori-terakhir{display:grid;gap:var(--j2);padding-bottom:var(--j3);border-bottom:1px solid var(--garis)}.kategori-terakhir-judul{font-size:var(--t-label);font-weight:var(--tebal-isi);color:var(--teks-3)}.kategori-terakhir-deret{display:flex;gap:var(--j2);overflow-x:auto;scrollbar-width:none;padding:calc(var(--j1) / 2);margin:calc(-1 * (var(--j1) / 2))}.kategori-terakhir-deret::-webkit-scrollbar{display:none}.pil.pil-kategori{min-height:var(--sentuh);gap:calc(var(--j1) * 1.5);padding:var(--j1) var(--j3) var(--j1) calc(var(--j1) * 1.5)}.pil-kategori .ikon-pilihan{width:calc(var(--j1) * 7.5);height:calc(var(--j1) * 7.5)}.pil-kategori .ikon-pilihan img{width:calc(var(--j1) * 6.25);height:calc(var(--j1) * 6.25)}.pil-kategori>span:last-child{font-size:var(--t-kecil);font-weight:var(--tebal-tegas);white-space:nowrap}.kategori-sub-kepala{display:flex;align-items:center;gap:var(--j2)}.kategori-sub-kepala strong{font-size:var(--t-isi);font-weight:var(--tebal-judul)}.kategori-tambah-ikon{width:var(--sentuh);height:var(--sentuh);display:grid;place-items:center;border:1.5px dashed var(--garis);border-radius:50%;color:var(--teks-2)}.kategori-tambah-ikon svg{width:var(--j5);height:var(--j5)}.kategori-baru{display:grid;gap:var(--j2)}.kategori-saran{display:flex;gap:var(--j1);min-height:var(--j9)}.kategori-saran:empty{min-height:0}.kategori-saran .ikon-sel{width:var(--j9)}.morph-lapis{position:fixed;top:0;right:0;bottom:0;left:0;z-index:46;--morph-radius: var(--r-kartu)}.sheet-backdrop>.morph-lapis{z-index:1}.morph-tirai{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tirai-morph);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.morph-bentuk{position:absolute;border-radius:var(--morph-radius);background:var(--bg-card);border:1px solid var(--garis);box-shadow:var(--bayang-melayang)}.morph-isi{position:absolute;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:var(--j3) var(--j3) var(--j4);display:grid;gap:var(--j3);align-content:start}.morph-kepala{display:flex;align-items:center;gap:var(--j2);position:sticky;top:calc(-1 * var(--j3));z-index:1;--pudar-warna: var(--bg-card);--pudar-padat: var(--halaman-padat);isolation:isolate}.surat-morph .morph-kepala:before{content:none}.morph-judul{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--j2)}.morph-kepala strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--t-isi);font-weight:var(--tebal-judul)}.morph-kepala-ikon{display:grid;place-items:center}.morph-kepala-ikon .ikon-pilihan{width:calc(var(--j1) * 7.5);height:calc(var(--j1) * 7.5)}.morph-kepala-ikon .ikon-pilihan img{width:calc(var(--j1) * 6.5);height:calc(var(--j1) * 6.5)}.morph-isi .kategori-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.morph-isi .ikon-cari{position:static;padding:0;background:none}.morph-isi .ikon-hasil{margin:0}.morph-isi .ikon-daftar{height:min(46vh,calc(var(--j1) * 85));overflow-y:auto;overscroll-behavior:contain}.morph-isi .akun-panel{padding:0}.morph-isi .akun-kelompok-daftar{max-height:none}.morph-isi .kantong-pilih{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.morph-isi .kantong-pilih .pil{min-width:0}.morph-isi .kantong-pilih .pil-teks span{white-space:normal;overflow-wrap:anywhere}.akun-kelompok-daftar,.akun-kelompok,.akun-terakhir{display:grid;gap:calc(var(--j1) * 1.5)}.akun-kelompok-daftar{gap:var(--j3);max-height:var(--wallet-tinggi);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.akun-panel .akun-kelompok .akun-grid{max-height:none;overflow:visible}.akun-kelompok-judul{font-size:var(--t-kecil);font-weight:var(--tebal-tegas);color:var(--teks-3)}.kantong-batang{display:flex;gap:calc(var(--j1) / 2);height:calc(var(--j1) * 1.5);margin-top:var(--j1);border-radius:var(--r-pil);overflow:hidden;background:var(--bg-subtle)}.kantong-potong{flex:var(--porsi) 1 0;min-width:calc(var(--j1) * .75);background:rgb(var(--aksen-rgb) / var(--lapis, 1))}.kantong-potong-bebas{background:color-mix(in srgb,var(--teks-3) 60%,transparent)}.kantong-bagian{display:grid;gap:var(--j2);margin-top:var(--j2)}.kantong-bagian .bagian-judul{margin:0}.kantong-bagian .kantong-batang{height:var(--j2);margin:0}.kantong-bagian .baris .ikon-pilihan{width:calc(var(--j1) * 7.5);height:calc(var(--j1) * 7.5)}.kantong-bagian .baris .ikon-pilihan img{width:calc(var(--j1) * 6.25);height:calc(var(--j1) * 6.25)}.kantong-kepala{display:flex;align-items:center;justify-content:space-between;gap:var(--j3)}.kantong-tautan{padding:var(--j1) 0;border:0;background:none;font-size:var(--t-kecil);font-weight:var(--tebal-judul);color:var(--aksen-teks)}.kantong-pilih,.kantong-peran{display:flex;gap:var(--j2);overflow-x:auto;scrollbar-width:none;padding:calc(var(--j1) / 2);margin:calc(-1 * (var(--j1) / 2))}.kantong-pilih::-webkit-scrollbar,.kantong-peran::-webkit-scrollbar{display:none}.kantong-peran{flex-wrap:wrap;overflow:visible}.kantong-pilih .pil-teks small{font-size:var(--t-mikro)}.kantong-minus{margin-top:0;text-align:center}.kantong-hapus{display:grid}.kantong-hapus .btn-bahaya{width:100%}.kantong-slot{display:grid;gap:var(--j4);min-width:0}.kantong-slot:empty{display:none}.kantong-tautan-deret{display:flex;gap:var(--j4)}.kantong-urut .kantong-urut-tombol{display:flex;gap:var(--j2);flex:0 0 auto}.kantong-urut{animation:none}[data-peran-akun][hidden]{display:none}[data-peran-akun]{display:grid;gap:var(--j2)}.bidang{display:grid;gap:var(--j2);min-width:0}.bidang:empty{display:none}.bidang>.bagian-judul{margin:0}.sheet.sheet-tetap{height:88vh;height:88dvh}.jumlah-kepala{display:flex;align-items:center;justify-content:space-between;gap:var(--j2);min-height:var(--ikon-kecil)}.tombol-scan{display:inline-flex;align-items:center;gap:var(--j1)}.tombol-scan svg{width:var(--j4);height:var(--j4)}.scan-aksi{display:inline-flex;align-items:center;gap:var(--j1)}.tombol-scan-galeri{padding-inline:var(--j2)}.tombol-scan[aria-busy=true]{color:var(--teks-3);cursor:progress}.tombol-scan[aria-hidden=true]{visibility:hidden}.akun-dua-kelompok{display:grid;gap:var(--j2);min-width:0}.kelompok-lain{display:flex;align-items:center;gap:var(--j2);margin-top:var(--j1);font-size:var(--t-kecil);font-weight:var(--tebal-tegas);color:var(--teks-3)}.kelompok-lain:after{content:"";flex:1;height:var(--garis-tipis);background:var(--garis)}.catatan-kecil{margin:0;font-size:var(--t-kecil);font-weight:var(--tebal-isi);line-height:1.5;color:var(--teks-3)}.orang-saran,.jumlah-pintas{display:flex;flex-wrap:wrap;gap:var(--j2)}.orang{min-height:var(--sentuh);padding:0 var(--j4);border:1px solid var(--garis);border-radius:var(--r-pil);background:var(--bg-card);font-size:var(--t-kecil);font-weight:var(--tebal-tegas);color:var(--teks-2)}.orang[aria-pressed=true]{border-color:var(--aksen-isi);background:var(--aksen-isi);color:var(--aksen-atas)}.saklar-baris{display:flex;align-items:center;justify-content:space-between;gap:var(--j3)}.saklar-baris .baris-teks{min-width:0}.saklar-baris .baris-sub{white-space:normal;line-height:1.4}.sheet-actions:has(.ringkasan){flex-direction:column;align-items:stretch;gap:var(--j2)}.ringkasan{margin:0;font-size:var(--t-kecil);font-weight:var(--tebal-isi);line-height:1.5;color:var(--teks)}.ringkasan-redup{color:var(--teks-3)}.ringkasan-buruk{color:var(--keluar)}.sheet:not(.rincian-aktif) [data-rincian],.sheet:not(.rincian-aktif) [data-rincian-aksi],.sheet:not(.rincian-aktif) [data-rincian-kepala]{display:none}.sheet.rincian-aktif .sheet-chrome>:not([data-rincian-kepala]):not(:last-child),.sheet.rincian-aktif .sheet-body>.catat>:not([data-rincian]),.sheet.rincian-aktif .sheet-actions>:not([data-rincian-aksi]){display:none}.rincian-daftar{list-style:none;margin:0;padding:0;display:grid}.rincian-baris{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--j2);padding:var(--j1) 0;border-bottom:1px solid var(--garis-tipis)}.rincian-kat{width:var(--sentuh);height:var(--sentuh);display:grid;place-items:center;padding:0;border:1.5px solid transparent;border-radius:var(--r-isian);background:transparent}.rincian-kat[aria-expanded=true]{border-color:var(--aksen-isi)}.rincian-nama{min-width:0;font-size:var(--t-kecil);line-height:1.35;color:var(--teks);overflow-wrap:anywhere}.rincian-nama small{display:block;font-size:var(--t-mikro);color:var(--teks-3)}.rincian-harga{min-height:var(--sentuh);padding:0 var(--j2);border:0;border-radius:var(--r-chip);background:transparent;font-family:var(--font-angka);font-size:var(--t-kecil);font-weight:var(--tebal-tegas);color:var(--teks);font-variant-numeric:tabular-nums}.rincian-harga.diubah,.rincian-pil-satu.diubah span{color:var(--aksen-teks)}.rincian-isian{width:calc(var(--j1) * 26);min-height:var(--sentuh);padding:0 var(--j2);text-align:right;border:1px solid var(--aksen-cincin);border-radius:var(--r-chip);background:var(--bg-card);color:var(--teks);font-family:var(--font-angka);font-size:var(--t-isi)}.rincian-buang{border-color:transparent;color:var(--teks-3)}.rincian-pilih-kat{padding:var(--j2) 0 var(--j3);border-bottom:1px solid var(--garis-tipis)}.rincian-aksi{display:grid;gap:var(--j2)}.rincian-awas{margin:0;font-size:var(--t-kecil);font-weight:var(--tebal-tegas);color:var(--peringatan)}.rincian-pil{display:flex;flex-wrap:wrap;gap:var(--j2)}.rincian-pil-satu{display:inline-flex;align-items:center;gap:var(--j1);min-height:var(--sentuh);padding:0 var(--j3) 0 var(--j1);border:1px solid var(--garis);border-radius:var(--r-pil);background:var(--bg-card);color:var(--teks);font-family:var(--font-angka);font-size:var(--t-kecil);font-weight:var(--tebal-tegas);font-variant-numeric:tabular-nums}.rincian-pil-satu[aria-pressed=true]{border-color:var(--aksen-isi);box-shadow:0 0 0 3px var(--aksen-halo)}.rincian-ubah{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--j2)}.rincian-ringkas{margin:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--j1) var(--j3);font-size:var(--t-kecil);color:var(--teks-2)}.rincian-ringkas strong{color:var(--peringatan)}.rincian-ringkas:has(span:empty):has(strong:empty){display:none}@keyframes logo-muncul{0%{opacity:0;transform:scale(.6)}}@keyframes melayang{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes putar{to{transform:rotate(360deg)}}.gerbang{min-height:100svh;display:grid;place-items:center;padding:var(--j6) var(--tepi)}.gerbang-isi{width:100%;max-width:calc(var(--j1) * 90);display:flex;flex-direction:column;align-items:center;gap:var(--j5);text-align:center;animation:kartu-masuk .6s var(--lembut) both}.gerbang-isi h1{font-family:var(--font-suara);font-size:var(--t-judul);font-weight:var(--tebal-tegas);line-height:1.15;letter-spacing:-.02em}.gerbang-ket{font-size:var(--t-isi);font-weight:var(--tebal-isi);line-height:1.6;color:var(--teks-2)}.gerbang-kaki{font-size:var(--t-label);font-weight:var(--tebal-isi);line-height:1.6;color:var(--teks-3)}.gerbang-maskot{width:calc(var(--j1) * 33);height:calc(var(--j1) * 33);object-fit:contain;filter:drop-shadow(0 14px 22px var(--aksen-bayang-lembut));animation:logo-muncul .65s cubic-bezier(.34,1.56,.64,1) both,melayang 3s ease-in-out .8s infinite}.tombol-google{width:100%;min-height:var(--tinggi-utama);padding:var(--j3) var(--j5);display:inline-flex;align-items:center;justify-content:center;gap:var(--j3);border:1px solid #DADCE0;border-radius:var(--r-isian);background:#fff;color:#1f1f1f;font-weight:var(--tebal-tegas);box-shadow:var(--bayang-kartu);transition:transform .15s ease}:root[data-theme=dark] .tombol-google{background:#131314;color:#e3e3e3;border-color:#8e918f}.tombol-google:active{transform:scale(.98)}.tombol-google:disabled{opacity:.6;cursor:default}.gerbang-lebar{gap:var(--j4)}.gerbang-merek{width:calc(var(--j1) * 44);margin-bottom:var(--j2);animation:logo-muncul .65s cubic-bezier(.34,1.56,.64,1) both}.gerbang-merek+.gerbang-judul h1{font-size:var(--t-bagian)}.gerbang-merek+.gerbang-judul .gerbang-ket{font-size:var(--t-kecil)}.gerbang-judul{display:grid;gap:var(--j2)}.gerbang-lencana{width:calc(var(--j1) * 18);height:calc(var(--j1) * 18);padding:var(--j5);border-radius:var(--r-kartu);background:var(--bg-card);color:var(--aksen-teks);box-shadow:var(--bayang-kartu)}.gerbang-lencana svg{width:100%;height:100%}.gerbang-form{width:100%;display:grid;gap:var(--j3);text-align:left}.gerbang-isian{gap:var(--j2)}.gerbang-isian>.isian-ikon{min-width:0}.gerbang-form .kabar:empty{display:none}.ajakan{display:grid;justify-items:start}.kabar-ikon{display:inline-flex;width:1.1em;height:1.1em;margin-right:var(--j1);vertical-align:-.2em}.kabar-ikon svg{width:100%;height:100%}.ajakan>.isian{width:100%}.gerbang-baris-kanan{display:flex;justify-content:flex-end;margin-top:calc(-1 * var(--j1))}.tautan-gerbang{padding:var(--j1);border:0;background:none;color:var(--aksen-teks);font-size:var(--t-kecil);font-weight:var(--tebal-tegas)}.tautan-gerbang.tebal{font-weight:var(--tebal-judul)}.tautan-gerbang:disabled{color:var(--teks-3);cursor:default}.gerbang-pemisah{width:100%;display:flex;align-items:center;gap:var(--j3);font-size:var(--t-label);font-weight:var(--tebal-tegas);color:var(--teks-3)}.gerbang-pemisah:before,.gerbang-pemisah:after{content:"";flex:1;height:var(--garis-tipis);background:var(--garis)}.gerbang-pindah{font-size:var(--t-kecil);font-weight:var(--tebal-isi);color:var(--teks-2)}.gerbang-langkah{display:grid;align-items:center;gap:var(--j2);grid-template-columns:var(--sentuh) minmax(0,1fr) var(--sentuh)}.langkah-wadah{display:grid;justify-items:center;gap:var(--j2)}.langkah-bilah{width:calc(var(--j1) * 30);height:var(--j1);border-radius:var(--r-pil);overflow:hidden;background:var(--garis)}.langkah-bilah i{display:block;height:100%;border-radius:inherit;background:var(--aksen-isi);transform-origin:left;transform:scaleX(var(--ke));animation:langkah-isi .7s cubic-bezier(.34,1.3,.64,1) .15s both}@keyframes langkah-isi{0%{transform:scaleX(var(--dari))}to{transform:scaleX(var(--ke))}}@media(prefers-reduced-motion:reduce){.langkah-bilah i{animation:none}}.gerbang-maskot-hidup{width:calc(var(--j1) * 50);height:calc(var(--j1) * 50);margin-bottom:calc(-1 * var(--j2));animation:logo-muncul .65s cubic-bezier(.34,1.56,.64,1) both}.langkah{font-size:var(--t-mikro);font-weight:var(--tebal-judul);letter-spacing:.1em;text-transform:uppercase;color:var(--teks-3)}.gerbang-lencana-emas{display:grid;place-items:center;padding:0;color:var(--aksen-teks);font-size:var(--t-judul);line-height:1}.bahasa-pilih{display:flex;gap:var(--j2);flex-wrap:wrap;justify-content:center}.bahasa{display:inline-flex;align-items:center;gap:var(--j2);padding:var(--j2) var(--j4);border:1px solid var(--garis);border-radius:var(--r-pil);background:var(--bg-card);color:var(--teks-2);font-size:var(--t-kecil);font-weight:var(--tebal-tegas)}.bahasa[aria-pressed=true]{border-color:var(--aksen-isi);background:var(--aksen-isi);color:var(--aksen-atas)}.bahasa:disabled{opacity:.5;cursor:default}.bahasa em,.kartu-pilih em{font-style:normal;font-size:var(--t-nano);font-weight:var(--tebal-judul);letter-spacing:.08em;text-transform:uppercase;color:var(--teks-3)}.pilih-pakai{width:100%;display:grid;gap:var(--j3)}.kartu-pilih{display:grid;gap:var(--j1);padding:var(--j4);text-align:left;border:1px solid var(--garis);border-radius:var(--r-kartu);background:var(--bg-card);box-shadow:var(--bayang-kartu)}.kartu-pilih strong{font-size:var(--t-baris);font-weight:var(--tebal-tegas);color:var(--teks)}.kartu-pilih span{font-size:var(--t-kecil);font-weight:var(--tebal-isi);line-height:1.5;color:var(--teks-2)}.kartu-pilih:not(.kartu-pilih-mati):active{transform:scale(.98)}.kartu-pilih-mati{opacity:.55;box-shadow:none}.kartu-pilih[aria-pressed=true]{border-color:var(--aksen-isi);background:var(--aksen-isi);color:var(--aksen-atas)}.kartu-pilih[aria-pressed=true] :is(strong,span){color:var(--aksen-atas)}.tombol-teks{min-height:var(--sentuh);padding:var(--j2);border:0;background:none;color:var(--teks-2);font-size:var(--t-kecil);font-weight:var(--tebal-tegas);text-decoration:underline;text-underline-offset:3px}.memuat{width:calc(var(--j6) + var(--j1));height:calc(var(--j6) + var(--j1));border-radius:50%;border:3px solid var(--bg-subtle-2);border-top-color:var(--aksen-isi);animation:putar .8s linear infinite}@keyframes kilap{0%{background-position:-400px 0}to{background-position:400px 0}}.kerangka,.skeleton-row,.skeleton-text span{border-radius:var(--r-kartu);background:linear-gradient(90deg,var(--bg-subtle) 0px,var(--bg-subtle-2) 40px,var(--bg-subtle) 80px);background-size:800px 100%;animation:kilap 1.4s linear infinite}.kerangka-vault{height:calc(var(--j1) * 55.5);border-radius:var(--r-sheet)}.kerangka-ubin{height:calc(var(--j1) * 23)}.kerangka-kartu{height:calc(var(--j1) * 45);border-radius:var(--r-kartu)}.kerangka-baris{height:calc(var(--j7) * 2);border-radius:var(--r-isian)}.kerangka-ringkas{height:calc(var(--j1) * 37.5);border-radius:var(--r-kartu)}.skeleton-list{display:grid;gap:calc(var(--j2) + var(--j1) / 2)}.skeleton-row{height:calc(var(--j1) * 14.5)}.skeleton-text{display:grid;gap:var(--j2)}.skeleton-text span{display:block;height:calc(var(--j1) * 3.25);width:78%;border-radius:calc(var(--r-chip) * .5)}@keyframes pudar-masuk{0%{opacity:0}}@keyframes pudar-keluar{to{opacity:0}}@keyframes sheet-naik{0%{transform:translateY(100%) scale(.98);opacity:.4}}@keyframes sheet-turun{to{transform:translateY(100%) scale(.98);opacity:.4}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--tirai);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:pudar-masuk var(--gerak-tab) ease both;overflow:hidden;overscroll-behavior:none}.sheet-viewport{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:calc(var(--j2) + var(--j1) / 2)}html.modal-terbuka{overflow:hidden;overscroll-behavior:none}html.modal-terbuka :is(.navbar,.fab-bungkus){visibility:hidden}html.modal-terbuka:has(.sheet-menu-catat) .navbar{visibility:visible}.sheet-backdrop:has(.sheet-menu-catat){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.sheet-backdrop:has(.sheet-menu-catat) .sheet-viewport{align-items:flex-end;padding:var(--j4) var(--j4) calc(var(--nav-ruang-bawah) + var(--j4))}.sheet.sheet-menu-catat{width:100%;max-width:calc(var(--j1) * 72);padding-top:0;overflow:visible;background:var(--bg-card);box-shadow:var(--bayang-melayang);transform-origin:bottom center;animation-name:menu-catat-masuk}.sheet-menu-catat:after{content:"";position:absolute;bottom:calc(var(--j2) * -1);left:calc(50% - var(--j2));width:var(--j4);height:var(--j4);transform:rotate(45deg);background:var(--bg-card);border-right:var(--garis-tipis) solid var(--kaca-tepi);border-bottom:var(--garis-tipis) solid var(--kaca-tepi)}.sheet-menu-catat .grabber,.sheet-menu-catat [data-sheet-close]{display:none}.sheet-menu-catat .sheet-chrome{position:absolute;width:var(--garis-tipis);height:var(--garis-tipis);padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sheet-menu-catat .sheet-body{padding:var(--j2);border-radius:var(--r-sheet)}.sheet-menu-catat .daftar{gap:0}.sheet-menu-catat .baris{min-height:var(--tinggi-utama);padding:var(--j3) var(--j4);border:0;border-radius:var(--r-isian);background:transparent;box-shadow:none;animation:none}.sheet-menu-catat .baris:hover,.sheet-menu-catat .baris:focus-visible{background:var(--bg-subtle-2)}.sheet-menu-catat .baris-judul{font-weight:var(--tebal-tegas)}.sheet-menu-catat .navbar-ikon{color:var(--aksen-teks)}@keyframes menu-catat-masuk{0%{opacity:0;transform:translateY(var(--j3)) scale(.96)}}.sheet-viewport-siap .sheet{transition:transform var(--gerak-sheet) var(--lengkung-sheet)}.sheet{position:relative;width:100%;max-width:calc(var(--j1) * 130);max-height:88vh;max-height:88dvh;display:flex;flex-direction:column;padding-top:calc(var(--j1) * 1.5);background:var(--kaca-modal);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--kaca-tepi);border-radius:var(--r-sheet);box-shadow:var(--bayang-premium),0 -8px 40px -12px #14100e40;animation:sheet-naik var(--gerak-sheet) var(--lengkung-sheet);min-width:0;overflow:hidden}.sheet.sheet-tall{max-height:96vh;max-height:96dvh}.sheet{max-height:calc(var(--sheet-layar, 100dvh) * .88)}.sheet.sheet-tall{max-height:calc(var(--sheet-layar, 100dvh) * .96)}.sheet.sheet-tetap{height:calc(var(--sheet-layar, 100dvh) * .88)}.sheet-backdrop.sheet-leaving{pointer-events:none;animation:pudar-keluar var(--gerak-keluar) ease forwards}.sheet-backdrop.sheet-leaving .sheet{animation:sheet-turun var(--gerak-keluar) ease forwards}.sheet-backdrop.sheet-leaving:has(.sheet-menu-catat){animation-duration:var(--gerak-cepat)}.sheet-backdrop.sheet-leaving .sheet-menu-catat{animation:menu-catat-keluar var(--gerak-cepat) var(--lembut) forwards}@keyframes menu-catat-keluar{to{opacity:0;transform:translateY(var(--j3)) scale(.96)}}.grabber{flex:0 0 auto;width:calc(var(--j7) * 2);height:calc(var(--j5) + var(--j1) / 2);margin:0 auto;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}.grabber:before{content:"";width:var(--j8);height:calc(var(--j1) * 1.25);border-radius:var(--r-pil);background:color-mix(in srgb,var(--aksen-isi) 30%,var(--bg-subtle-2))}.sheet-chrome{flex:0 0 auto;display:grid;align-items:center;gap:var(--j2);grid-template-columns:var(--sentuh) minmax(0,1fr) var(--sentuh);padding:0 var(--j4);margin-bottom:0}.sheet-judul{margin:0;min-width:0;text-align:center;font-size:var(--t-baris);font-weight:var(--tebal-judul);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-chrome .segmen{justify-self:center;width:100%;max-width:calc(var(--j1) * 65)}.sheet-chrome .segmen button{min-height:var(--sentuh);font-size:var(--t-kecil)}html.modal-terbuka:has(.sheet-menu-command) .navbar{visibility:visible}.sheet-backdrop:has(.sheet-menu-command){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.sheet-backdrop:has(.sheet-menu-command) .sheet-viewport{align-items:flex-start;justify-content:flex-end;padding:var(--command-atas) var(--command-kanan) var(--j4) var(--j4)}.sheet.sheet-menu-command{--command-lebar-switch: calc(var(--j7) * 3);max-width:calc(var(--j1) * 80);max-height:100%;padding-top:0;overflow:visible;background:var(--bg-card);box-shadow:var(--bayang-melayang);transform-origin:top right;animation-name:command-masuk}.sheet-menu-command:before{content:"";position:absolute;top:calc(var(--j2) * -1);right:calc(var(--command-penunjuk) - var(--j2));width:var(--j4);height:var(--j4);transform:rotate(45deg);background:var(--bg-card);border-top:var(--garis-tipis) solid var(--kaca-tepi);border-left:var(--garis-tipis) solid var(--kaca-tepi)}.sheet-keyboard .sheet-menu-command:before{display:none}.sheet-menu-command .grabber{display:none}.sheet-menu-command .sheet-chrome{position:relative;grid-template-columns:var(--tinggi-kecil) minmax(0,1fr) var(--tinggi-kecil);padding:var(--j2)}.sheet-menu-command .sheet-judul{font-size:var(--t-label)}.sheet-menu-command:not(.command-popup) .sheet-chrome{grid-template-columns:minmax(0,1fr) var(--tinggi-kecil)}.sheet-menu-command:not(.command-popup) .sheet-chrome>span:first-child{display:none}.command-judul{display:flex;align-items:center;gap:var(--j2);text-align:left;padding-left:var(--j3)}.command-avatar{flex:0 0 var(--j7);width:var(--j7);height:var(--j7);border-radius:var(--r-pil);object-fit:cover;background:var(--bg-subtle)}.sheet-menu-command .sheet-body{padding:0 var(--j2) var(--j2);border-radius:0 0 var(--r-sheet) var(--r-sheet)}.command-popup .sheet-body{padding:var(--j3) var(--j4) var(--j4)}.command-pengaturan,.command-pengaturan .halaman{padding:0;gap:var(--j3)}.command-pengaturan>*,.command-pengaturan .halaman>*{animation:none}.command-pengaturan .kartu{padding:var(--j3);box-shadow:none;border:var(--garis-tipis) solid var(--garis)}.command-pengaturan .judul-grup{font-size:var(--t-isi);font-weight:var(--tebal-judul)}.command-pengaturan .baris-fitur:has(.bahasa-pilih){flex-wrap:wrap}.command-pengaturan .bahasa-pilih{margin-left:auto}.command-daftar{gap:0}.command-daftar .baris{min-height:var(--tinggi-sedang);padding:var(--j2) var(--j3);border:0;border-radius:var(--r-isian);background:transparent;box-shadow:none;animation:none}.command-daftar .baris:hover,.command-daftar .baris:focus-visible{background:var(--bg-subtle)}.command-daftar .baris-judul{flex:1;font-weight:var(--tebal-tegas)}.command-daftar .navbar-ikon{color:var(--teks-2)}.command-daftar .command-bahaya,.command-daftar .command-bahaya .navbar-ikon{color:var(--keluar)}.command-daftar .command-pisah{margin-top:var(--j2);border-top:var(--garis-tipis) solid var(--garis);border-start-start-radius:0;border-start-end-radius:0}.command-panah{color:var(--teks-2)}.command-daftar .command-mode,.command-daftar .command-buku{gap:var(--j2)}.command-buku .segmen{flex:0 0 auto;width:var(--command-lebar-switch);border-radius:var(--r-pil)}.command-buku .segmen button{min-height:var(--sentuh);padding:0 var(--j1);font-size:var(--t-label);border-radius:var(--r-pil)}.command-palet{display:grid;gap:var(--j2)}.command-palet .baris{padding:var(--j2);min-height:var(--tinggi-sedang);box-shadow:none;opacity:1}.command-palet .baris-judul{flex:1}.command-contoh{flex:0 0 var(--j7);width:var(--j7);height:var(--j7);border-radius:var(--r-pil);border:var(--garis-tipis) solid var(--garis)}.command-contoh-emas{background:var(--command-contoh-emas)}.command-contoh-pink{background:var(--command-contoh-pink)}.command-contoh-biru{background:var(--command-contoh-biru)}.command-contoh-hijau{background:var(--command-contoh-hijau)}.command-contoh-ungu{background:var(--command-contoh-ungu)}.command-switch{position:relative;flex:0 0 auto;width:var(--command-lebar-switch);min-height:var(--sentuh);padding:var(--j1);border-radius:var(--r-pil);border:var(--garis-tipis) solid var(--garis);background:var(--bg-subtle);box-shadow:inset 0 0 0 var(--garis-tipis) var(--kaca-tepi)}.command-switch-bulatan{position:relative;display:grid;place-items:center;width:var(--j8);height:var(--j8);border-radius:var(--r-pil);background:var(--aksen-isi);color:var(--aksen-atas);box-shadow:var(--bayang-kartu);transform:translate(0);transition:transform var(--gerak) var(--lembut)}.command-switch[aria-checked=true] .command-switch-bulatan{transform:translate(calc(var(--command-lebar-switch) - var(--j8) - var(--j1) * 2 - var(--garis-tipis) * 2))}.command-switch-bulatan>span{position:absolute;display:grid;width:var(--j5);height:var(--j5);transition:opacity var(--gerak),transform var(--gerak) var(--lembut)}.command-switch-bulatan svg{width:100%;height:100%}.command-bulan{opacity:0;transform:rotate(-90deg) scale(.6)}.command-switch[aria-checked=true] .command-matahari{opacity:0;transform:rotate(90deg) scale(.6)}.command-switch[aria-checked=true] .command-bulan{opacity:1;transform:rotate(0) scale(1)}.tema-berganti .command-switch-bulatan{transition:transform var(--gerak) var(--lembut)!important}.tema-berganti .command-switch-bulatan>span{transition:opacity var(--gerak),transform var(--gerak) var(--lembut)!important}@media(prefers-reduced-motion:reduce){.command-switch-bulatan,.command-switch-bulatan>span{transition:none}}.sheet-backdrop.sheet-leaving .sheet-menu-command{animation-name:command-keluar}@keyframes command-masuk{0%{opacity:0;transform:translateY(calc(var(--j2) * -1)) scale(.97)}}@keyframes command-keluar{to{opacity:0;transform:translateY(calc(var(--j2) * -1)) scale(.97)}}.kabar-pemulihan,.kabar-pwa{display:flex;align-items:center;justify-content:space-between;gap:var(--j3);padding:var(--j3) var(--j4);color:var(--teks-2);background:var(--bg-card);border:1px solid var(--garis);border-radius:var(--r-isian);font-size:var(--t-kecil);line-height:1.45}.kabar-pemulihan{margin:var(--j3) var(--tepi)}.kabar-scan{margin:0}.kabar-scan{flex-wrap:wrap}.kabar-scan p{flex:1 1 60%;margin:0}.kabar-scan-mirip{flex:1 1 100%;color:var(--peringatan);font-weight:var(--tebal-tegas)}.kabar-scan-aksi{display:inline-flex;margin-left:auto;gap:var(--j4);white-space:nowrap}.kabar-pwa{position:fixed;z-index:45;top:max(var(--j2),env(safe-area-inset-top));left:var(--j3);right:var(--j3);max-width:calc(var(--j1) * 130);margin-inline:auto;box-shadow:var(--bayang-kartu)}.kabar-pwa [data-koneksi]:empty{display:none}.sheet-body{flex:1 1 auto;min-height:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--j4);align-content:start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--j5) var(--j5) calc(var(--j6) + env(safe-area-inset-bottom))}.sheet-body:has(+.sheet-actions){padding-bottom:var(--j3)}.sheet-actions{flex:0 0 auto;display:flex;align-items:center;gap:var(--j3);padding:var(--j4) var(--j5) calc(var(--j5) + env(safe-area-inset-bottom));border-top:1px solid var(--garis)}#toast-host{position:fixed;left:50%;top:max(var(--j4),env(safe-area-inset-top));z-index:110;width:min(100% - var(--j7),calc(var(--j1) * 100));transform:translate(-50%);display:grid;gap:calc(var(--j2) + var(--j1) / 2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--j3);padding:var(--j2) var(--j3) var(--j2) var(--j2);border-radius:var(--r-chip);background:var(--kaca-ubin-isi);color:var(--teks);border:1px solid var(--kaca-ubin-tepi);backdrop-filter:var(--kaca-ubin-saring);-webkit-backdrop-filter:var(--kaca-ubin-saring);line-height:1.35;pointer-events:auto;box-shadow:var(--bayang-premium),0 18px 40px -16px #14100e59;animation:toast-pegas .75s linear both}.toast-avatar{position:relative;flex:none;width:var(--tinggi-sedang);height:var(--tinggi-sedang);border-radius:50%;background:var(--bg-card);box-shadow:0 0 0 2px var(--bg-card),0 0 0 3px var(--aksen-cincin);animation:toast-avatar-pop .6s var(--pegas) .18s both}.toast-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.toast-lencana{position:absolute;right:calc(-1 * var(--j1));bottom:calc(-1 * var(--j1));display:grid;place-items:center;width:calc(var(--j5) + var(--j1) / 2);height:calc(var(--j5) + var(--j1) / 2);border-radius:50%;color:var(--bg-card);background:var(--info);border:2px solid var(--bg-card)}.toast-lencana svg{width:var(--j3);height:var(--j3)}.toast-success .toast-lencana{background:var(--masuk)}.toast-warning .toast-lencana{background:var(--peringatan)}.toast-error .toast-lencana{background:var(--keluar)}.toast-teks{flex:1;min-width:0;display:grid;gap:calc(var(--j1) / 2);overflow-wrap:anywhere}.toast-judul{color:var(--teks);font-size:var(--t-isi);font-weight:var(--tebal-judul)}.toast-pesan{color:var(--teks-2);font-size:var(--t-kecil);font-weight:var(--tebal-isi)}.toast-tutup{display:grid;place-items:center;width:var(--sentuh);min-width:var(--sentuh);min-height:var(--sentuh);border:0;border-radius:50%;background:none;color:var(--teks-2);margin-right:calc(-1 * var(--j2))}.toast-tutup svg{width:var(--j4);height:var(--j4)}.toast-pergi{animation:toast-naik .34s cubic-bezier(.4,0,1,.6) both;pointer-events:none}@keyframes toast-pegas{0%{opacity:0;transform:translateY(-130%) scale(.94);filter:blur(10px)}35%{opacity:1;filter:blur(3px)}55%{transform:translateY(7px) scale(1.01);filter:blur(0)}75%{transform:translateY(-3px) scale(1)}88%{transform:translateY(1px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes toast-naik{0%{opacity:1;transform:none;filter:blur(0)}to{opacity:0;transform:translateY(-120%) scale(.96);filter:blur(6px)}}@keyframes toast-avatar-pop{0%{transform:scale(.5) rotate(-14deg)}60%{transform:scale(1.1) rotate(5deg)}to{transform:none}}.undo-toast{pointer-events:auto}.undo-btn{flex:0 0 auto;min-height:var(--sentuh);padding:var(--j2);margin-right:calc(-1 * var(--j1));border:0;border-radius:var(--r-chip);background:transparent;color:var(--aksen-teks);font-size:var(--t-kecil);font-weight:var(--tebal-tegas)}.undo-toast{position:relative;overflow:hidden}.toast-sumbu{position:absolute;left:0;right:0;bottom:0;height:calc(var(--j1) * .75);pointer-events:none;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--aksen-isi) 50%,transparent) 18%,var(--aksen-isi) 38%,var(--aksen-isi) 62%,color-mix(in srgb,var(--aksen-isi) 50%,transparent) 82%,transparent 100%);transform-origin:left center;animation:toast-sumbu var(--sumbu-lama, 12s) linear forwards}.toast-jeda .toast-sumbu{animation-play-state:paused}@keyframes toast-sumbu{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.toast-sumbu{animation-duration:var(--sumbu-lama, 12s)!important}}.reward{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;pointer-events:none}.reward-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tirai-lembut);opacity:0;transition:opacity .3s ease}.reward-confetti{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.reward-isi{position:relative;display:flex;flex-direction:column;align-items:center;width:min(calc(100% - var(--j8)),calc(var(--j1) * 65));padding:var(--j7) var(--j6) var(--j6);border-radius:var(--r-sheet);border:1px solid var(--garis);background:var(--bg-card);box-shadow:var(--bayang-premium);text-align:center;opacity:0;transform:translateY(var(--j4)) scale(.9);transition:transform .5s var(--pegas),opacity .25s ease}.reward.tampil .reward-bg{opacity:1}.reward.tampil .reward-isi{opacity:1;transform:scale(1)}.reward-lambang img,.reward-lambang video{width:calc(var(--j1) * 28);height:calc(var(--j1) * 28);object-fit:contain;filter:drop-shadow(0 12px 25px rgb(var(--aksen-rgb) / .6))}.reward-isi strong{margin-top:var(--j4);color:var(--teks);font-family:var(--font-suara);font-size:var(--t-judul);font-weight:var(--tebal-tegas);letter-spacing:-.02em}.reward-lambang{position:relative;display:grid;place-items:center;width:calc(var(--j1) * 28);height:calc(var(--j1) * 28)}.reward-lambang img,.reward-lambang video{position:relative;z-index:1;grid-area:1 / 1}.reward-lambang [hidden]{display:none}.reward-cincin{position:absolute;inset:calc(-1 * var(--j2));border-radius:50%;border:1px solid var(--aksen-cincin);background:var(--aksen-lembut)}.reward.tampil .reward-cincin{animation:cincin-senang .65s var(--lembut) both}.reward-centang{position:absolute;z-index:2;right:0;bottom:0;display:grid;place-items:center;width:var(--j7);height:var(--j7);border-radius:50%;color:var(--bg-card);background:var(--masuk);border:3px solid var(--bg-card)}.reward-centang svg{width:var(--j4);height:var(--j4)}@keyframes cincin-senang{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.split-word{display:inline-block;opacity:0;transform:translateY(10px);animation:kata-naik .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes kata-naik{to{opacity:1;transform:none}}.edge-hint{position:fixed;top:50%;z-index:60;width:calc(var(--j1) * 10.5);height:calc(var(--j1) * 10.5);display:grid;place-items:center;border-radius:50%;background:var(--kaca-ubin-isi);border:1px solid var(--kaca-ubin-tepi);box-shadow:inset 0 1px 0 var(--kaca-ubin-tepi),var(--kaca-ubin-bayang);backdrop-filter:var(--kaca-ubin-saring);-webkit-backdrop-filter:var(--kaca-ubin-saring);color:var(--teks);font-size:var(--t-bagian);line-height:1;opacity:0;pointer-events:none}.edge-hint-left{left:-20px;transform:translateY(-50%)}.edge-hint-right{right:-20px;transform:translateY(-50%)}.edge-hint-right span{display:block;transform:rotate(180deg)}.kabar-baca:not([hidden]){display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:var(--j3);row-gap:var(--j1)}.kabar-baca img{width:calc(var(--j1) * 12);height:calc(var(--j1) * 12);object-fit:contain}.kabar-baca p{margin:0}.kabar-baca:not(.kabar-baca-gagal) img{animation:mochi-baca 1.6s ease-in-out infinite}.kabar-baca-gagal:not([hidden]){grid-template-columns:auto minmax(0,1fr)}.kabar-baca-gagal img{grid-row:span 2;align-self:start}.kabar-baca-gagal .kabar-scan-aksi{grid-column:2;justify-self:end}.kabar-baca-gagal p strong{display:block;color:var(--teks)}@keyframes mochi-baca{50%{transform:translateY(-2px) rotate(-2deg)}}@media(prefers-reduced-motion:reduce){.kabar-baca img{animation:none}}.kabar-pwa:not([hidden]){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--j3);row-gap:var(--j2)}.pwa-mochi{width:calc(var(--j1) * 12);height:calc(var(--j1) * 12);object-fit:contain;grid-row:span 2;align-self:start}.pwa-teks{display:grid;gap:var(--j1);min-width:0}.pwa-teks strong{color:var(--teks);font-weight:var(--tebal-judul)}.kabar-pwa [data-perbarui]{grid-column:2;justify-self:end}.pwa-aksi{display:flex;flex-wrap:wrap;gap:var(--j2);margin-top:var(--j3)}.pwa-menunggu:before{content:"";display:inline-block;flex:0 0 auto;width:var(--j3);height:var(--j3);margin-right:var(--j2);border:calc(var(--j1) / 2) solid currentColor;border-right-color:transparent;border-radius:50%;animation:pwa-putar 1s linear infinite}@keyframes pwa-putar{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.pwa-menunggu:before{animation:none}}.premium-pagar{min-height:calc(var(--j1) * 70);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--j3);text-align:center}.premium-pagar h2{font-size:var(--t-bagian)}.premium-pagar p{max-width:34ch;color:var(--teks-2);line-height:1.6}.premium-label,.premium-dev{padding:calc(var(--j1) * .75) calc(var(--j1) * 2.25);border-radius:var(--r-pil);background:var(--aksen-lembut);color:var(--aksen-teks);font-size:var(--t-nano);font-weight:var(--tebal-judul);letter-spacing:.08em;text-transform:uppercase}.premium-status{margin-top:var(--j3)}.premium-simulator{border-style:dashed}.premium-simulator .premium-dev{display:inline-block;margin-bottom:var(--j3)}.premium-simulator .isian{margin-top:var(--j4)}.berdua{display:grid;gap:var(--j4)}.berdua-hero{display:flex;align-items:center;gap:var(--j3);padding:var(--j1) calc(var(--j1) / 2) calc(var(--j1) / 2)}.berdua-hero h2{font-family:var(--font-suara);font-size:var(--t-bagian);font-weight:var(--tebal-tegas)}.berdua-hero p,.berdua-bagian>p,.berdua-pasangan p,.berdua-pesan p,.berdua-putus p,.berdua-ket{margin-top:var(--j1);font-size:var(--t-kecil);font-weight:var(--tebal-isi);line-height:1.55;color:var(--teks-2)}.berdua-buat,.berdua-terhubung{display:grid;gap:var(--j3)}.berdua-bagian h3,.berdua-pesan h3,.berdua-putus h3{font-size:var(--t-isi);font-weight:var(--tebal-judul)}.berdua-level{--warna-pilihan: var(--tingkat-1);--warna-pilihan-atas: var(--tingkat-atas)}.berdua-level[data-tingkat=ringkasan_bersama]{--warna-pilihan: var(--tingkat-2)}.berdua-level[data-tingkat=brankas_terbuka]{--warna-pilihan: var(--tingkat-3)}.berdua-level[data-diminta]{outline:1.5px dashed var(--warna-pilihan);outline-offset:-1.5px;background:color-mix(in srgb,var(--warna-pilihan) 10%,var(--bg-subtle-2))}.berdua-level[data-diminta] .kartu-pilihan-centang{display:none}.berdua-level-menunggu{display:inline-flex;align-items:center;gap:calc(var(--j1) * 1.5);flex:none;padding:calc(var(--j1) * .75) calc(var(--j1) * 2.25) calc(var(--j1) * .75) var(--j2);border-radius:var(--r-pil);background:var(--warna-pilihan);color:var(--warna-pilihan-atas);font-size:var(--t-mikro);font-weight:var(--tebal-tegas)}.berdua-level-menunggu:before{content:"";width:calc(var(--j1) * 1.5);height:calc(var(--j1) * 1.5);border-radius:50%;background:currentColor;animation:berdua-denyut 1.6s ease-in-out infinite}@keyframes berdua-denyut{0%,to{opacity:1}50%{opacity:.3}}.berdua-tingkat[data-tinjau] .kartu-pilihan-centang{display:none}.berdua-level-berlaku{flex:none;padding:calc(var(--j1) * .75) calc(var(--j1) * 2.25);border-radius:var(--r-pil);background:var(--warna-pilihan);color:var(--warna-pilihan-atas);font-size:var(--t-mikro);font-weight:var(--tebal-tegas)}.berdua-level[aria-pressed=true] .berdua-level-berlaku{background:var(--warna-pilihan-atas);color:var(--warna-pilihan)}.berdua-ubah{display:grid;gap:var(--j2)}.berdua-label{display:block;font-size:var(--t-nano);font-weight:var(--tebal-judul);letter-spacing:.08em;text-transform:uppercase;color:var(--teks-3)}.berdua-undangan-siap,.berdua-pesan{display:grid;gap:calc(var(--j2) + var(--j1) / 2)}.berdua-undangan-siap .isian{text-align:left}.berdua-undangan-siap input{font-size:var(--t-label)}.berdua-aksi-dua{display:flex;gap:var(--j2);flex-wrap:wrap}.berdua-aksi-dua .tombol-pil{flex:1;min-width:calc(var(--j1) * 30)}.berdua-undangan-siap .tombol-teks{justify-self:start;padding-left:0;color:var(--keluar)}.kartu.berdua-undangan-masuk{display:grid;gap:var(--j2);border-color:var(--aksen-cincin)}.berdua-undangan-masuk h3,.berdua-undangan-siap h3{font-size:var(--t-isi);font-weight:var(--tebal-judul)}.berdua-undangan-masuk>p:not(.berdua-ket){font-size:var(--t-kecil);line-height:1.5;color:var(--teks-2)}.berdua-undangan-masuk strong{color:var(--teks);font-weight:var(--tebal-judul)}.berdua-pasangan{display:flex;align-items:center;gap:var(--j3)}.berdua-pasangan h3{margin-top:calc(var(--j1) / 2);font-size:var(--t-baris);font-weight:var(--tebal-judul)}.berdua-notice{display:grid;gap:var(--j2);padding:calc(var(--j1) * 3.25) calc(var(--j3) + var(--j1) / 2);border-radius:var(--r-isian);background:var(--aksen-lembut)}.berdua-notice strong{font-size:var(--t-kecil);font-weight:var(--tebal-judul)}.berdua-notice>span{font-size:var(--t-label);font-weight:var(--tebal-isi);color:var(--teks-2)}.berdua-ringkasan,.berdua-kekayaan,.berdua-riwayat{display:grid;gap:calc(var(--j1) * 3.25)}.berdua-ringkasan-kepala{display:flex;align-items:start;justify-content:space-between;gap:var(--j2)}.berdua-ringkasan-kepala h3{margin-top:calc(var(--j1) * .75);font-size:var(--t-baris);font-weight:var(--tebal-judul)}.berdua-ringkasan-kepala small{max-width:calc(var(--j1) * 32.5);font-size:var(--t-mikro);font-weight:var(--tebal-tegas);line-height:1.35;text-align:right;color:var(--teks-3)}.berdua-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--j2)}.berdua-stat{display:grid;gap:calc(var(--j1) * .75);padding:calc(var(--j2) + var(--j1) / 2);border-radius:var(--r-isian);background:var(--bg-dalam)}.berdua-stat strong{overflow:hidden;font-size:var(--t-label);font-weight:var(--tebal-judul);text-overflow:ellipsis;white-space:nowrap}.berdua-stat span{font-size:var(--t-nano);font-weight:var(--tebal-tegas);color:var(--teks-3)}.berdua-kekayaan{gap:var(--j1)}.berdua-kekayaan>strong{font-family:var(--font-suara);font-size:var(--t-judul);font-weight:var(--tebal-judul);letter-spacing:-.03em}.berdua-riwayat>ol{display:grid;padding:0;margin:0;list-style:none}.berdua-riwayat-baris{display:flex;align-items:center;justify-content:space-between;gap:var(--j2);padding:calc(var(--j2) + var(--j1) / 2) 0;border-top:1px solid var(--garis)}.berdua-riwayat-baris:first-child{border-top:0;padding-top:0}.berdua-riwayat-baris>div{min-width:0;display:grid;gap:calc(var(--j1) * .75)}.berdua-riwayat-baris strong{overflow:hidden;font-size:var(--t-kecil);font-weight:var(--tebal-judul);text-overflow:ellipsis;white-space:nowrap}.berdua-riwayat-baris span{overflow:hidden;font-size:var(--t-mikro);font-weight:var(--tebal-tegas);text-overflow:ellipsis;white-space:nowrap;color:var(--teks-3)}.berdua-riwayat-kanan{flex:0 0 auto;justify-items:end}.berdua-riwayat-ubah{padding:0;font-size:var(--t-nano);font-weight:var(--tebal-judul);color:var(--aksen)}.berdua-nominal{flex:0 0 auto;font-size:var(--t-label);font-weight:var(--tebal-judul)}.berdua-nominal-income{color:var(--masuk)}.berdua-nominal-expense{color:var(--keluar)}.berdua-ubah-pindah{display:grid;gap:var(--j3)}.berdua-ubah-pindah>h2{font-family:var(--font-suara);font-size:var(--t-bagian);font-weight:var(--tebal-judul)}.berdua-ubah-pindah>p,.catat-berdua-ket{font-size:var(--t-label);font-weight:var(--tebal-isi);line-height:1.5;color:var(--teks-2)}.catat-berdua-ket{margin:calc(-1 * (var(--j1) * .75)) 0 var(--j1)}.berdua-putus{display:grid;gap:var(--j3);padding-top:var(--j4);border-top:1px solid var(--garis)}.berdua-terhubung{transition:opacity .24s ease-out}.berdua-terhubung[data-mengakhiri]{opacity:.45}.berdua-putus .btn-bahaya{width:100%}.undangan-berdua-kartu{display:grid;gap:calc(var(--j1) * 1.75);text-align:left}.undangan-berdua-kartu h2{font-family:var(--font-suara);font-size:var(--t-bagian);font-weight:var(--tebal-tegas)}.undangan-berdua-kartu p{font-size:var(--t-kecil);font-weight:var(--tebal-isi);line-height:1.55;color:var(--teks-2)}.undangan-berdua-kartu small{font-size:var(--t-mikro);font-weight:var(--tebal-tegas);color:var(--teks-3)}.baris-sub-bersama{white-space:normal;line-height:1.4}.kartu-tujuan-bersama>.tombol-garis{width:100%;margin-top:var(--j3)}.kabar{display:grid;gap:var(--j3)}.kabar-memuat{font-size:var(--t-kecil);color:var(--teks-2);text-align:center;padding:var(--j5) 0}.kabar-keadaan{display:flex;align-items:center;gap:var(--j3);width:100%;text-align:left;color:var(--teks);border-color:var(--aksen-cincin)}.kabar-keadaan .baris-sub{white-space:normal}.kabar-daftar{display:grid;padding:0;margin:0;list-style:none}.kabar-daftar>li+li{border-top:1px solid var(--garis)}.kabar-baris{width:100%;text-align:left;padding:var(--j3) 0}.kabar-baris .baris-judul,.kabar-baris .baris-sub{white-space:normal}.kabar-baru .baris-judul{font-weight:var(--tebal-judul)}.kabar-titik{flex:0 0 auto;width:var(--j2);height:var(--j2);border-radius:50%;background:var(--keluar)}.daftar-kartu-utang{display:grid;gap:var(--j3)}.kartu-utang{display:grid;gap:var(--j2);padding:var(--j3);border:1px solid var(--garis);border-radius:var(--r-isian);background:var(--bg-card);box-shadow:var(--bayang-item);animation:baris-masuk .45s var(--lembut) both;animation-delay:calc(min(var(--i, 0),10)*40ms)}.kartu-utang-kepala{width:100%;display:flex;align-items:center;gap:var(--j3);padding:0;border:0;background:transparent;text-align:left;color:var(--teks);transition:transform .2s var(--pegas)}.kartu-utang-kepala:active{transform:scale(.97)}.kartu-utang-kepala-diam:active{transform:none}.kartu-utang-kepala .baris-sub{white-space:normal}.kartu-utang-kaki{margin:0;font-size:var(--t-label);color:var(--teks-3)}.kartu-utang-aksi{display:flex;flex-wrap:wrap;gap:var(--j2)}.kartu-utang-aksi .tombol-pil{flex:1 1 150px;min-width:0;justify-content:center}.kartu-tempo .lencana{margin:var(--j2) 0 0}.baris-pilih[disabled]{opacity:.45}.baris-terpilih{border-color:var(--aksen-isi);background:var(--aksen-isi);color:var(--aksen-atas)}.baris-terpilih .baris-sub{color:var(--aksen-atas)}.baris-terpilih .baris-angka{background:var(--bg-card);padding:var(--j1) var(--j2);border-radius:var(--r-chip)}.centang-kotak{flex:none;width:calc(var(--j5) + var(--j1) / 2);height:calc(var(--j5) + var(--j1) / 2);display:grid;place-items:center;border:2px solid var(--garis);border-radius:var(--r-centang);color:var(--aksen-atas);font-size:var(--t-kecil);line-height:1}.baris-terpilih .centang-kotak{background:var(--aksen-isi);border-color:var(--aksen-isi)}.centang-kotak svg{width:calc(var(--j3) + var(--j1) / 2);height:calc(var(--j3) + var(--j1) / 2)}.aksi-massal{position:sticky;z-index:6;bottom:calc(var(--j4) + env(safe-area-inset-bottom));display:grid;gap:var(--j2);padding:var(--j3);border:1px solid var(--kaca-ubin-tepi);border-radius:var(--r-kartu);background:var(--kaca-nav-isi);backdrop-filter:var(--kaca-nav-saring);-webkit-backdrop-filter:var(--kaca-nav-saring);box-shadow:inset 0 1px 0 var(--kaca-ubin-tepi),var(--nav-bayang);animation:none}.aksi-massal-teks{min-width:0;display:grid;gap:calc(var(--j1) / 2)}.aksi-massal-teks strong{font-size:var(--t-kecil);font-weight:var(--tebal-judul)}.aksi-massal-teks span{font-size:var(--t-label);color:var(--teks-3)}.daftar-ringkas{margin:0;padding:0;list-style:none;display:grid}.daftar-ringkas li{display:flex;align-items:center;justify-content:space-between;gap:var(--j3);padding:var(--j2) 0;border-bottom:1px solid var(--garis);font-size:var(--t-kecil)}.daftar-ringkas li:last-child{border-bottom:0}.daftar-ringkas li span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daftar-ringkas li span:last-child{flex:none;font-weight:var(--tebal-tegas);font-variant-numeric:tabular-nums}.pemilih{display:grid;gap:var(--j5)}.pemilih-ket{margin:0;font-size:var(--t-kecil);font-weight:var(--tebal-isi);line-height:1.5;color:var(--teks-2)}.pemilih-grup{display:grid;gap:var(--j2)}.kejadian,.kasbon-pilih{display:flex;align-items:center;gap:var(--j3);width:100%;min-height:calc(var(--j7) * 2);padding:var(--j3) var(--j4) var(--j3) var(--j3);text-align:left;border:1.5px solid var(--garis);border-radius:var(--r-isian);background:var(--bg-card);color:inherit;transition:border-color var(--gerak-cepat),background-color var(--gerak-cepat),transform var(--gerak-cepat)}.kejadian:active,.kasbon-pilih:active{transform:scale(.98)}.kejadian .chip{width:var(--j8);height:var(--j8)}.kasbon-pilih .ikon-pilihan{flex:0 0 auto;width:var(--j8);height:var(--j8)}.kejadian .baris-teks,.kasbon-pilih .baris-teks{flex:1;min-width:0}.kejadian .baris-judul,.kasbon-pilih .baris-judul{white-space:normal;font-size:var(--t-isi);font-weight:var(--tebal-judul)}.kejadian .baris-sub,.kasbon-pilih .baris-sub{white-space:normal;font-size:var(--t-label);line-height:1.4}.kasbon-pilih[aria-checked=true]{border-color:var(--aksen-isi);background:var(--aksen-isi);color:var(--aksen-atas)}.kasbon-pilih[aria-checked=true] .baris-sub{color:var(--aksen-atas)}.ubin-tab{width:100%;font:inherit;color:inherit;text-align:left;border:1.5px solid var(--garis);transition:border-color var(--gerak-cepat),background-color var(--gerak-cepat),transform var(--gerak-cepat)}.ubin-tab:active{transform:scale(.98)}.ubin-tab[aria-selected=false]{background:var(--bg-subtle);box-shadow:none}.ubin-tab[aria-selected=true]{border-color:var(--aksen-isi)}.tombol-catat{width:100%;justify-content:center;min-height:var(--tinggi-sedang)}.kp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:env(safe-area-inset-top) var(--tepi) calc(env(safe-area-inset-bottom) + var(--j5));background:var(--bg-app);color:var(--teks)}.kp-atas{width:100%;max-width:calc(var(--j1) * 90);margin-top:16svh;display:grid;gap:var(--j4)}.kp-akhir .kp-atas{margin-top:8svh}.kp-bawah{width:100%;max-width:calc(var(--j1) * 90);margin-top:auto;display:grid;gap:var(--j3)}.kp-judul{display:grid;text-align:center;font-family:var(--font-suara);font-size:var(--t-bagian);font-weight:var(--tebal-tegas);line-height:1.3;letter-spacing:-.01em}.kp-judul>span{grid-area:1 / 1}.kp-judul>.kp-redup{color:var(--teks-3)}.kp-judul-ket{margin-top:calc(var(--j2) * -1);text-align:center;font-size:var(--t-kecil);font-weight:var(--tebal-isi);color:var(--teks-2)}.kp-sorot{position:relative;display:inline-block;font-style:normal;color:var(--aksen-teks)}.kp-sorot svg{position:absolute;left:0;right:0;bottom:-5px;width:100%;height:var(--j2);overflow:visible}.kp-sorot path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}.kp-panggung{position:relative;perspective:1000px}.kp-putar{position:relative;z-index:2;transform-style:preserve-3d}.kp-putar>.vault{backface-visibility:hidden;-webkit-backface-visibility:hidden}.kp-balik{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center}.kp-grid{--garis-grid: color-mix(in srgb, var(--teks) 8%, transparent);position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none;border-radius:var(--r-sheet);border:1px solid var(--garis-grid);background:color-mix(in srgb,var(--bg-card) 55%,transparent)}.kp-mekar-mulai .kp-grid{background:none}.kp-terang .kp-grid{--garis-grid: rgba(255, 255, 255, .18)}.kp-grid-x,.kp-grid-y{position:absolute;top:0;right:0;bottom:0;left:0}.kp-grid-x{background:linear-gradient(to bottom,var(--garis-grid) 1px,transparent 1px) 0 0 / 100% var(--sel)}.kp-grid-y{background:linear-gradient(to right,var(--garis-grid) 1px,transparent 1px) 0 0 / var(--sel) 100%}.kp-komet-wadah{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;pointer-events:none;border-radius:var(--r-sheet)}.kp-komet{position:absolute;left:0;top:0;width:var(--ekor);height:calc(var(--j1) * .75);opacity:0;border-radius:var(--r-pil);transform-origin:right center;background:linear-gradient(to right,transparent,var(--aksen-isi));filter:drop-shadow(0 0 4px var(--aksen-kilau))}.kp-komet.kp-komet-balik{transform-origin:left center;background:linear-gradient(to left,transparent,var(--aksen-isi))}.kp-komet.kp-komet-tegak{width:calc(var(--j1) * .75);height:var(--ekor);transform-origin:center bottom;background:linear-gradient(to bottom,transparent,var(--aksen-isi))}.kp-komet.kp-komet-tegak.kp-komet-balik{transform-origin:center top;background:linear-gradient(to top,transparent,var(--aksen-isi))}.kp-titik{position:absolute;left:0;top:0;width:calc(var(--j1) * 1.5);height:calc(var(--j1) * 1.5);opacity:0;border-radius:var(--r-pil);background:var(--aksen-isi);box-shadow:0 0 10px 2px var(--aksen-kilau)}.kp-mekar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none;border-radius:var(--r-sheet)}.kp-mekar span{position:absolute;left:50%;top:100%;width:190%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 200deg,var(--foil-terang),var(--aksen-muda),var(--vault-dari),var(--foil),var(--foil-gelap),var(--vault-tengah),var(--foil-terang));filter:blur(22px);transform:translate(-50%,-50%) scale(0)}.kp-status{text-align:center;font-size:var(--t-kecil);font-weight:var(--tebal-isi);color:var(--teks-3)}.vault-kaca-kanan.kp-pemilik{text-align:left;max-width:none;flex:1 1 auto}.kp-pil{position:relative;flex:none;min-height:var(--j7);padding:0 var(--j4);border:0;border-radius:var(--r-pil);background:#fffffff2;color:var(--vault-tengah);box-shadow:0 0 0 3px #ffffff38;font-size:var(--t-label);font-weight:var(--tebal-judul);transition:transform var(--gerak-cepat) ease}.kp-pil:after{content:"";position:absolute;top:-8px;right:-4px;bottom:-8px;left:-4px}.kp-pil:active{transform:scale(.95)}.kp-denyut{animation:kp-denyut 1.8s ease-out .6s infinite}@keyframes kp-denyut{0%{box-shadow:0 0 0 3px #ffffff38,0 0 0 3px #ffffff80}70%,to{box-shadow:0 0 0 3px #ffffff38,0 0 0 14px #fff0}}@media(prefers-reduced-motion:reduce){.kp-denyut{animation:none}}.kp-tirai{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--tirai)}.kp-lembar{position:absolute;z-index:11;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--r-sheet);background:var(--bg-card);box-shadow:var(--bayang-melayang)}.kp-lembar-kepala{position:relative;flex:none;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--vault-dari) 0%,var(--vault-tengah) 55%,var(--vault-ke) 100%)}.kp-latar-layar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;background:var(--bg-app)}.kp-potongan{grid-area:1 / 1;align-self:start;position:relative;z-index:1;width:100%;display:grid;gap:var(--j2);padding:var(--j5) var(--j4) 0;pointer-events:none;zoom:.88}.kp-potongan .kartu{margin:0}.kp-potongan-berdua{padding-top:var(--j8)}.kp-potongan-berdua>*{grid-area:1 / 1}.kp-potongan-berdua>:first-child .vault{transform:translateY(-16%) scale(.9);filter:brightness(.8)}.kp-lembar-badan{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:var(--j5) var(--j5) calc(var(--j5) + env(safe-area-inset-bottom))}.kp-hal-wadah{display:grid}.kp-hal{grid-area:1 / 1;display:grid;gap:var(--j2);align-content:start}.kp-hal h2{font-size:var(--t-bagian);font-weight:var(--tebal-judul);line-height:1.25;letter-spacing:-.01em}.kp-hal em{font-style:normal;color:var(--aksen-teks)}.kp-hal p{font-size:var(--t-kecil);font-weight:var(--tebal-isi);line-height:1.6;color:var(--teks-2)}.kp-lembar-badan>.tombol-utama{flex:none;margin-top:auto}.kp-rincian{position:relative;z-index:2;margin:0;padding:0;list-style:none;display:grid}.kp-rincian li{display:grid;grid-template-columns:16px auto minmax(0,1fr);align-items:baseline;gap:var(--j2);padding:var(--j3) 0;border-bottom:1px solid rgba(255,255,255,.12);opacity:.45;transition:opacity var(--gerak) ease}.kp-rincian li:last-child{border-bottom:0}.kp-rincian li.kp-terurai{opacity:1}.kp-no{font-size:var(--t-nano);font-variant-numeric:tabular-nums;color:#ffffff73}.kp-label{font-size:var(--t-label);font-weight:var(--tebal-tegas);color:var(--vault-teks-2)}.kp-rincian strong{min-width:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-angka);font-size:var(--t-isi);font-weight:var(--tebal-tegas);color:var(--vault-teks)}.kp-pilihan{display:grid;gap:var(--j3);margin-top:var(--j2)}.kp-pilihan-ket{text-align:center;font-size:var(--t-kecil);font-weight:var(--tebal-isi);color:var(--teks-2)}.kp-langkah{display:grid;justify-items:center;margin-bottom:var(--j2)}.vt-ke-beranda .kp-balik,.vt-ke-beranda .vault[data-vault]:not([inert]){view-transition-name:kartu-vault}::view-transition-group(kartu-vault){animation-duration:.7s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-image-pair(kartu-vault){perspective:1200px}::view-transition-old(kartu-vault){animation:vt-kartu-keluar .35s ease-in both;backface-visibility:hidden}::view-transition-new(kartu-vault){animation:vt-kartu-masuk .4s .3s cubic-bezier(.2,.8,.2,1) both;backface-visibility:hidden}@keyframes vt-kartu-keluar{to{transform:rotateY(90deg)}}@keyframes vt-kartu-masuk{0%{transform:rotateY(-90deg)}}.pin{--n: 6;--pin-jarak: var(--j2);--pin-tinggi: 52px;--pin-titik: 12px;--pin-lebar: min(44px, calc((min(100vw - 48px, 360px) - (var(--n) - 1) * var(--pin-jarak)) / var(--n)));display:grid;justify-items:center}.pin-baris{position:relative;display:inline-flex;gap:var(--pin-jarak);cursor:text;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pin[data-mati] .pin-baris{opacity:.5;cursor:not-allowed}.pin-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;margin:0;padding:0;border:0;outline:0;background:transparent;color:transparent;caret-color:transparent;font-size:var(--t-baris);opacity:0;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pin-slot{position:relative;display:grid;place-items:center;width:var(--pin-lebar);height:var(--pin-tinggi);border-radius:var(--r-chip);overflow:hidden;background:var(--bg-subtle-2);transition:box-shadow var(--gerak-cepat) ease}.pin-isi{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--aksen-isi);transform:scale(0);transition:transform var(--gerak) var(--pegas) var(--jeda, 0ms),background-color var(--gerak-cepat) ease}.pin-titik{position:relative;z-index:1;width:var(--pin-titik);height:var(--pin-titik);border-radius:50%;background:var(--aksen-atas);opacity:0;transform:translateY(8px);transition:transform var(--gerak) var(--pegas) var(--jeda, 0ms),opacity var(--gerak-cepat) ease var(--jeda, 0ms),background-color var(--gerak-cepat) ease}.pin-slot[data-terisi] .pin-isi{transform:scale(1)}.pin-terbaca .pin-titik{width:auto;height:auto;border-radius:0;background:none;color:var(--aksen-atas);font-size:var(--t-bagian);font-weight:var(--tebal-judul);font-variant-numeric:tabular-nums;line-height:1}.pin-terbaca[data-status=salah] .pin-titik{background:none;color:var(--keluar)}.pin[data-status=periksa] .pin-isi{animation:pin-denyut 1s ease-in-out infinite}@keyframes pin-denyut{50%{opacity:.55}}.pin-slot[data-terisi] .pin-titik{opacity:1;transform:translateY(0)}.pin-kursor{position:absolute;top:0;left:0;z-index:2;display:grid;place-items:center;width:var(--pin-lebar);height:var(--pin-tinggi);pointer-events:none;opacity:0;transform:translate(calc(var(--ke, 0) * (var(--pin-lebar) + var(--pin-jarak))));transition:transform var(--gerak-cepat) var(--lembut),opacity var(--gerak-cepat) ease}.pin-kursor:after{content:"";width:calc(var(--j1) / 2);height:40%;border-radius:calc(var(--r-chip) / 12);background:var(--teks);animation:pin-kedip 1.06s steps(1) infinite}.pin[data-fokus][data-status=diam]:not([data-penuh]) .pin-kursor{opacity:1}@keyframes pin-kedip{50%{opacity:0}}.pin[data-fokus] .pin-slot:first-of-type:not([data-terisi]),.pin[data-fokus] .pin-slot[data-terisi]+.pin-slot:not([data-terisi]){box-shadow:inset 0 0 0 1.5px var(--aksen-isi)}.pin[data-status=salah] .pin-baris{animation:pin-goyang .38s var(--lembut)}.pin[data-status=salah] .pin-isi{background:var(--chip-keluar)}.pin[data-status=salah] .pin-titik{background:var(--keluar)}@keyframes pin-goyang{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.pin-sapu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;border-radius:var(--r-chip);background:var(--aksen-isi);color:var(--aksen-atas);clip-path:inset(0 50% round var(--r-chip));pointer-events:none;transition:clip-path .3s cubic-bezier(.23,1,.32,1)}.pin-centang{display:grid;opacity:0;transform:translateY(8px) scale(.85);transition:transform .35s var(--pegas) .28s,opacity .2s ease .28s}.pin-centang svg{width:calc(var(--j1) * 6.5);height:calc(var(--j1) * 6.5)}.pin[data-status=diterima] .pin-sapu{clip-path:inset(0 0 round var(--r-chip))}.pin[data-status=diterima] .pin-centang{opacity:1;transform:none}.pin[data-status=diterima] .pin-titik{opacity:0;transform:translateY(26px)}.pin[data-status=diterima] .pin-slot .pin-titik{transition-delay:calc(60ms + var(--i, 0) * 30ms)}body.terkunci{overflow:hidden}.kunci-layar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;align-items:safe center;padding:max(var(--j6),env(safe-area-inset-top)) var(--j4) max(var(--j6),env(safe-area-inset-bottom));background:var(--bg-app);animation:pudar-masuk var(--gerak-cepat) ease both;overflow-y:auto}.kunci-layar.kunci-pergi{animation:pudar-keluar .28s ease both}.kunci-isi{gap:var(--j4)}.kunci-maskot{width:calc(var(--j1) * 24);height:calc(var(--j1) * 24);object-fit:contain;filter:drop-shadow(0 12px 18px var(--aksen-bayang-lembut))}.kunci-isi .pin{margin-top:var(--j2)}.kunci-kabar{min-height:1.5em;font-size:var(--t-kecil);font-weight:var(--tebal-isi);color:var(--keluar)}.lembar-pin{display:grid;justify-items:center;gap:var(--j3);padding-bottom:var(--j4);text-align:center}.lembar-pin .pin{margin:var(--j3) 0 var(--j1)}@media(prefers-reduced-motion:reduce){.pin-isi,.pin-titik,.pin-kursor,.pin-sapu,.pin-centang{transition:none}.pin[data-status=salah] .pin-baris,.pin[data-status=periksa] .pin-isi,.pin-kursor:after,.kunci-layar,.kunci-layar.kunci-pergi{animation:none}}.pintu-cek{gap:var(--j3)}.pintu-cek-ikon{flex:0 0 auto;width:var(--j7);height:var(--j7);display:grid;place-items:center;border-radius:var(--r-pil);background:var(--aksen-lembut);color:var(--aksen-teks)}.pintu-cek-ikon svg{width:var(--j4);height:var(--j4)}.cek-baris{position:relative;border-radius:var(--r-isian);overflow:hidden;animation:baris-masuk .45s var(--lembut) both;animation-delay:calc(min(var(--i, 0),10)*40ms)}.cek-latar{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:var(--j2);padding:0 var(--j5);border-radius:inherit;background:var(--status-sesuai-isi);color:var(--status-sesuai);font-size:var(--t-kecil);font-weight:var(--tebal-tegas)}.cek-latar svg{width:var(--j5);height:var(--j5)}.cek-isi{position:relative;padding:0 var(--j3) 0 0;gap:var(--j2);animation:none;touch-action:pan-y;transition:transform var(--gerak-cepat) var(--lembut)}.cek-isi:active{transform:none}.cek-baris[data-geser] .cek-isi{transition:none}.cek-baris[data-pergi] .cek-isi{transform:translate(105%)}.cek-buka{flex:1;min-width:0;display:flex;align-items:center;gap:var(--j3);padding:var(--j3);border:0;background:none;color:inherit;font:inherit;text-align:left}.cek-buka:active{transform:scale(var(--skala-tekan));transition:transform var(--gerak-tekan) var(--pegas)}.pil-asal{display:inline-block;margin-right:var(--j1);padding:0 calc(var(--j1) * 1.5);border-radius:var(--r-pil);background:var(--aksen-lembut);color:var(--aksen-teks);font-size:var(--t-mikro);font-weight:var(--tebal-tegas);vertical-align:1px}.tombol-beres{flex:0 0 auto;width:var(--tombol-beres-ukuran);height:var(--tombol-beres-ukuran);display:grid;place-items:center;padding:0;border:1px solid var(--garis);border-radius:var(--r-pil);background:var(--bg-card);color:var(--status-sesuai);transition:transform var(--gerak-tekan) var(--pegas)}.tombol-beres svg{width:calc(var(--tombol-beres-ukuran) * .45);height:calc(var(--tombol-beres-ukuran) * .45)}.tombol-beres:active{transform:scale(var(--skala-tekan));background:var(--status-sesuai-isi)}.baris-membaca{gap:var(--j3);padding-block:var(--j2)}.baris-membaca .baris-judul{color:var(--teks-2);font-weight:var(--tebal-isi)}.baris-membaca-mochi{width:var(--j8);height:var(--j8);flex:0 0 auto;animation:membaca-angguk 1.6s ease-in-out infinite}@keyframes membaca-angguk{50%{transform:translateY(-2px)}}.tanda-mochi{display:inline-grid;place-items:center;vertical-align:-2px;margin-left:var(--j1);width:var(--tanda-mochi-ukuran);height:var(--tanda-mochi-ukuran);color:var(--aksen-teks)}.tanda-mochi svg{width:100%;height:100%}@media(prefers-reduced-motion:reduce){.baris-membaca-mochi{animation:none}.cek-isi{transition:none}}.cek-kosong{display:grid;justify-items:center;gap:var(--j4);padding:var(--j7) var(--j4);text-align:center;color:var(--teks-2)}.cek-kosong img{width:calc(var(--j8) * 2);height:calc(var(--j8) * 2)}@media(min-width:768px){.sheet-viewport{align-items:center;padding:var(--j6)}.sheet{animation-name:sheet-muncul}@keyframes sheet-muncul{0%{transform:scale(.96);opacity:0}}.grabber{display:none}.sheet-chrome{padding-top:calc(var(--j2) + var(--j1) / 2)}.ubin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ubin-grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px),(orientation:landscape)and (max-height:500px)and (min-width:600px){:root{--rel-lebar: calc(var(--rel-isi) + var(--nav-tepi) * 2 + env(safe-area-inset-left));--nav-ruang-bawah: env(safe-area-inset-bottom)}.navbar{left:calc(var(--nav-tepi) + env(safe-area-inset-left));right:auto;top:calc(var(--nav-tepi) + env(safe-area-inset-top));bottom:calc(var(--nav-tepi) + env(safe-area-inset-bottom));width:var(--rel-isi);height:auto;max-width:none;margin:0;flex-direction:column;justify-content:flex-start;gap:var(--j1);padding:var(--j3) var(--j2);border-radius:var(--r-sheet);overflow-y:auto;scrollbar-width:none}.navbar-tab{flex:0 0 auto;width:100%;height:auto;min-height:var(--j9);padding:var(--j2) 0;border-radius:var(--r-kartu)}.navbar-tab.aktif{background:var(--aksen-lembut)}.navbar-catat{order:-1;flex:none;height:var(--nav-catat-ukuran);margin:0 auto var(--j3)}.edge-hint-left{left:calc(var(--rel-lebar) - 20px)}.pil-mode{left:calc(50% + var(--rel-lebar) / 2);bottom:calc(var(--nav-tepi) + env(safe-area-inset-bottom))}.sheet-backdrop:has(.sheet-menu-catat) .sheet-viewport{align-items:flex-start;justify-content:flex-start;padding:calc(var(--nav-tepi) + env(safe-area-inset-top)) var(--j4) var(--j4) calc(var(--rel-lebar) + var(--j2))}.sheet.sheet-menu-catat{transform-origin:left top}.sheet-menu-catat:after{bottom:auto;left:calc(var(--j2) * -1);top:calc(var(--j3) + var(--nav-catat-ukuran) / 2 - var(--j2));transform:rotate(135deg)}}@media(max-height:500px){:root{--tinggi-kartu-tab: 72px;--kolom-figur-tab: 120px;--skala-figur-tab: .54;--tinggi-kartu-fitur: 92px;--kolom-figur-fitur: 124px;--atap-kepala-fitur: 8px}.navbar-tab{min-height:calc(var(--j1) * 12)}.navbar-catat{--nav-catat-ukuran: calc(var(--j1) * 13)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}}html.navigasi-tab{scrollbar-gutter:stable}.tab-peralihan{position:fixed;top:0;right:0;bottom:0;left:0;z-index:31;overflow:clip;pointer-events:none}.tab-bayangan{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-app)}.tab-pratinjau{z-index:32}.tab-bayangan *,.tab-bayangan *:before,.tab-bayangan *:after{animation:none!important;transition:none!important}.tirai-lensa{position:absolute;margin:0;overflow:clip;background:var(--bg-app);pointer-events:none}.tirai-salinan{box-sizing:border-box;animation:tirai-redup var(--gerak-cepat) ease .24s forwards}.tirai-salinan *,.tirai-salinan *:before,.tirai-salinan *:after{animation:none!important;transition:none!important}@keyframes tirai-redup{to{opacity:.55}}.isi-diam .ubin-fitur,.isi-diam .kartu-utang,.muatan-tenang .baris,.muatan-tenang .ubin-fitur,.muatan-tenang .kartu-utang,.muatan-tenang .halaman>*{animation:none}.isi .cari input{transition:background-color var(--gerak-cepat),border-color var(--gerak-cepat),box-shadow var(--gerak-cepat)}[data-isi-bagian]>.muatan-tenang>.lensa-ket{margin-block:var(--j3)}