.pv-akar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.pv-latar{position:absolute;top:0;right:0;bottom:0;left:0;background:#04262d73;animation:pv-pudar var(--dur-short) var(--ease-out)}.pv-panel{position:absolute;top:0;right:0;bottom:0;width:min(760px,100vw);display:flex;flex-direction:column;background:var(--c-paper);color:var(--c-ink);font-family:var(--font-body);box-shadow:-18px 0 40px -20px #00343e80;box-shadow:-18px 0 40px -20px oklch(30% .06 214 / .5);animation:pv-masuk .24s var(--ease-out)}@keyframes pv-pudar{0%{opacity:0}}@keyframes pv-masuk{0%{transform:translate(24px);opacity:0}}@media (prefers-reduced-motion: reduce){.pv-latar,.pv-panel{animation:none}}.pv-kepala{flex:none;background:var(--c-teal-deep);color:var(--c-on-blok);padding:14px 20px 12px;display:grid;gap:6px}.pv-kepala-atas{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap}.pv-kepala-atas h2{margin:0;min-width:0;font:800 1.3rem/1.2 var(--font-display);overflow-wrap:anywhere}.pv-nama{color:var(--c-on-blok)}.pv-lencana{flex:none;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;background:#ffffff2e;border:1.5px solid oklch(100% 0 0 / .5);border-radius:var(--r-pill);padding:3px 10px}.pv-kepala-aksi{display:flex;gap:8px;flex:none;margin-left:auto}.pv-meta,.pv-hadir,.pv-sinkron{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13px;font-weight:700;color:var(--c-on-blok-2)}.pv-meta b,.pv-hadir b{color:var(--c-on-blok)}.pv-kode{font:800 13.5px/1.2 var(--font-mono);letter-spacing:1px}.pv-hadir{display:block;font-size:13.5px;line-height:1.45;color:var(--c-on-blok)}.pv-sinkron{font-size:12px;font-weight:600}.pv-titik{display:inline-block;vertical-align:-1px;margin-right:7px;width:10px;height:10px;border-radius:50%;background:var(--c-rule-2);box-shadow:0 0 0 2px #ffffff59}.pv-titik.aktif{background:var(--c-mk-lcd)}.pv-titik.baru{background:var(--c-amber)}.pv-titik.diam{background:var(--c-on-blok-2);opacity:.6}.pv-tombol{background:var(--c-teal-deep);color:var(--c-on-blok);border:2px solid var(--c-teal-deep);border-radius:12px;padding:8px 14px;font:800 14px/1.2 var(--font-body);cursor:pointer;white-space:nowrap}.pv-tombol.terang{background:#ffffff24;border-color:#ffffff8c;color:var(--c-on-blok)}.pv-tombol.terang:hover{background:#ffffff3d}.pv-tombol.garis{background:var(--c-card);color:var(--c-teal-deep);border-color:var(--c-rule-2)}.pv-tombol.garis:hover{border-color:var(--c-teal)}.pv-tombol.garis[aria-pressed=true]{background:var(--c-teal-soft);border-color:var(--c-teal-deep)}.pv-tombol.kecil{padding:6px 12px;font-size:13px;white-space:normal;text-align:left}.pv-tombol:disabled{opacity:.6;cursor:default}.pv-tombol:focus-visible,.pv-tautan:focus-visible,.pv-bagian>summary:focus-visible{outline:3px solid var(--c-amber);outline-offset:2px}.pv-tautan{background:none;border:none;padding:2px 0;font:800 13px var(--font-body);color:var(--c-teal-deep);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.pv-isi{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 48px;display:grid;gap:10px;align-content:start}.pv-galat{background:var(--c-awas);border:1.5px solid var(--c-awas-garis);color:var(--c-awas-ink);border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:700;line-height:1.5}.pv-memuat{margin:8px 0;font-size:14px;font-weight:700;color:var(--c-mute)}.pv-catatan{margin:0;background:var(--c-teal-soft);border:1.5px solid var(--c-rule-2);border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:700;color:var(--c-ink-2);line-height:1.5}.pv-bagian{background:var(--c-card);border:2px solid var(--c-rule);border-radius:14px}.pv-bagian[open]{border-color:var(--c-rule-2)}.pv-bagian>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px}.pv-bagian>summary::-webkit-details-marker{display:none}.pv-bagian>summary:before{content:"";flex:none;width:8px;height:8px;border-right:2.5px solid var(--c-mute);border-bottom:2.5px solid var(--c-mute);transform:rotate(-45deg);transition:transform var(--dur-short) var(--ease-out);margin-right:2px}.pv-bagian[open]>summary:before{transform:rotate(45deg)}.pv-bagian-judul{flex:1;min-width:0;font:800 15.5px/1.25 var(--font-display);color:var(--c-ink)}.pv-status{flex:none;font-size:11.5px;font-weight:800;border-radius:var(--r-pill);padding:3px 10px;background:var(--c-paper-2);color:var(--c-mute)}.pv-status.selesai{background:var(--c-green-soft);color:var(--c-hijau-deep)}.pv-status.proses{background:var(--c-amber-soft);color:var(--c-amber-ink)}.pv-baru{flex:none;font-size:11px;font-weight:900;border-radius:var(--r-pill);padding:3px 9px;background:var(--c-teal-deep);color:#fff}.pv-bagian.berubah{border-color:var(--c-teal-deep)}.pv-bagian-isi{padding:12px 16px 14px;display:grid;gap:12px;border-top:1.5px solid var(--c-rule)}.pv-kosong{margin:0;font-size:13.5px;font-weight:700;color:var(--c-mute)}.pv-sub{display:grid;gap:6px}.pv-sub h4{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--c-teal-deep)}.pv-sub-tambah{text-transform:none;letter-spacing:0}.pv-tag{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:0;text-transform:none;border-radius:var(--r-pill);padding:2px 9px;background:var(--c-paper-2);color:var(--c-ink-2);vertical-align:1px}.pv-tag.hijau{background:var(--c-green-soft);color:var(--c-hijau-deep)}.pv-tag.awas{background:var(--c-awas);color:var(--c-awas-ink)}.pv-dl{margin:0;display:grid;gap:6px}.pv-baris{display:grid;grid-template-columns:minmax(120px,34%) minmax(0,1fr);gap:2px 12px;align-items:baseline}.pv-baris dt{font-size:12.5px;font-weight:800;color:var(--c-mute)}.pv-baris dd{margin:0;font-size:14px;font-weight:700;color:var(--c-ink);min-width:0;overflow-wrap:anywhere}.pv-paragraf{margin:0;font-size:14px;font-weight:700;color:var(--c-ink);line-height:1.5}.pv-ket{margin:0;font-size:13px;font-weight:600;color:var(--c-ink-2);line-height:1.5}.pv-redup{font-size:13.5px;font-weight:600;color:var(--c-mute);margin:0}.pv-teks-wadah{display:grid;gap:2px;justify-items:start}.pv-teks{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.55;color:var(--c-ink);background:var(--c-teal-soft);border-left:3px solid var(--c-teal-2);border-radius:0 10px 10px 0;padding:7px 11px;width:100%;box-sizing:border-box}.pv-cek-daftar{list-style:none;margin:0;padding:0;display:grid;gap:5px}.pv-cek{display:flex;align-items:flex-start;gap:9px;font-size:14px;font-weight:700;color:var(--c-ink);line-height:1.4}.pv-cek-tanda{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--c-rule-2);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;margin-top:1px}.pv-cek.ok .pv-cek-tanda{background:var(--c-green);border-color:var(--c-green);color:var(--c-card)}.pv-cek.salah .pv-cek-tanda{background:var(--c-awas);border-color:var(--c-awas-garis);color:var(--c-awas-ink)}.pv-cek-teks{min-width:0;overflow-wrap:anywhere}.pv-cek-teks small{display:block;font-size:12.5px;font-weight:600;color:var(--c-ink-2);margin-top:1px}.pv-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pv-kelas-daftar{list-style:none;margin:0;padding:0;display:grid;gap:6px}.pv-kelas-daftar li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;background:var(--c-paper);border:1.5px solid var(--c-rule);border-radius:10px;padding:7px 11px}.pv-kelas-daftar b{font-size:14px;font-weight:800;color:var(--c-ink);min-width:0;overflow-wrap:anywhere}.pv-kelas-angka{font-size:13px;font-weight:700;color:var(--c-ink-2)}.pv-foto{display:inline-flex;flex-wrap:wrap;gap:4px;margin-left:auto}.pv-foto img{width:64px;height:32px;object-fit:cover;border-radius:5px;border:1px solid var(--c-rule-2);background:var(--c-paper-2)}.pv-struk{margin:0;background:var(--c-card);border:1.5px dashed var(--c-rule-2);border-radius:12px;padding:10px 14px;display:grid;gap:6px;font-family:var(--font-mono);font-size:12.5px;color:var(--c-ink)}.pv-struk figcaption{font:800 12px/1.3 var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:var(--c-mute)}.pv-struk figcaption span{text-transform:none;letter-spacing:0}.pv-struk-log{list-style:none;margin:0;padding:0;display:grid;gap:2px}.pv-struk-log li{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.pv-struk .pv-tautan{justify-self:start;font-family:var(--font-body)}.pv-struk-total{display:flex;justify-content:space-between;gap:10px;border-top:1.5px dashed var(--c-rule-2);padding-top:6px;font-size:14px}.pv-struk-ai{margin:0;font:800 13px/1.4 var(--font-body);color:var(--c-ink-2)}.pv-pindai{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-family:var(--font-body);font-size:12.5px;font-weight:600;color:var(--c-ink-2)}.pv-pindai li{display:flex;flex-wrap:wrap;gap:2px 10px;background:var(--c-paper);border-radius:8px;padding:4px 9px}.pv-pindai li>span:first-child{font-weight:800;color:var(--c-mute)}.pv-program{display:grid;gap:8px}.pv-program-tombol{display:flex;flex-wrap:wrap;gap:6px}.pv-blok{position:relative;border:2px solid var(--c-rule-2);border-radius:12px;overflow:hidden;background:var(--c-card)}.pv-blok-kanvas{width:100%}.pv-blok-pesan{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;background:#ffffffdb;font-size:14px;font-weight:800;color:var(--c-ink-2);pointer-events:none}.pv-kisah-daftar{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pv-kisah{background:var(--c-paper);border:1.5px solid var(--c-rule);border-radius:12px;padding:10px 12px;display:grid;gap:5px}.pv-kisah-nilai{font-size:12px;font-weight:900;color:var(--c-teal-deep)}.pv-kisah-teks{margin:0;font-size:13px;font-weight:600;color:var(--c-ink-2);line-height:1.5}.pv-kisah-pilih{font-size:14px;font-weight:700;color:var(--c-ink);line-height:1.5}.pv-dua{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pv-dua h5{margin:0 0 4px;font-size:12px;font-weight:800;color:var(--c-mute)}.pv-hari{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.pv-hari li{display:grid;gap:1px;text-align:center;border:1.5px dashed var(--c-rule-2);border-radius:9px;padding:5px 3px;min-width:0}.pv-hari li.isi{border-style:solid;border-color:var(--c-green);background:var(--c-green-soft)}.pv-hari b{font-size:11.5px;font-weight:900;color:var(--c-ink)}.pv-hari span{font-size:10.5px;font-weight:700;color:var(--c-ink-2);overflow-wrap:anywhere}@media (max-width: 560px){.pv-kepala{padding:12px 16px 10px}.pv-kepala-atas{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"lencana aksi" "judul judul"}.pv-kepala-atas h2{grid-area:judul;font-size:1.1rem}.pv-lencana{grid-area:lencana;justify-self:start}.pv-kepala-aksi{grid-area:aksi;justify-self:end;margin-left:0}.pv-kepala-aksi .pv-tombol{padding:6px 12px;font-size:13px}.pv-meta,.pv-hadir{font-size:12.5px}.pv-isi{padding:12px 16px 40px}.pv-baris,.pv-dua{grid-template-columns:minmax(0,1fr)}.pv-hari{grid-template-columns:repeat(4,minmax(0,1fr))}.pv-foto{margin-left:0;flex-basis:100%}.pv-bagian>summary{padding:11px 12px}.pv-bagian-isi{padding:10px 12px 12px}}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-ext-wght-normal-CXYtwYOx.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(./baloo-2-latin-ext-wght-normal-Dz43yst_.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(./baloo-2-latin-wght-normal-B_TVFhwJ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-body: "Nunito Variable", "Nunito", system-ui, -apple-system, sans-serif;--font-display: "Baloo 2 Variable", "Baloo 2", "Nunito Variable", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#e7f7f9;font-family:var(--font-body);color:#153a42;-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes floaty{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(6deg)}}@keyframes floaty2{0%,to{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-14px) rotate(-4deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.08);opacity:.75}}@keyframes glow{0%,to{box-shadow:0 0 #f5a7428c}50%{box-shadow:0 0 0 10px #f5a74200}}.blocklyToolbox{background:#fff!important;border-right:1px solid #E5E1F0}.blocklyToolboxCategoryGroup{padding:6px 0}.blocklyToolboxCategoryContainer{height:auto!important}.blocklyToolboxCategory{height:auto!important;min-height:52px;box-sizing:border-box;padding:8px 4px!important;margin:0!important;text-align:center;cursor:pointer}.blocklyToolboxCategoryContainer:hover .blocklyToolboxCategory{background:#f4f1fb}[aria-selected=true] .blocklyToolboxCategory{background:#efeafb!important;box-shadow:inset 0 0 0 2px #8b6fd8}.blocklyTreeRowContentContainer{display:flex;flex-direction:column;align-items:center;gap:4px}.blocklyToolboxCategoryIcon{width:17px!important;height:17px!important;border-radius:50%;box-shadow:inset 0 0 0 1.5px #0000001f;display:inline-block!important;visibility:visible!important}.blocklyToolboxCategoryLabel{font-family:Nunito Variable,Nunito,system-ui,sans-serif!important;font-weight:800!important;font-size:10.5px!important;color:#575e75!important;cursor:pointer}[aria-selected=true] .blocklyToolboxCategoryLabel{color:#4a3f72!important}.blocklyFlyoutLabelText{font-family:Nunito Variable,Nunito,system-ui,sans-serif!important;font-weight:800!important}.blocklyFlyoutButton{cursor:pointer}.rapor-cetak{display:none}@page{size:A4 portrait;margin:9mm 11mm}@media print{.no-print{display:none!important}html[data-cetak=sertifikat] body *{visibility:hidden!important}html[data-cetak=sertifikat] #sertifikat,html[data-cetak=sertifikat] #sertifikat *{visibility:visible!important}html[data-cetak=sertifikat] body *:not(:has(#sertifikat)):not(#sertifikat):not(#sertifikat *){display:none!important}html[data-cetak=sertifikat] body *:has(#sertifikat){min-height:0!important;padding:0!important;margin:0!important;overflow:visible!important;background:none!important}html[data-cetak=sertifikat],html[data-cetak=sertifikat] body{background:#fff!important}html[data-cetak=sertifikat] #sertifikat{position:fixed!important;left:0;top:0;right:0;margin:24px!important;box-shadow:none!important;animation:none!important}html[data-cetak=modul],html[data-cetak=modul] body{background:#fff!important}html[data-cetak=modul] body *:not(:has(.modul-cetak)):not(.modul-cetak):not(.modul-cetak *){display:none!important}html[data-cetak=modul] body *:has(.modul-cetak){min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:visible!important;background:none!important;box-shadow:none!important;zoom:1!important}html[data-cetak=modul] .modul-cetak{margin:0!important;border:0!important;box-shadow:none!important;padding:0!important}html[data-cetak=modul] .modul-cetak tr{break-inside:avoid}html[data-cetak=rapor],html[data-cetak=rapor] body{background:#fff!important}html[data-cetak=rapor] body>*:not(.rapor-cetak){display:none!important}html[data-cetak=rapor] .rapor-cetak{display:block!important}html[data-cetak=rapor] .rapor-cetak *{-webkit-print-color-adjust:exact;print-color-adjust:exact;animation:none!important}}body.a11y-tenang *,body.a11y-tenang *:before,body.a11y-tenang *:after{animation:none!important;transition:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 720px){.peta-papan{grid-template-columns:1fr!important;gap:16px!important}.peta-kartu{grid-column:auto!important;grid-row:auto!important}.peta-panah{display:none!important}.peta-kepala{flex-wrap:wrap}}:root{--c-paper: oklch(97.9% .009 206);--c-paper-2: oklch(95.6% .017 206);--c-card: oklch(100% 0 0);--c-ink: oklch(32.7% .046 211);--c-ink-2: oklch(46.6% .041 214);--c-mute: oklch(58% .041 213);--c-rule: oklch(92.5% .023 207);--c-rule-2: oklch(87% .03 207);--c-teal: oklch(59.8% .102 212);--c-teal-deep: oklch(50% .09 214);--c-teal-2: oklch(77.3% .129 209);--c-teal-soft: oklch(96% .025 206);--c-coral: oklch(62% .155 37);--c-coral-soft: oklch(96.8% .017 41);--c-amber: oklch(78.7% .145 69);--c-amber-ink: oklch(45% .09 65);--c-amber-soft: oklch(97.7% .016 71);--c-green: oklch(56% .124 161);--c-green-soft: oklch(95.5% .022 163);--c-sampah: oklch(56% .129 162);--c-sampah-soft: oklch(95.5% .03 162);--c-receipt: oklch(99.4% .008 91);--c-receipt-ink: oklch(30% .02 80);--c-focus: oklch(50% .09 214);--c-ungu: oklch(53.2% .143 290);--c-ungu-soft: oklch(94.6% .023 299);--c-ungu-garis: oklch(86% .05 295);--c-biru: oklch(49.3% .156 261);--c-biru-soft: oklch(95.4% .022 263);--c-hijau-deep: oklch(45% .1 162);--c-blok-kejadian: oklch(84% .172 84);--c-blok-kontrol: oklch(80.4% .167 73);--c-blok-tampilan: oklch(64% .217 295);--c-blok-variabel: oklch(75.1% .176 57);--c-blok-operator: oklch(72.3% .171 144);--c-blok-kasir: oklch(71% .187 13);--c-blok-ai: oklch(61% .107 232);--c-blok-mesin: oklch(67.5% .147 156);--c-stabilo: oklch(90% .15 95);--c-awas: oklch(96.5% .03 30);--c-awas-garis: oklch(84% .08 30);--c-awas-ink: oklch(42% .13 30);--c-blok: oklch(48% .09 214);--c-on-blok: oklch(99% 0 0);--c-on-blok-2: oklch(93% .02 206);--c-amber-cta: oklch(80% .15 75);--c-amber-cta-hover: oklch(84% .14 78);--c-amber-cta-ink: oklch(28% .05 60);--c-amber-cta-edge: oklch(58% .12 65);--c-krem: oklch(97% .03 78);--c-krem-garis: oklch(88% .06 78);--c-krem-hover: oklch(94% .04 78);--c-mint: oklch(95.2% .04 162);--c-mint-garis: oklch(86% .06 162);--c-kanal-merah: oklch(60% .2 27);--c-kanal-hijau: oklch(62% .17 145);--c-kanal-biru: oklch(55% .17 255);--font-mono: ui-monospace, "Cascadia Mono", Consolas, Menlo, monospace;--sp-3xs: .25rem;--sp-2xs: .5rem;--sp-xs: .75rem;--sp-sm: 1rem;--sp-md: 1.5rem;--sp-lg: 2rem;--sp-xl: 3rem;--sp-2xl: 4.5rem;--t-xs: .75rem;--t-sm: .875rem;--t-md: 1rem;--t-lg: 1.25rem;--t-xl: 1.6rem;--t-2xl: 2.2rem;--t-display: clamp(2.4rem, 1.4rem + 2.6vw, 3.6rem);--r-card: 18px;--r-input: 12px;--r-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-short: .18s;--c-tepi: oklch(83% .04 210);--c-tepi-teal: oklch(38% .075 214);--shadow-timbul: 0 20px 26px -18px oklch(40% .06 214 / .38);--shadow-timbul-naik: 0 26px 30px -18px oklch(40% .06 214 / .42);--shadow-timbul-tekan: 0 8px 14px -10px oklch(40% .06 214 / .3);--shadow-timbul-pekat: 0 22px 30px -16px oklch(35% .08 214 / .6);--c-mk-gelap: oklch(24% .035 205);--c-mk-lcd: oklch(88% .13 160);--c-mk-awas: oklch(78% .14 40);--c-mk-laci: oklch(42% .08 214);--c-uang-1: oklch(72% .1 130);--c-uang-2: oklch(75% .02 250);--c-uang-3: oklch(70% .09 60);--c-uang-4: oklch(60% .12 300);--c-uang-5: oklch(62% .1 160);--c-m2-bayar: oklch(50% .09 214);--c-m2-pot1: oklch(80% .14 75);--c-m2-pot1b: oklch(76% .14 70);--c-m2-pot2: oklch(66% .15 37);--c-m2-pot2b: oklch(62% .15 35);--c-al-mulai: oklch(60% .13 165);--c-al-masukan: oklch(78% .11 210);--c-al-proses: oklch(54% .14 290);--c-al-cabang: oklch(82% .14 80);--c-al-keluaran: oklch(64% .15 35);--c-al-tepi: oklch(30% .04 210 / .3);--shadow-card: 0 1px 0 oklch(87% .03 207), 0 10px 24px -14px oklch(50% .09 214 / .35)}.skala>*{min-height:calc(100vh / var(--skala, 1))!important}.btn-utama{display:inline-flex;align-items:center;gap:10px;background:var(--c-teal-deep);color:var(--c-card);border:none;border-radius:var(--r-pill);padding:15px 30px;font:800 1.15rem/1 var(--font-display);box-shadow:0 5px #004b58;box-shadow:0 5px oklch(38% .075 214);cursor:pointer;white-space:nowrap;transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}.btn-utama:hover{background:#006373;background:oklch(46% .09 214);transform:translateY(-1px);box-shadow:0 6px #004b58;box-shadow:0 6px oklch(38% .075 214)}.btn-utama:active{transform:translateY(4px);box-shadow:0 1px #004b58;box-shadow:0 1px oklch(38% .075 214)}.btn-utama:focus-visible,.btn-teks:focus-visible,.btn-garis:focus-visible,.baris-alat:focus-visible,.lv-kartu:focus-visible,.ld-nav button:focus-visible{outline:3px solid var(--c-amber);outline-offset:3px}.btn-utama:disabled{background:var(--c-rule-2);color:var(--c-mute);box-shadow:none;cursor:not-allowed;transform:none}.btn-utama.sampah{background:var(--c-sampah);box-shadow:0 5px #005639;box-shadow:0 5px oklch(40% .1 162)}.btn-teks{background:none;border:none;padding:6px 2px;cursor:pointer;font:800 var(--t-md)/1.2 var(--font-body);color:var(--c-teal-deep);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;white-space:nowrap}.btn-teks:hover{color:var(--c-ink)}.btn-garis{background:var(--c-card);color:var(--c-teal-deep);border:2px solid var(--c-rule-2);border-radius:var(--r-pill);padding:10px 18px;font:800 var(--t-sm)/1 var(--font-body);cursor:pointer;white-space:nowrap;transition:border-color var(--dur-short) var(--ease-out)}.btn-garis:hover{border-color:var(--c-teal)}.ld{min-height:100vh;display:flex;flex-direction:column;background:var(--c-paper);color:var(--c-ink);padding:var(--sp-md) clamp(16px,5vw,72px) var(--sp-sm)}.ld-top{display:flex;align-items:center;gap:var(--sp-md);flex-wrap:wrap}.ld-brand{display:flex;align-items:center;gap:10px;font:800 1.55rem/1 var(--font-display);color:var(--c-ink)}.ld-brand b{color:var(--c-teal);font-weight:800}.ld-logos{display:flex;align-items:center;gap:14px;padding-left:var(--sp-md);border-left:1.5px solid var(--c-rule-2)}.ld-logos img{height:36px;width:auto;display:block}.ld-nav{margin-left:auto;display:flex;gap:var(--sp-md)}.ld-nav button{background:none;border:none;border-bottom:2px solid transparent;padding:8px 2px;cursor:pointer;font:800 var(--t-sm)/1 var(--font-body);color:var(--c-ink-2);white-space:nowrap}.ld-nav button:hover{color:var(--c-teal-deep);border-bottom-color:var(--c-teal-2)}.ld-hero{flex:1;width:100%;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,5.5rem);align-items:center;padding:var(--sp-xl) 0}.ld-teks h1{margin:0;font:800 var(--t-display)/1.03 var(--font-display);letter-spacing:-.02em;color:var(--c-ink);overflow-wrap:anywhere;min-width:0}.ld-teks h1 .ld-bukan{color:var(--c-coral);white-space:nowrap;text-decoration:underline;text-decoration-thickness:.09em;text-underline-offset:.14em}.ld-lede{margin:var(--sp-md) 0 0;max-width:33em;font-size:var(--t-lg);line-height:1.55;font-weight:600;color:var(--c-ink-2)}.ld-aksi{display:flex;align-items:center;gap:var(--sp-lg);flex-wrap:wrap;margin-top:var(--sp-lg)}.ld-fakta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-md);margin:var(--sp-xl) 0 0;padding-top:var(--sp-md);border-top:1.5px solid var(--c-rule-2)}.ld-fakta div{min-width:0}.ld-fakta dt{font:800 var(--t-md)/1.25 var(--font-display);color:var(--c-ink)}.ld-fakta dd{margin:3px 0 0;font-size:var(--t-sm);line-height:1.45;font-weight:700;color:var(--c-mute)}.ld-bukti{position:relative;margin:0;display:flex;flex-direction:column;align-items:center}.ld-koni{position:absolute;z-index:2;left:-34px;bottom:58px;display:flex;flex-direction:column;align-items:flex-start}.ld-gelembung{position:relative;background:var(--c-card);color:var(--c-ink);border:2px solid var(--c-ink);border-radius:14px;padding:7px 12px;font:800 var(--t-sm)/1.2 var(--font-display);margin-bottom:10px;white-space:nowrap}.ld-gelembung:after{content:"";position:absolute;left:22px;bottom:-9px;width:14px;height:14px;background:var(--c-card);border-right:2px solid var(--c-ink);border-bottom:2px solid var(--c-ink);transform:rotate(45deg)}.ld-bukti figcaption{margin-top:var(--sp-lg);max-width:24em;text-align:center;font-size:var(--t-sm);font-weight:700;color:var(--c-mute);line-height:1.5}.ld-kaki{display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;border-top:1px solid var(--c-rule);padding-top:var(--sp-sm);font-size:var(--t-xs);font-weight:700;color:var(--c-mute)}.struk-wadah{filter:drop-shadow(0 18px 22px oklch(40% .06 214 / .28));transform:rotate(-2.5deg);width:min(100%,370px);margin-left:70px}.struk{position:relative;background:var(--c-receipt);color:var(--c-receipt-ink);font-family:var(--font-mono);font-size:.95rem;line-height:1.5;padding:30px 26px 34px;-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 0 / 18px 51% repeat-x,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 100% / 18px 51% repeat-x;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 0 / 18px 51% repeat-x,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 100% / 18px 51% repeat-x}.struk-kepala{text-align:center;padding-bottom:10px;margin-bottom:12px;border-bottom:1.5px dashed oklch(30% .02 80 / .45)}.struk-kepala strong{display:block;letter-spacing:.14em;font-size:1.05rem}.struk-kepala span{font-size:.78rem;opacity:.7}.struk-baris{display:flex;justify-content:space-between;gap:12px;padding:2px 0}.struk-baris em{font-style:normal;opacity:.65;font-size:.82em}.struk-redup{opacity:.55;font-size:.86em}.struk-garis{border-top:1.5px dashed oklch(30% .02 80 / .45);margin:10px 0}.struk-total{display:flex;justify-content:space-between;font-weight:800;font-size:1.3rem}.struk-efektif{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px}.struk-efektif b{color:var(--c-teal-deep);font-size:1.35rem}.struk-efektif s{color:var(--c-coral);margin-left:6px;text-decoration-thickness:2px}.struk-kaki{text-align:center;font-size:.8rem;opacity:.7}@media (max-width: 900px){.ld-hero{grid-template-columns:minmax(0,1fr);padding:var(--sp-lg) 0}.ld-koni{display:none}.struk-wadah{margin-left:0;width:min(100%,330px)}.ld-fakta{grid-template-columns:minmax(0,1fr);gap:var(--sp-sm)}.ld-logos{padding-left:var(--sp-sm)}.ld-logos img{height:30px}.ld-nav{margin-left:0;width:100%;gap:var(--sp-md)}}@media (max-width: 420px){.struk{font-size:.85rem;padding:26px 18px 30px}}.hub{min-height:100vh;background:var(--c-paper);color:var(--c-ink);padding:var(--sp-lg) clamp(16px,4vw,56px) var(--sp-2xl)}.hub-wadah{max-width:1200px;margin:0 auto}.hub-kepala{display:flex;align-items:center;gap:var(--sp-sm);flex-wrap:wrap}.hub-avatar{width:56px;height:56px;border-radius:50%;background:var(--c-card);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;flex:none}.hub-sapa h1{margin:0;font:800 var(--t-2xl)/1.05 var(--font-display);letter-spacing:-.01em}.hub-sapa p{margin:4px 0 0;font-size:var(--t-sm);font-weight:700;color:var(--c-mute);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hub-sapa p .btn-teks{font-size:var(--t-sm);padding:0}.hub-tema{margin-left:auto}.hub-utama{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--sp-lg);margin-top:var(--sp-lg);align-items:start}.kartu{background:var(--c-card);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.misi-utama{padding:var(--sp-lg);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-md)}.misi-label{font-size:var(--t-xs);font-weight:900;letter-spacing:.08em;color:var(--c-teal-deep);text-transform:uppercase}.misi-utama h2{margin:6px 0 0;font:800 var(--t-2xl)/1.05 var(--font-display)}.misi-utama .misi-desk{margin:8px 0 0;font-size:var(--t-md);line-height:1.55;color:var(--c-ink-2);font-weight:600;max-width:36em}.misi-koni{align-self:start}.jejak6{grid-column:1 / -1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.jejak6 .seg{display:flex;flex-direction:column;gap:6px;min-width:0}.jejak6 .bar{height:10px;border-radius:var(--r-pill);background:var(--c-rule)}.jejak6 .seg.selesai .bar{background:var(--c-teal)}.jejak6 .seg.lanjut .bar{background:var(--c-amber)}.jejak6 .nama{font-size:11.5px;font-weight:800;color:var(--c-mute);line-height:1.25;overflow-wrap:anywhere}.jejak6 .seg.selesai .nama{color:var(--c-teal-deep)}.jejak6 .seg.lanjut .nama{color:var(--c-amber-ink)}.misi-aksi{grid-column:1 / -1;display:flex;align-items:center;gap:var(--sp-md);flex-wrap:wrap}.misi-aksi .ringkas{font-size:var(--t-sm);font-weight:800;color:var(--c-mute)}.misi-lain{margin-top:var(--sp-md);padding:var(--sp-md) var(--sp-lg);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-md);align-items:center}.misi-lain .ikon{width:52px;height:52px;border-radius:14px;background:var(--c-sampah-soft);display:flex;align-items:center;justify-content:center;font-size:26px}.misi-lain h3{margin:0;font:800 var(--t-lg)/1.15 var(--font-display)}.misi-lain p{margin:3px 0 0;font-size:var(--t-sm);color:var(--c-ink-2);font-weight:600;line-height:1.5}.misi-lain .misi-label{color:var(--c-sampah)}.misi-berikut{margin:var(--sp-sm) 4px 0;font-size:var(--t-sm);font-weight:700;color:var(--c-mute)}.hub-samping{padding:var(--sp-md) var(--sp-md) var(--sp-sm)}.hub-samping h2{margin:0 0 var(--sp-2xs);font:800 var(--t-lg)/1.2 var(--font-display)}.baris-alat{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;background:none;border:none;border-top:1px solid var(--c-rule);padding:13px 4px;cursor:pointer;text-align:left;transition:background var(--dur-short) var(--ease-out)}.baris-alat:first-of-type{border-top:none}.baris-alat:hover{background:var(--c-paper)}.baris-alat .tanda{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;background:var(--c-rule);color:var(--c-mute)}.baris-alat .tanda.ok{background:var(--c-green-soft);color:var(--c-green)}.baris-alat .tanda.sorot{background:var(--c-amber);color:var(--c-card)}.baris-alat .judul{display:block;font:800 var(--t-md)/1.2 var(--font-display);color:var(--c-ink)}.baris-alat .meta{display:block;font-size:12.5px;font-weight:700;color:var(--c-mute);margin-top:2px}.baris-alat .panah{color:var(--c-teal);font-weight:900}.hub-tujuan{margin-top:var(--sp-xl)}.hub-tujuan-kepala{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;border-bottom:1.5px solid var(--c-rule-2);padding-bottom:8px}.hub-tujuan-kepala h2{margin:0;font:800 var(--t-xl)/1.2 var(--font-display)}.hub-tujuan-kepala span{font-size:var(--t-xs);font-weight:800;color:var(--c-mute)}.hub-tujuan ol{margin:var(--sp-md) 0 0;padding:0;list-style:none;counter-reset:tj;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-md) var(--sp-xl)}.hub-tujuan li{counter-increment:tj;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;font-size:var(--t-md);line-height:1.55;font-weight:600;color:var(--c-ink-2)}.hub-tujuan li:before{content:counter(tj);font:800 1.5rem/1.1 var(--font-display);color:var(--c-teal)}@media (max-width: 900px){.hub-utama{grid-template-columns:minmax(0,1fr)}.hub-tema{margin-left:0}.hub-tujuan ol{grid-template-columns:minmax(0,1fr)}.misi-utama{grid-template-columns:minmax(0,1fr);padding:var(--sp-md)}.misi-koni{display:none}.misi-lain{grid-template-columns:auto minmax(0,1fr)}.misi-lain .btn-garis{grid-column:1 / -1;justify-self:start}.jejak6 .nama{display:none}}.peta-misi{--aksen: var(--c-teal);--aksen-deep: var(--c-teal-deep);--aksen-soft: var(--c-teal-soft);--aksen-tepi: var(--c-tepi-teal)}.peta-misi.sampah{--aksen: var(--c-sampah);--aksen-deep: oklch(45% .1 162);--aksen-soft: var(--c-sampah-soft);--aksen-tepi: oklch(35% .085 162)}.lv-kartu{position:relative;display:flex;flex-direction:column;gap:10px;text-align:left;background:var(--c-card);border:2px solid var(--c-tepi);border-radius:var(--r-card);padding:16px 18px 18px;cursor:pointer;color:var(--c-ink);box-shadow:0 6px 0 var(--c-tepi),var(--shadow-timbul);transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.lv-kartu:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--c-tepi),var(--shadow-timbul-naik)}.lv-kartu:active{transform:translateY(4px);box-shadow:0 2px 0 var(--c-tepi),var(--shadow-timbul-tekan)}.lv-kartu.belum-siap{opacity:.72}.lv-atas{display:flex;align-items:center;gap:12px}.lv-no{font:800 2.5rem/.9 var(--font-display);color:var(--aksen-deep);min-width:1.1em}.lv-kartu.selesai .lv-no{color:var(--c-green)}.lv-judul{min-width:0;flex:1}.lv-tag{display:block;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--c-mute)}.lv-judul .lv-h{display:block;margin-top:2px;font:800 1.22rem/1.1 var(--font-display);color:var(--c-ink)}.lv-ikon{width:46px;height:46px;border-radius:13px;flex:none;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--c-card);border:2px solid var(--c-tepi);box-shadow:0 3px 0 var(--c-tepi)}.lv-pbl,.lv-desk{display:block}.lv-desk{font-size:13.5px;font-weight:600;line-height:1.5;color:var(--c-ink-2);flex:1}.lv-pbl{font-size:12px;font-weight:700;color:var(--c-mute)}.lv-pbl b{color:var(--aksen-deep);font-weight:800}.lv-bawah{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1.5px dashed var(--c-rule-2);padding-top:11px}.lv-meta{font-size:12px;font-weight:800;color:var(--c-mute)}.lv-cta{margin-left:auto;font:800 13.5px/1 var(--font-display);padding:8px 18px;border-radius:var(--r-pill);white-space:nowrap;background:var(--c-card);color:var(--aksen-deep);border:2px solid var(--c-tepi);box-shadow:0 3px 0 var(--c-tepi)}.lv-status{position:absolute;top:-13px;right:16px;border-radius:var(--r-pill);padding:4px 12px;font-size:11px;font-weight:900;letter-spacing:.03em;white-space:nowrap;border:2px solid var(--c-card)}.lv-status.ok{background:var(--c-green);color:var(--c-card)}.lv-status.lanjut{background:var(--c-amber-cta);color:var(--c-amber-cta-ink)}.lv-panah{display:flex;position:absolute;z-index:2;width:34px;height:34px;border-radius:50%;background:var(--c-card);border:2px solid var(--c-tepi);box-shadow:0 3px 0 var(--c-tepi);align-items:center;justify-content:center;font-weight:900;color:var(--aksen-deep);font-size:16px}.lv-kartu.lanjut{background:var(--aksen-deep);border-color:var(--aksen-deep);box-shadow:0 6px 0 var(--aksen-tepi),var(--shadow-timbul-pekat)}.lv-kartu.lanjut:hover{box-shadow:0 9px 0 var(--aksen-tepi),var(--shadow-timbul-pekat)}.lv-kartu.lanjut:active{box-shadow:0 2px 0 var(--aksen-tepi),var(--shadow-timbul-tekan)}.lv-kartu.lanjut .lv-no,.lv-kartu.lanjut .lv-h,.lv-kartu.lanjut .lv-pbl b{color:var(--c-on-blok)}.lv-kartu.lanjut .lv-tag,.lv-kartu.lanjut .lv-pbl,.lv-kartu.lanjut .lv-desk,.lv-kartu.lanjut .lv-meta{color:#ffffffd1}.lv-kartu.lanjut .lv-bawah{border-top-color:#ffffff52}.lv-kartu.lanjut .lv-ikon{background:#ffffff24;border-color:#ffffff47;box-shadow:none}.lv-kartu.lanjut .lv-cta{background:var(--c-amber-cta);color:var(--c-amber-cta-ink);border-color:var(--c-amber-cta);box-shadow:0 3px 0 var(--c-amber-cta-edge)}.peta-kepala-baru{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:2px 0 16px;border-bottom:1.5px solid var(--c-rule-2)}.peta-kembali{width:42px;height:42px;border-radius:13px;border:2px solid var(--c-tepi);background:var(--c-card);color:var(--aksen-deep);font-size:18px;font-weight:900;cursor:pointer;flex:none;box-shadow:0 3px 0 var(--c-tepi)}.peta-kembali:hover{border-color:var(--aksen)}.peta-kembali:active{transform:translateY(2px);box-shadow:0 1px 0 var(--c-tepi)}.peta-kepala-baru h1{margin:2px 0 0;font:800 clamp(1.6rem,1.2rem + 1.2vw,2.2rem)/1.05 var(--font-display);letter-spacing:-.01em;color:var(--c-ink)}.peta-sub{font-size:12.5px;font-weight:700;color:var(--c-mute)}.peta-progres{margin-left:auto;text-align:right;min-width:150px}.peta-progres b{font:800 1.5rem/1 var(--font-display);color:var(--aksen-deep)}.peta-progres .bar{margin-top:6px;height:10px;border-radius:var(--r-pill);background:var(--c-card);border:1.5px solid var(--c-tepi);overflow:hidden}.peta-progres .bar i{display:block;height:100%;background:var(--aksen);border-radius:var(--r-pill)}.langkah0{width:100%;margin-top:18px;display:flex;align-items:center;gap:16px;text-align:left;cursor:pointer;background:var(--c-card);border:2px solid var(--c-tepi);border-radius:var(--r-card);padding:14px 18px;box-shadow:0 6px 0 var(--c-tepi),var(--shadow-timbul);transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.langkah0:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--c-tepi),var(--shadow-timbul-naik)}.langkah0:active{transform:translateY(4px);box-shadow:0 2px 0 var(--c-tepi),var(--shadow-timbul-tekan)}.langkah0:focus-visible,.finis button:focus-visible{outline:3px solid var(--c-amber);outline-offset:3px}.l0-no{font:800 2.5rem/.9 var(--font-display);color:var(--c-coral);min-width:1.1em}.langkah0.ok .l0-no{color:var(--c-green)}.l0-tag{display:block;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--c-mute)}.l0-judul{display:block;margin-top:2px;font:800 1.15rem/1.2 var(--font-display);color:var(--c-ink)}.l0-ket{display:block;margin-top:3px;font-size:13px;font-weight:600;line-height:1.5;color:var(--c-ink-2)}.langkah0 .lv-cta{margin-left:0}.langkah0:not(.ok) .lv-cta{background:var(--c-teal-deep);color:var(--c-on-blok);border-color:var(--c-teal-deep);box-shadow:0 3px 0 var(--c-tepi-teal)}.finis{margin-top:34px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px;background:transparent;box-shadow:none;border:2px dashed var(--c-tepi)}.finis-ikon{width:52px;height:52px;border-radius:14px;flex:none;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--c-card);border:2px solid var(--c-tepi);box-shadow:0 3px 0 var(--c-tepi)}.koni-bar{display:flex;align-items:center;gap:14px;margin-top:14px;animation:rise .5s ease}.koni-ava{width:42px;height:42px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:19px;background:var(--c-teal-soft);border:2px solid var(--c-teal)}.koni-ava.ungu{background:var(--c-ungu-soft);border-color:var(--c-ungu)}.koni-gelembung{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:var(--c-card);border:2px solid var(--c-ink);border-radius:14px;padding:10px 14px}.koni-gelembung:before{content:"";position:absolute;left:-9px;top:50%;width:14px;height:14px;margin-top:-7px;background:var(--c-card);border-left:2px solid var(--c-ink);border-bottom:2px solid var(--c-ink);transform:rotate(45deg)}.koni-teks{flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.5;color:var(--c-ink)}.koni-teks b,.koni-teks strong{color:var(--c-teal-deep);font-weight:800}.koni-teks .koni-nama{color:var(--c-coral);font-weight:900}@media (prefers-reduced-motion: reduce){.lv-kartu,.langkah0,.koni-bar{transition:none;animation:none}}.pita-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.pita-data>div{padding:4px 22px;border-left:1.5px solid var(--c-rule-2);min-width:0}.pita-data>div:first-child{border-left:none;padding-left:0}.pita-data .angka{font:800 clamp(2rem,1.4rem + 1.6vw,3rem)/1 var(--font-display);color:var(--c-teal-deep);letter-spacing:-.01em}.pita-data .isi{margin-top:8px;font-size:13.5px;font-weight:600;line-height:1.55;color:var(--c-ink-2)}.pita-data .sumber{margin-top:6px;font-size:11.5px;font-weight:800;color:var(--c-mute)}.solusi-poin{list-style:none;counter-reset:sp;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px}.solusi-poin li{counter-increment:sp;display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px}.solusi-poin li:before{content:counter(sp);font:800 1.35rem/1.1 var(--font-display);color:var(--c-coral)}.solusi-poin b{display:block;font:800 1rem/1.25 var(--font-display);color:var(--c-ink)}.solusi-poin span{font-size:13px;font-weight:600;line-height:1.5;color:var(--c-ink-2)}@media (max-width: 760px){.pita-data{grid-template-columns:minmax(0,1fr);gap:16px}.pita-data>div{border-left:none;padding:0 0 14px;border-bottom:1.5px solid var(--c-rule-2)}.solusi-poin{grid-template-columns:minmax(0,1fr)}}.misi-utama{background:var(--c-blok);box-shadow:0 14px 30px -18px #00424ecc;box-shadow:0 14px 30px -18px oklch(35% .08 214 / .8)}.misi-utama .misi-label{color:var(--c-amber-cta)}.misi-utama h2{color:var(--c-on-blok)}.misi-utama .misi-desk{color:var(--c-on-blok-2)}.misi-utama .jejak6 .bar{background:#ffffff38}.misi-utama .jejak6 .seg.selesai .bar{background:var(--c-on-blok)}.misi-utama .jejak6 .seg.lanjut .bar{background:var(--c-amber-cta)}.misi-utama .jejak6 .nama{color:#ffffffb8}.misi-utama .jejak6 .seg.selesai .nama{color:var(--c-on-blok)}.misi-utama .jejak6 .seg.lanjut .nama{color:var(--c-amber-cta)}.misi-utama .btn-utama{background:var(--c-amber-cta);color:var(--c-amber-cta-ink);box-shadow:0 5px 0 var(--c-amber-cta-edge)}.misi-utama .btn-utama:hover{background:var(--c-amber-cta-hover);box-shadow:0 6px 0 var(--c-amber-cta-edge)}.misi-utama .btn-utama:active{box-shadow:0 1px 0 var(--c-amber-cta-edge)}.misi-utama .btn-utama:focus-visible,.misi-utama .btn-teks:focus-visible{outline-color:var(--c-on-blok)}.misi-utama .btn-teks{color:var(--c-on-blok)}.misi-utama .btn-teks:hover{color:var(--c-amber-cta)}.misi-utama .ringkas{color:#ffffffbf}.misi-lain{background:var(--c-mint);border:1.5px solid var(--c-mint-garis);box-shadow:none}.misi-lain .ikon{background:var(--c-card)}.hub-samping{background:var(--c-krem);border:1.5px solid var(--c-krem-garis);box-shadow:none}.baris-alat{border-top-color:var(--c-krem-garis)}.baris-alat:hover{background:var(--c-krem-hover)}.ins{--ins: var(--c-teal-deep);--ins-soft: var(--c-teal-soft);margin-top:12px;background:var(--c-card);border:2px solid var(--ins);border-radius:var(--r-card);overflow:hidden}.ins-ungu{--ins: var(--c-ungu);--ins-soft: var(--c-ungu-soft)}.ins-biru{--ins: var(--c-biru);--ins-soft: var(--c-biru-soft)}.ins-hijau{--ins: var(--c-hijau-deep);--ins-soft: var(--c-green-soft)}.ins-amber{--ins: var(--c-amber-ink);--ins-soft: var(--c-amber-soft)}.ins-kepala{display:flex;align-items:center;gap:12px;background:var(--ins);color:var(--c-on-blok);padding:10px 18px}.ins-tahap{font-size:11.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;opacity:.85}.ins-judul{margin:1px 0 0;font:800 1.35rem/1.2 var(--font-display);color:var(--c-on-blok)}.ins-badan{padding:14px 18px 16px;display:grid;gap:12px}.ins-label{font-size:11.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--c-mute);margin-right:2px}.ins-data{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ins-langkah{list-style:none;counter-reset:ins;margin:0;padding:0;display:grid;gap:9px}.ins-langkah li{counter-increment:ins;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;font-size:15.5px;font-weight:600;line-height:1.55;color:var(--c-ink)}.ins-langkah li:before{content:counter(ins);width:28px;height:28px;border-radius:50%;background:var(--ins-soft);color:var(--ins);display:flex;align-items:center;justify-content:center;font:800 15px/1 var(--font-display)}.ins-langkah li b,.ins-langkah li strong{color:var(--ins);font-weight:900}.ins-tanya{display:flex;gap:10px;align-items:flex-start;background:var(--c-amber-soft);border:2px dashed var(--c-amber);border-radius:12px;padding:10px 14px;font:800 1.08rem/1.4 var(--font-display);color:var(--c-ink)}.ins-awas{display:flex;gap:10px;align-items:flex-start;background:var(--c-awas);border:1.5px solid var(--c-awas-garis);border-radius:12px;padding:9px 13px;font-size:14.5px;font-weight:700;line-height:1.5;color:var(--c-awas-ink)}.ins-catatan{font-size:13.5px;font-weight:600;color:var(--c-ink-2);line-height:1.5}.tombol-ui{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;vertical-align:baseline;background:var(--c-card);color:var(--c-ink);border:1.5px solid var(--c-rule-2);border-bottom-width:3.5px;border-radius:8px;padding:0 8px;font-weight:800;font-size:.93em;line-height:1.55}.blok-ui{display:inline-flex;align-items:center;white-space:nowrap;vertical-align:baseline;background:var(--blok);color:var(--c-on-blok);border-radius:7px;padding:0 9px;font-weight:800;font-size:.92em;line-height:1.6;box-shadow:inset 0 -2.5px #0000002e}.blok-ui.gelap{color:#412805}.nilai-ui{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;background:var(--c-krem);border:1.5px solid var(--c-krem-garis);border-radius:10px;padding:3px 10px}.nilai-ui small{font-size:11.5px;font-weight:800;color:var(--c-mute)}.nilai-ui b{font-family:var(--font-mono);font-size:15px;font-weight:800;color:var(--c-ink)}.penting-ui{background:linear-gradient(transparent 52%,var(--c-stabilo) 52%);color:inherit;font-weight:900;padding:0 2px}@media (max-width: 600px){.ins-judul{font-size:1.15rem}.ins-langkah li{font-size:14.5px}.ins-kepala,.ins-badan{padding-left:14px;padding-right:14px}}@media (prefers-reduced-motion: reduce){.btn-utama,.lv-kartu,.baris-alat{transition:none}}.bongkar{margin-top:16px}.bongkar .btn-utama.kecil{padding:10px 20px;font-size:1rem}.bongkar .btn-garis.kecil{padding:7px 12px;font-size:12.5px}.bongkar .btn-garis:disabled{opacity:.45;cursor:not-allowed}.bk-langkah{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.bk-langkah button{display:flex;align-items:center;gap:8px;min-width:0;text-align:left;cursor:pointer;background:var(--c-paper);border:2px solid var(--c-rule);border-radius:12px;padding:8px 10px;font:800 13px/1.25 var(--font-body);color:var(--c-ink-2)}.bk-langkah button span{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--c-card);border:2px solid var(--c-rule-2);font:800 12.5px/1 var(--font-display);color:var(--c-ink)}.bk-langkah button.aktif{background:var(--c-teal-deep);border-color:var(--c-teal-deep);color:var(--c-on-blok)}.bk-langkah button.aktif span{background:var(--c-amber);border-color:var(--c-amber)}.bk-langkah button.lewat{background:var(--c-green-soft);border-color:var(--c-mint-garis);color:var(--c-hijau-deep)}.bk-langkah button.lewat span{background:var(--c-green);border-color:var(--c-green);color:var(--c-card)}.bk-langkah button:focus-visible,.bk-kisi button:focus-visible,.bk-opsi button:focus-visible{outline:3px solid var(--c-amber);outline-offset:2px}.bk-kotak{background:var(--c-paper);border:1.5px solid var(--c-rule);border-radius:14px;padding:14px 16px;min-width:0}.bk-teks{margin:10px 0 0;font-size:15px;font-weight:600;line-height:1.55;color:var(--c-ink)}.bk-teks:first-child{margin-top:0}.bk-catatan{margin:6px 0 0;font-size:12.5px;font-weight:600;color:var(--c-mute);line-height:1.5}.bk-sub{font:800 1rem/1.3 var(--font-display);color:var(--c-teal-deep);margin-bottom:8px}.bk-satu{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px;align-items:start}.bk-layar{display:block;width:100%;max-width:288px;height:auto;aspect-ratio:2 / 1;border-radius:12px;border:2px solid var(--c-rule-2);background:var(--c-card);image-rendering:pixelated}.bk-kisi{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:3px;width:100%;max-width:288px;aspect-ratio:2 / 1;box-sizing:border-box;padding:3px;background:var(--c-card);border:2px solid var(--c-rule-2);border-radius:12px}.bk-kisi button{border:none;border-radius:4px;padding:0;cursor:pointer;min-width:0;min-height:0}.bk-kisi button.pilih{outline:3px solid var(--c-ink);outline-offset:1px;position:relative;z-index:1}.bk-slider{display:grid;gap:4px;margin-top:10px;max-width:288px;font-size:13px;font-weight:800;color:var(--c-ink-2)}.bk-slider input{width:100%;height:28px;accent-color:var(--c-teal-deep);cursor:pointer}.bk-slider b{font:800 14.5px/1.3 var(--font-display);color:var(--c-teal-deep)}.bk-rgb{display:grid;gap:8px;margin-top:10px;max-width:420px}.bk-batang{display:grid;grid-template-columns:56px minmax(0,1fr) 36px;gap:10px;align-items:center;font-size:14px;font-weight:800;color:var(--c-ink)}.bk-batang div{height:16px;background:var(--c-rule);border-radius:var(--r-pill);overflow:hidden}.bk-batang i{display:block;height:100%;border-radius:var(--r-pill);transition:width var(--dur-short) var(--ease-out)}.bk-batang b{font-family:var(--font-mono);text-align:right}.bk-rumus{margin-top:14px;background:var(--c-amber-soft);border:2px dashed var(--c-amber);border-radius:12px;padding:9px 13px;font-size:14.5px;font-weight:700;line-height:1.5;color:var(--c-ink);max-width:520px}.bk-dua{display:grid;grid-template-columns:172px minmax(0,1fr);gap:20px;align-items:start}.bk-diuji{margin:0;display:grid;gap:6px;justify-items:center;text-align:center}.bk-diuji img{display:block;width:160px;height:80px;border-radius:10px;border:3px solid var(--c-amber)}.bk-diuji figcaption{font-size:11.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--c-mute)}.bk-diuji figcaption span{font-size:11px;font-weight:700;letter-spacing:0;text-transform:none}.bk-lomba{list-style:none;margin:0;padding:0;display:grid;gap:5px}.bk-lomba li{display:grid;grid-template-columns:30px 50px minmax(64px,110px) minmax(0,1fr) 30px;gap:10px;align-items:center;background:var(--c-card);border:1.5px solid var(--c-rule);border-radius:10px;padding:5px 10px;font-size:13.5px;font-weight:700;color:var(--c-ink-2)}.bk-lomba li.juara{background:var(--c-amber-soft);border:2px solid var(--c-amber);color:var(--c-ink);font-weight:800}.bk-peringkat{font:800 16px/1 var(--font-display);text-align:center;color:var(--c-mute)}.bk-lomba img{display:block;width:48px;height:24px;border-radius:4px}.bk-pecahan{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-mirip{height:12px;background:var(--c-rule);border-radius:var(--r-pill);overflow:hidden}.bk-mirip i{display:block;height:100%;background:var(--c-teal);border-radius:var(--r-pill)}.bk-lomba li.juara .bk-mirip i{background:var(--c-teal-deep)}.bk-skor{font-family:var(--font-mono);font-weight:800;text-align:right;color:var(--c-ink)}.bk-lomba li.bk-pemisah{display:block;background:none;border:none;padding:8px 2px 0;font-size:12.5px;font-weight:900;letter-spacing:.03em;color:var(--c-mute)}.bk-suara{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.bk-suara>div{background:var(--c-card);border:2px solid var(--c-rule);border-radius:12px;padding:9px 12px}.bk-suara>div.menang{border-color:var(--c-teal-deep);box-shadow:0 0 0 3px var(--c-teal-soft)}.bk-suara>div.kosong{background:var(--c-paper);border-style:dashed}.bk-suara>div.kosong .bk-suara-nama,.bk-suara>div.kosong .bk-suara-medali{color:var(--c-mute)}.bk-suara-nama{font:800 1rem/1.2 var(--font-display);color:var(--c-ink)}.bk-suara-medali{font-size:20px;line-height:1;margin:6px 0;min-height:22px}.bk-suara-bar{height:10px;background:var(--c-rule);border-radius:var(--r-pill);overflow:hidden}.bk-suara-bar i{display:block;height:100%;background:var(--c-teal-deep)}.bk-suara-persen{margin-top:4px;font-size:12.5px;font-weight:800;color:var(--c-mute)}.bk-hasil{margin-top:10px;background:var(--c-green-soft);border:1.5px solid var(--c-mint-garis);border-radius:10px;padding:9px 12px;font:800 1.05rem/1.4 var(--font-display);color:var(--c-ink)}.bk-hasil.salah{background:var(--c-awas);border-color:var(--c-awas-garis)}.bk-hasil span{font-family:var(--font-body);font-size:13.5px;margin-left:6px}.bk-awal{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--c-card);border:1.5px solid var(--c-rule);border-radius:12px;padding:8px 12px;font-size:14px;font-weight:600;line-height:1.5;color:var(--c-ink)}.bk-awal img{flex:none;width:80px;height:40px;border-radius:6px}.bk-awal span{flex:1;min-width:200px}.bk-eksp-daftar{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:10px}.bk-eksp{background:var(--c-card);border:2px solid var(--c-rule);border-radius:14px;padding:12px 14px;min-width:0}.bk-eksp.aktif{border-color:var(--c-teal-deep)}.bk-eksp-judul{font:800 1.05rem/1.3 var(--font-display);color:var(--c-ink)}.bk-eksp-tanya{margin-top:4px;font-size:14px;font-weight:700;line-height:1.45;color:var(--c-ink-2)}.bk-eksp-hasil .bk-hasil{font-size:.98rem}.bk-eksp-hasil .bk-turun{display:block;margin:4px 0 0;font:800 13px/1.4 var(--font-body);color:var(--c-ink-2)}.bk-alur{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.bk-alur-item{display:inline-flex;align-items:center;gap:6px;background:var(--c-card);border:2px solid var(--c-rule-2);border-radius:var(--r-pill);padding:5px 12px 5px 8px;font-size:14px;font-weight:800;color:var(--c-ink)}.bk-alur-item b{font-size:17px}.bk-alur-panah{font:800 1.1rem/1 var(--font-display);font-style:normal;color:var(--c-teal)}.bk-soal{font:800 1.02rem/1.4 var(--font-display);color:var(--c-ink)}.bk-opsi{display:grid;gap:6px;margin-top:6px}.bk-opsi.dua{grid-template-columns:1fr 1fr}.bk-opsi button{text-align:left;background:var(--c-card);border:2px solid var(--c-rule);border-radius:10px;padding:9px 12px;font-size:14px;font-weight:700;color:var(--c-ink);cursor:pointer}.bk-opsi button.dipilih{border-color:var(--c-teal-deep);background:var(--c-teal-soft)}.bk-opsi button.benar{border-color:var(--c-green);background:var(--c-green-soft)}.bk-opsi button.salah{border-color:var(--c-awas-garis);background:var(--c-awas)}.bk-umpan{margin-top:6px;font-size:13.5px;font-weight:700;line-height:1.5;color:var(--c-awas-ink)}.bk-umpan.benar{color:var(--c-hijau-deep)}.bk-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1.5px solid var(--c-rule);padding-top:12px}.bk-nav>span{font-size:13px;font-weight:800;color:var(--c-mute)}.bk-selesai{font:800 14px/1.2 var(--font-display);color:var(--c-hijau-deep)}@media (max-width: 760px){.bk-langkah{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-satu,.bk-dua{grid-template-columns:minmax(0,1fr)}.bk-diuji{grid-template-columns:auto auto;justify-content:start;justify-items:start;text-align:left}.bk-lomba li{grid-template-columns:26px 44px minmax(0,1fr) 54px 28px;gap:8px}.bk-lomba img{width:42px;height:21px}.bk-suara{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-suara>div{padding:7px 10px}.bk-suara>div.menang{grid-column:1 / -1}.bk-nav>span{order:-1;width:100%}}@media (prefers-reduced-motion: reduce){.bk-batang i{transition:none}}.mk{position:relative;display:flex;flex-direction:column}.mk-struk-wadah{position:relative;z-index:1;margin:0 30px -2px;padding-top:8px;filter:drop-shadow(0 6px 8px oklch(40% .06 214 / .2))}.mk-gulung{overflow:hidden}.mk-struk-wadah.cetak .mk-gulung{animation:mk-cetak 1.7s steps(18,end) both}.mk-struk{font-size:12.5px;line-height:1.45;padding:22px 16px 12px;-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 0 / 14px 51% repeat-x,linear-gradient(#000 0 0) 0 100% / 100% 50% no-repeat;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 0 / 14px 51% repeat-x,linear-gradient(#000 0 0) 0 100% / 100% 50% no-repeat}.mk-struk .struk-kepala{padding-bottom:8px;margin-bottom:8px}.mk-struk .struk-kepala strong{font-size:.98rem}.mk-struk .struk-kepala span{display:block}.mk-struk .struk-baris{gap:8px;flex-wrap:wrap}.mk-struk .struk-baris>span:last-child{margin-left:auto;text-align:right}.mk-waktu{font-size:.72rem!important;opacity:.55!important}.mk-total{margin:6px 0 2px;font-size:1.12rem;gap:8px;flex-wrap:wrap}.mk-tebal{font-weight:800}.mk-baris-teks{padding:2px 0;overflow-wrap:anywhere}.mk-baris-teks.awas{color:var(--c-coral);font-weight:700}.mk-sub{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-bottom:2px}.mk-ai{font-size:.86em}.mk-ai em{font-style:normal;opacity:.7;font-size:.9em}.mk-kaki{text-align:center;font-size:.78rem;opacity:.7}.mk-sobekan{height:10px;background:var(--c-receipt);margin:0 6px;-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 0 / 14px 100% repeat-x;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 0 / 14px 100% repeat-x}@keyframes mk-cetak{0%{height:0}to{height:var(--tinggi, auto)}}.mk-badan{position:relative;z-index:2;background:var(--c-teal-deep);border-radius:20px 20px 10px 10px;padding:18px 14px 14px;box-shadow:0 6px 0 var(--c-tepi-teal),var(--shadow-timbul-pekat)}.mk-celah{position:absolute;top:0;left:24px;right:24px;height:7px;border-radius:0 0 6px 6px;background:var(--c-mk-gelap)}.mk-atas{display:flex;align-items:center;gap:10px}.mk-kasir{flex:none;width:44px;height:44px;border-radius:50%;background:var(--c-card);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 var(--c-tepi-teal)}.mk-layar{flex:1;min-width:0;background:var(--c-mk-gelap);border-radius:10px;padding:7px 10px;font-family:var(--font-mono);color:var(--c-mk-lcd);box-shadow:inset 0 2px 6px #00000073}.mk-layar>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;line-height:1.35;min-width:0}.mk-layar>div.utama{font-size:11.5px}.mk-layar span{opacity:.72;letter-spacing:.08em;white-space:nowrap}.mk-layar b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mk-layar>div.utama b{font-size:15px}.mk-badan.jalan .mk-layar{animation:mk-kedip 1s steps(2,start) infinite}.mk-badan.kurang .mk-layar>div:last-child{color:var(--c-mk-awas)}@keyframes mk-kedip{50%{color:#5cb28f}}.mk-papan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}.mk-papan span{display:flex;align-items:center;justify-content:center;height:24px;border-radius:6px;background:var(--c-card);color:var(--c-ink);font:700 11.5px/1 var(--font-mono);box-shadow:0 3px 0 var(--c-tepi-teal)}.mk-papan span:nth-child(4n){background:var(--c-teal-soft)}.mk-jalan{width:100%;margin-top:10px;border:none;border-radius:10px;padding:10px;cursor:pointer;background:var(--c-amber-cta);color:var(--c-amber-cta-ink);font:800 14.5px/1 var(--font-display);box-shadow:0 4px 0 var(--c-amber-cta-edge);transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.mk-jalan:hover{background:var(--c-amber-cta-hover)}.mk-jalan:active{transform:translateY(3px);box-shadow:0 1px 0 var(--c-amber-cta-edge)}.mk-jalan:disabled{cursor:wait;opacity:.75;transform:none}.mk-jalan:focus-visible{outline:3px solid var(--c-on-blok);outline-offset:2px}.mk-laci{position:relative;z-index:1;margin:6px 10px 0;background:var(--c-mk-laci);border-radius:0 0 12px 12px;padding:0 0 11px;display:flex;flex-direction:column;align-items:center;box-shadow:0 5px 0 var(--c-tepi-teal)}.mk-isi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;height:0;overflow:hidden;padding:0 10px;box-sizing:border-box}.mk-isi i{display:block;border-radius:3px 3px 0 0;margin-top:4px}.mk-isi i:nth-child(1){background:var(--c-uang-1)}.mk-isi i:nth-child(2){background:var(--c-uang-2)}.mk-isi i:nth-child(3){background:var(--c-uang-3)}.mk-isi i:nth-child(4){background:var(--c-uang-4)}.mk-isi i:nth-child(5){background:var(--c-uang-5)}.mk-laci.buka .mk-isi{animation:mk-laci .45s var(--ease-out) 1.75s both}@keyframes mk-laci{0%{height:0}to{height:16px}}.mk-pegangan{display:block;width:38%;height:6px;margin-top:11px;border-radius:var(--r-pill);background:var(--c-amber-cta);box-shadow:0 2px 0 var(--c-amber-cta-edge)}@media (prefers-reduced-motion: reduce){.mk-struk-wadah.cetak .mk-gulung,.mk-badan.jalan .mk-layar{animation:none}.mk-laci.buka .mk-isi{animation:none;height:16px}}.m2{margin-top:16px;background:var(--c-card);border:2px solid var(--c-tepi);border-radius:var(--r-card);padding:20px 24px 22px;box-shadow:0 6px 0 var(--c-tepi),var(--shadow-timbul);color:var(--c-ink)}.m2 .btn-utama.kecil{padding:11px 20px;font-size:1rem}.m2-pil{display:inline-block;font-size:10.5px;font-weight:900;letter-spacing:.08em;color:var(--c-teal-deep);background:var(--c-teal-soft);border-radius:var(--r-pill);padding:5px 13px}.m2-kepala h3{margin:10px 0 0;font:800 1.25rem/1.25 var(--font-display);color:var(--c-ink)}.m2-soal{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.m2-soal>span{display:inline-block;border-radius:10px;padding:7px 12px;font-size:13.5px;font-weight:700;line-height:1.3;border:2px solid var(--c-tepi);background:var(--c-card)}.m2-barang{border-color:var(--c-ink)!important}.m2-spanduk.a{border-color:var(--c-coral)!important}.m2-spanduk.b{border-color:var(--c-green)!important}.m2-misi{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.m2-misi li{display:flex;gap:10px;align-items:flex-start;background:var(--c-paper);border:2px solid var(--c-rule);border-radius:14px;padding:10px 12px;font-size:13.5px;line-height:1.45}.m2-misi li b{display:block;font:800 14.5px/1.25 var(--font-display);color:var(--c-ink)}.m2-misi-tugas{display:block;margin-top:3px;font-weight:600;color:var(--c-ink-2)}.m2-misi-tugas b{display:inline!important;font:inherit!important;font-weight:800!important;color:var(--c-teal-deep)!important}.m2-misi-no{flex:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--c-card);border:2px solid var(--c-rule-2);font:800 13px/1 var(--font-display);color:var(--c-ink)}.m2-misi li.aktif{background:var(--c-card);border-color:var(--c-teal-deep);box-shadow:0 0 0 3px var(--c-teal-soft)}.m2-misi li.aktif .m2-misi-no{background:var(--c-amber-cta);border-color:var(--c-amber-cta);color:var(--c-amber-cta-ink)}.m2-misi li.ok{background:var(--c-green-soft);border-color:var(--c-mint-garis)}.m2-misi li.ok .m2-misi-no{background:var(--c-green);border-color:var(--c-green);color:var(--c-card)}.m2-misi li.kunci{opacity:.6}.m2-kendali{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;margin-top:16px}.m2-toko{border-radius:14px;padding:10px 14px 12px;border:2px solid var(--c-rule);background:var(--c-paper);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px 18px;align-content:start}.m2-toko-nama{grid-column:1 / -1;font:800 14px/1.2 var(--font-display)}.m2-toko.a .m2-toko-nama{color:var(--c-coral)}.m2-toko.b .m2-toko-nama{color:var(--c-hijau-deep)}.m2-geser{display:grid;gap:2px}.m2-geser-atas{display:flex;justify-content:space-between;font-size:12.5px;font-weight:800;color:var(--c-ink-2)}.m2-geser-atas b{font:800 15px/1 var(--font-display);color:var(--c-ink)}.m2-geser input{width:100%;height:26px;cursor:pointer;accent-color:var(--c-m2-pot1)}.m2-geser.p2 input{accent-color:var(--c-m2-pot2)}.m2-geser-ket{font-size:11.5px;font-weight:700;color:var(--c-coral)}.m2-papan{margin-top:14px;background:var(--c-paper);border:2px solid var(--c-rule);border-radius:16px;padding:12px 16px 14px}.m2-skala{position:relative;display:flex;justify-content:space-between;margin-left:76px;margin-right:2px;font:700 11px/1 var(--font-mono);color:var(--c-mute);padding-bottom:5px;border-bottom:1.5px dashed var(--c-rule-2)}.m2-skala span:nth-child(2){position:absolute;left:50%;transform:translate(-50%)}.m2-batang-wadah{position:relative;display:grid;gap:8px;margin-top:8px}.m2-baris{display:grid;grid-template-columns:66px minmax(0,1fr);gap:8px;align-items:center}.m2-baris-nama{font:800 13.5px/1 var(--font-display);color:var(--c-ink)}.m2-batang{display:flex;height:44px;border-radius:10px;overflow:hidden;background:var(--c-card);border:2px solid var(--c-ink)}.m2-seg{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;white-space:nowrap;transition:width var(--dur-short) var(--ease-out);font:800 12.5px/1 var(--font-display)}.m2-seg+.m2-seg{border-left:2px dashed oklch(100% 0 0 / .75)}.m2-seg.bayar{background:var(--c-m2-bayar);color:var(--c-on-blok);font-size:14px}.m2-seg.p1{background:repeating-linear-gradient(45deg,var(--c-m2-pot1) 0 9px,var(--c-m2-pot1b) 9px 18px);color:var(--c-amber-cta-ink)}.m2-seg.p2{background:repeating-linear-gradient(45deg,var(--c-m2-pot2) 0 9px,var(--c-m2-pot2b) 9px 18px);color:var(--c-on-blok)}.m2-seg span{padding:0 6px;overflow:hidden;text-overflow:ellipsis}.m2-garis{position:absolute;top:-6px;bottom:-6px;width:0;border-left:2.5px dashed var(--c-ink);pointer-events:none;z-index:1}.m2-selisih{margin:10px 0 0 74px;display:inline-block;background:var(--c-amber-soft);border:2px solid var(--c-amber);border-radius:var(--r-pill);padding:5px 14px;font:700 13.5px/1.3 var(--font-body);color:var(--c-ink)}.m2-selisih b{font-family:var(--font-display);font-size:15px}.m2-selisih.sama{background:var(--c-green-soft);border-color:var(--c-green)}.m2-hitung{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px 18px;margin-top:12px;font:600 12.5px/1.6 var(--font-mono);color:var(--c-ink-2)}.m2-hitung>div{display:grid}.m2-hitung>div>b{font:800 13px/1.4 var(--font-display);color:var(--c-ink)}.m2-hitung span b{color:var(--c-ink)}.m2-hitung u{text-decoration-color:var(--c-coral);text-decoration-thickness:2px;text-underline-offset:3px}.m2-jebakan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:6px 14px;align-items:center;margin-top:12px;padding-top:10px;border-top:1.5px dashed var(--c-rule-2)}.m2-jebakan>div:not(.m2-pita){display:flex;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:700;color:var(--c-ink-2)}.m2-jebakan b{font:800 14px/1.2 var(--font-display);white-space:nowrap}.m2-jebakan b.naif{color:var(--c-coral);text-decoration:line-through;text-decoration-thickness:2px}.m2-jebakan b.nyata{color:var(--c-hijau-deep)}.m2-pita{height:14px;background:var(--c-rule);border-radius:var(--r-pill);overflow:hidden}.m2-pita i{display:block;height:100%;border-radius:var(--r-pill);transition:width var(--dur-short) var(--ease-out)}.m2-pita i.naif{background:repeating-linear-gradient(45deg,var(--c-awas-garis) 0 7px,var(--c-awas) 7px 14px)}.m2-pita i.nyata{background:var(--c-green)}.m2-umpan{margin-top:12px;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.5;border:2px solid var(--c-rule-2);background:var(--c-card)}.m2-umpan.awas{border-color:var(--c-awas-garis);background:var(--c-awas);color:var(--c-awas-ink)}.m2-umpan.info{border-color:var(--c-teal);background:var(--c-teal-soft)}.m2-umpan.ok{border-color:var(--c-mint-garis);background:var(--c-green-soft);color:var(--c-hijau-deep)}.m2-selesai{margin-top:14px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--c-green-soft);border:2px solid var(--c-green);border-radius:16px;padding:14px 18px}.m2-selesai>div{flex:1 1 320px;min-width:0}.m2-selesai b{font-family:var(--font-display)}.m2-selesai p{margin:4px 0 0;font-size:14px;font-weight:600;line-height:1.55;color:var(--c-ink)}@media (max-width: 760px){.m2{padding:16px 14px 18px}.m2-misi,.m2-kendali,.m2-hitung,.m2-jebakan{grid-template-columns:minmax(0,1fr)}.m2-skala,.m2-selisih{margin-left:0}.m2-baris{grid-template-columns:minmax(0,1fr);gap:3px}.m2-garis,.m2-kata{display:none}.m2-seg.bayar{font-size:13px}}@media (prefers-reduced-motion: reduce){.m2-seg,.m2-pita i{transition:none}}.lk{margin-top:16px;background:var(--c-card);border:2px solid var(--c-tepi);border-radius:var(--r-card);padding:20px 24px 22px;box-shadow:0 6px 0 var(--c-tepi),var(--shadow-timbul);color:var(--c-ink)}.lk .btn-utama.kecil{padding:11px 20px;font-size:1rem}.lk h3{margin:10px 0 0;font:800 1.25rem/1.25 var(--font-display);color:var(--c-ink)}.lk-arah{margin:12px 0 0;font-size:14px;font-weight:600;line-height:1.55;color:var(--c-ink-2)}.lk-arah b{color:var(--c-teal-deep)}.lk-toko{margin:16px 0 6px;font:800 14.5px/1.2 var(--font-display);color:var(--c-coral)}.lk-toko.d{color:var(--c-hijau-deep)}.lk-toko.kes{color:var(--c-ink)}.lk-baris{position:relative;background:var(--c-paper);border:2px solid var(--c-rule);border-radius:14px;padding:10px 14px 12px;margin-top:8px}.lk-baris.contoh{background:var(--c-green-soft);border-color:var(--c-mint-garis);display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap}.lk-tahap{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--c-mute);margin-bottom:6px}.lk-baris.contoh .lk-tahap{margin-bottom:0;color:var(--c-hijau-deep)}.lk-cap{margin-left:auto;font-size:12px;font-weight:800;color:var(--c-hijau-deep)}.lk-rumus{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px 10px;font:600 15px/1.4 var(--font-mono);color:var(--c-ink)}.lk-rumus>span:not(.lk-kotak):not(.lk-pilih){padding-top:9px;white-space:nowrap}.lk-baris.contoh .lk-rumus>*,.lk-baris.contoh .lk-rumus{padding-top:0}.lk-rumus b{font-weight:800}.lk-ulang{color:var(--c-mute)}.lk-kotak{display:inline-flex;flex-direction:column;align-items:stretch;gap:3px}.lk-isian{display:inline-flex;align-items:center;gap:4px;background:var(--c-card);border:2px solid var(--c-tepi);border-radius:10px;padding:3px 8px;box-shadow:0 2px 0 var(--c-tepi)}.lk-kotak:focus-within .lk-isian{border-color:var(--c-teal-deep)}.lk-isian input{border:none;outline:none;background:transparent;font:800 16px/1.6 var(--font-display);color:var(--c-ink);text-align:right;width:92px;padding:0}.lk-kotak.persen .lk-isian input{width:38px}.lk-rp{font:800 13px/1 var(--font-display);color:var(--c-mute)}.lk-kotak small{font:700 11px/1.2 var(--font-body);color:var(--c-mute);text-align:center}.lk-kotak.benar .lk-isian{border-color:var(--c-green);box-shadow:0 2px 0 var(--c-mint-garis)}.lk-kotak.salah .lk-isian{border-color:var(--c-awas-garis);background:var(--c-awas);box-shadow:0 2px 0 var(--c-awas-garis)}.lk-tanda{font:900 15px/1 var(--font-body)}.lk-kotak.benar .lk-tanda,.lk-pilih .benar .lk-tanda{color:var(--c-green)}.lk-kotak.salah .lk-tanda,.lk-pilih .salah .lk-tanda{color:var(--c-awas-ink)}.lk-umpan{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:5px}.lk-umpan li{position:relative;padding:7px 12px 7px 30px;border-radius:10px;background:var(--c-awas);border:1.5px solid var(--c-awas-garis);font-size:13.5px;font-weight:600;line-height:1.45;color:var(--c-awas-ink)}.lk-umpan li:before{content:"💡";position:absolute;left:9px;top:7px}.lk-pilih{display:inline-flex;gap:8px;flex-wrap:wrap}.lk-pilih button{border:2px solid var(--c-tepi);background:var(--c-card);border-radius:10px;padding:8px 14px;cursor:pointer;font:800 14px/1.2 var(--font-display);color:var(--c-ink);box-shadow:0 2px 0 var(--c-tepi)}.lk-pilih button.dipilih{border-color:var(--c-teal-deep);background:var(--c-teal-soft)}.lk-pilih button.benar{border-color:var(--c-green);background:var(--c-green-soft)}.lk-pilih button.salah{border-color:var(--c-awas-garis);background:var(--c-awas)}.lk-pilih button:focus-visible,.lk-isian input:focus-visible{outline:none}.lk-pilih button:focus-visible{box-shadow:0 0 0 3px var(--c-amber)}.lk-aksi{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}@media (max-width: 760px){.lk{padding:16px 14px 18px}.lk-rumus{font-size:13.5px}.lk-cap{margin-left:0}}.al{margin-top:16px;background:var(--c-card);border:2px solid var(--c-tepi);border-radius:var(--r-card);padding:20px 24px 22px;box-shadow:0 6px 0 var(--c-tepi),var(--shadow-timbul);color:var(--c-ink)}.al .btn-utama.kecil{padding:11px 20px;font-size:1rem}.al h3{margin:10px 0 0;font:800 1.25rem/1.25 var(--font-display);color:var(--c-ink)}.al-arah{margin:8px 0 0;font-size:14.5px;font-weight:600;line-height:1.55;color:var(--c-ink-2)}.al-arah b{color:var(--c-ink)}.al-legenda{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;padding:9px 12px;background:var(--c-paper);border:1.5px solid var(--c-rule);border-radius:12px;font-size:12.5px;font-weight:600;color:var(--c-ink-2)}.al-legenda span{display:inline-flex;align-items:center;gap:6px}.al-legenda b{color:var(--c-ink)}.al-ikon{display:inline-block;flex:none;width:24px;height:15px}.al-ikon.mulai{background:var(--c-al-mulai);border-radius:var(--r-pill)}.al-ikon.masukan{background:var(--c-al-masukan);clip-path:polygon(22% 0,100% 0,78% 100%,0 100%)}.al-ikon.keluaran{background:var(--c-al-keluaran);clip-path:polygon(22% 0,100% 0,78% 100%,0 100%)}.al-ikon.proses{background:var(--c-al-proses);border-radius:3px}.al-ikon.cabang{background:var(--c-al-cabang);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:22px;height:18px}.al-grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:18px;margin-top:16px;align-items:start}.al-sub{font-size:11.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--c-teal-deep);margin-bottom:8px}.al-kolam{display:grid;gap:8px}.al-kartu{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;background:var(--c-card);border:2px solid var(--c-tepi);border-radius:12px;padding:9px 12px;box-shadow:0 3px 0 var(--c-tepi);font:700 13.5px/1.35 var(--font-body);color:var(--c-ink);transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.al-kartu:hover{border-color:var(--c-teal);transform:translateY(-1px)}.al-kartu:active{transform:translateY(2px);box-shadow:0 1px 0 var(--c-tepi)}.al-kartu:focus-visible,.al-tombol button:focus-visible{outline:3px solid var(--c-amber);outline-offset:2px}.al-kartu span{flex:1;min-width:0}.al-kartu b{font:800 18px/1 var(--font-display);color:var(--c-teal-deep)}.al-kosong{padding:12px;border:2px dashed var(--c-rule-2);border-radius:12px;font-size:13px;font-weight:700;color:var(--c-mute);text-align:center}.al-kosong.besar{padding:26px 12px}.al-alur{background:var(--c-paper);border:2px solid var(--c-rule);border-radius:16px;padding:14px 10px 16px}.al-baris{display:grid;grid-template-columns:28px minmax(0,380px) 108px;justify-content:center;align-items:center;gap:8px}.al-no{width:24px;height:24px;border-radius:50%;background:var(--c-card);border:2px solid var(--c-rule-2);display:flex;align-items:center;justify-content:center;font:800 12px/1 var(--font-display);color:var(--c-ink-2)}.al-panah{text-align:center;font:800 18px/1.1 var(--font-display);color:var(--c-mute)}.al-tombol{display:inline-flex;gap:4px}.al-tombol button{width:32px;height:32px;border-radius:9px;border:2px solid var(--c-tepi);background:var(--c-card);box-shadow:0 2px 0 var(--c-tepi);font:800 15px/1 var(--font-body);color:var(--c-teal-deep);cursor:pointer;padding:0}.al-tombol button:last-child{color:var(--c-awas-ink)}.al-tombol button:disabled{opacity:.35;cursor:default}.al-bentuk{justify-self:center;width:100%;filter:drop-shadow(0 4px 0 var(--c-al-tepi))}.al-bentuk>span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 34px;text-align:center;font:800 14px/1.3 var(--font-display)}.al-bentuk.mulai{width:min(200px,100%)}.al-bentuk.mulai>span{background:var(--c-al-mulai);color:var(--c-on-blok);border-radius:var(--r-pill)}.al-bentuk.masukan>span{background:var(--c-al-masukan);color:var(--c-ink);clip-path:polygon(7% 0,100% 0,93% 100%,0 100%)}.al-bentuk.keluaran>span{background:var(--c-al-keluaran);color:var(--c-on-blok);clip-path:polygon(7% 0,100% 0,93% 100%,0 100%)}.al-bentuk.proses>span{background:var(--c-al-proses);color:var(--c-on-blok);border-radius:8px;padding:10px 18px}.al-bentuk.cabang{width:min(260px,100%)}.al-bentuk.cabang>span{background:var(--c-al-cabang);color:var(--c-ink);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);min-height:78px;padding:10px 50px}.al-bentuk.salah{filter:drop-shadow(3px 0 0 var(--c-awas-ink)) drop-shadow(-3px 0 0 var(--c-awas-ink)) drop-shadow(0 3px 0 var(--c-awas-ink)) drop-shadow(0 -3px 0 var(--c-awas-ink))}.al-cabang{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:800;margin-top:4px}.al-cabang .tidak{color:var(--c-awas-ink)}.al-cabang .ya{color:var(--c-hijau-deep)}@media (max-width: 760px){.al{padding:16px 12px 18px}.al-grid{grid-template-columns:minmax(0,1fr)}.al-baris{grid-template-columns:24px minmax(0,1fr) 32px;gap:6px}.al-tombol{flex-direction:column}.al-tombol button{width:30px;height:28px}.al-bentuk>span{padding:10px 22px;font-size:13px}.al-bentuk.cabang>span{padding:10px 36px}}@media (prefers-reduced-motion: reduce){.al-kartu{transition:none}}.kat-ui{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;vertical-align:baseline;background:var(--c-card);border:1.5px solid var(--c-rule-2);border-radius:8px;padding:0 8px;font-weight:800;font-size:.93em;line-height:1.6;color:var(--c-ink)}.kat-ui i{width:11px;height:11px;border-radius:50%;display:inline-block;flex:none}.misi3{background:var(--c-ungu-soft);border:2px solid var(--c-ungu-garis);border-radius:14px;padding:12px 12px 14px;display:grid;gap:10px}.misi3-kepala{display:flex;align-items:center;justify-content:space-between;gap:8px;font:800 12.5px/1 var(--font-display);color:var(--c-ungu);letter-spacing:.03em}.misi3-titik{display:inline-flex;gap:5px}.misi3-titik i{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:800 11px/1 var(--font-display);font-style:normal;background:var(--c-card);border:2px solid var(--c-ungu-garis);color:var(--c-mute)}.misi3-titik i.aktif{background:var(--c-amber-cta);border-color:var(--c-amber-cta);color:var(--c-amber-cta-ink)}.misi3-titik i.ok{background:var(--c-green);border-color:var(--c-green);color:var(--c-card)}.misi3-kartu{background:var(--c-card);border:2px solid var(--c-ungu);border-radius:12px;padding:11px 12px 12px;box-shadow:0 3px 0 var(--c-ungu-garis)}.misi3-judul{font:800 15px/1.25 var(--font-display);color:var(--c-ink)}.misi3-langkah{list-style:none;counter-reset:ml;margin:9px 0 0;padding:0;display:grid;gap:8px}.misi3-langkah li{counter-increment:ml;display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;font-size:13.5px;font-weight:600;line-height:1.55;color:var(--c-ink)}.misi3-langkah li:before{content:counter(ml);width:22px;height:22px;border-radius:50%;background:var(--c-ungu-soft);color:var(--c-ungu);display:flex;align-items:center;justify-content:center;font:800 12px/1 var(--font-display);margin-top:1px}.misi3-harap{margin-top:10px;display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding:8px 10px;background:var(--c-mk-gelap);border-radius:10px}.misi3-harap span{width:100%;font-size:11px;font-weight:800;letter-spacing:.04em;color:#bcb8e2}.misi3-harap code{font:600 12.5px/1.4 var(--font-mono);color:#ddd9fe;background:#ffffff14;border-radius:6px;padding:2px 7px}.misi3-umpan{border-radius:10px;padding:8px 11px;font-size:13px;font-weight:600;line-height:1.5}.misi3-umpan.ok{background:var(--c-green-soft);border:1.5px solid var(--c-mint-garis);color:var(--c-hijau-deep);font-weight:800}.misi3-umpan.ok.besar{font-size:14px;padding:12px}.misi3-umpan.salah{margin-top:10px;background:var(--c-awas);border:1.5px solid var(--c-awas-garis);color:var(--c-awas-ink)}.l3-tahap{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.l3-tahap button{display:inline-flex;align-items:center;gap:7px;background:var(--c-card);color:var(--c-ungu);border:2px solid var(--c-ungu-garis);border-radius:var(--r-pill);padding:6px 14px 6px 7px;font:800 13px/1 var(--font-body);cursor:pointer;box-shadow:0 2px 0 var(--c-ungu-garis)}.l3-tahap button>span{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--c-ungu-soft);font-size:11px}.l3-tahap button.aktif{background:var(--c-ungu);border-color:var(--c-ungu);color:var(--c-on-blok)}.l3-tahap button.aktif>span{background:#ffffff40}.l3-tahap button.ok{border-color:var(--c-mint-garis);color:var(--c-hijau-deep)}.l3-tahap button.ok>span{background:var(--c-green);color:var(--c-card)}.l3-tahap button.kunci{opacity:.55;cursor:not-allowed;box-shadow:none}.l3-tahap button:focus-visible{outline:3px solid var(--c-amber);outline-offset:2px}.l3-lanjut{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--c-green-soft);border:2px solid var(--c-mint-garis);border-radius:14px;padding:9px 12px 9px 16px;font:800 14px/1.3 var(--font-display);color:var(--c-hijau-deep)}.l3-lanjut .btn-utama.kecil,.l3-soal .btn-utama.kecil{padding:10px 18px;font-size:.98rem}.l3-lanjut+.misi3-umpan,.l3-tahap~.misi3-umpan{margin-top:10px}.l3-soal{margin-top:12px;background:var(--c-card);border:2px solid var(--c-tepi);border-top:6px solid var(--c-amber-cta);border-radius:var(--r-card);padding:16px 20px 18px;box-shadow:0 6px 0 var(--c-tepi),var(--shadow-timbul);color:var(--c-ink)}.l3-soal-atas{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.l3-tingkat{display:inline-flex;gap:6px;margin-left:auto;flex-wrap:wrap}.l3-tingkat button{border:2px solid var(--c-tepi);background:var(--c-card);border-radius:var(--r-pill);padding:6px 12px;font:800 12px/1 var(--font-body);color:var(--c-ink-2);cursor:pointer;box-shadow:0 2px 0 var(--c-tepi);white-space:nowrap}.l3-tingkat button.aktif{background:var(--c-amber-cta);border-color:var(--c-amber-cta);color:var(--c-amber-cta-ink);box-shadow:0 2px 0 var(--c-amber-cta-edge)}.l3-soal h3{margin:12px 0 0;font:800 1.15rem/1.25 var(--font-display);color:var(--c-ink)}.l3-cerita{margin:6px 0 0;font-size:15px;font-weight:600;line-height:1.6;color:var(--c-ink)}.l3-var{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;font-weight:800;color:var(--c-ink-2)}.l3-var code{font:700 12px/1 var(--font-mono);background:var(--c-card);border:1.5px solid var(--c-blok-variabel);color:#834100;color:oklch(45% .12 55);border-radius:var(--r-pill);padding:5px 10px}.l3-uji-info{margin-top:10px;background:var(--c-paper);border:1.5px dashed var(--c-tepi);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;line-height:1.5;color:var(--c-ink-2)}.l3-petunjuk{margin:12px 0 0;padding-left:22px;font-size:13.5px;font-weight:600;line-height:1.7;color:var(--c-ink)}.l3-soal .misi3-umpan{margin-top:10px}.l3-cek{background:var(--c-card);border:2px solid var(--c-tepi);border-radius:14px;padding:12px 14px;display:grid;gap:8px}.l3-cek-judul{font:800 13px/1.2 var(--font-display);color:var(--c-teal-deep)}.l3-cek ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.l3-cek li{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;line-height:1.35;color:var(--c-ink-2)}.l3-cek li.ok{color:var(--c-hijau-deep)}.l3-cek-kotak{flex:none;width:18px;height:18px;border-radius:6px;border:2px solid var(--c-tepi);background:var(--c-card);display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:var(--c-card)}.l3-cek li.ok .l3-cek-kotak{background:var(--c-green);border-color:var(--c-green)}.l3-cek .al-ikon{width:18px;height:12px}.l3-cek .al-ikon.cabang{width:16px;height:14px}.l3-uji{display:grid;gap:4px;font-size:12px;font-weight:700;line-height:1.4}.l3-uji .ok{color:var(--c-hijau-deep)}.l3-uji .salah{color:var(--c-awas-ink)}.l3-uji-saran{background:var(--c-awas);border:1.5px solid var(--c-awas-garis);border-radius:8px;padding:6px 9px;color:var(--c-awas-ink);font-weight:600}.ev{--ev-aksen: var(--c-coral);--ev-soft: var(--c-coral-soft);--ev-ink: var(--c-amber-ink);--ev-tepi: oklch(52% .13 37)}.ev.sampah{--ev-aksen: var(--c-sampah);--ev-soft: var(--c-sampah-soft);--ev-ink: var(--c-hijau-deep);--ev-tepi: oklch(40% .1 162)}.ev-catatan{margin-top:10px;font-size:12.5px;font-weight:700;line-height:1.55;color:var(--c-ink);background:var(--c-card);border:1.5px dashed var(--c-rule-2);border-radius:12px;padding:9px 13px}.ev-butir{background:var(--c-card);border:2px solid var(--c-rule);border-radius:14px;padding:13px 15px;box-shadow:0 4px 0 var(--c-rule)}.ev-kepala{display:flex;align-items:flex-start;gap:8px}.ev-untai{font-size:10.5px;font-weight:900;letter-spacing:.4px;color:var(--ev-ink)}.ev-tanya{font-family:var(--font-display);font-weight:800;font-size:14px;line-height:1.35;color:var(--c-ink);margin:4px 0 10px}.ev-opsi-daftar{display:flex;flex-direction:column;gap:7px}.ev-opsi{display:flex;align-items:center;gap:9px;text-align:left;background:var(--c-card);color:var(--c-ink);border:2px solid var(--c-rule-2);border-radius:10px;padding:9px 12px;font:700 13px/1.4 var(--font-body);cursor:pointer;transition:border-color var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}.ev-opsi:hover:not(:disabled){border-color:var(--ev-aksen)}.ev-opsi:focus-visible{outline:3px solid var(--c-amber);outline-offset:2px}.ev-opsi[aria-pressed=true]{background:var(--ev-soft);border-color:var(--ev-aksen)}.ev-opsi:disabled{cursor:default}.ev-opsi:disabled:not([aria-pressed=true]){opacity:.55}.ev-huruf{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;font-weight:900;background:var(--c-rule);color:var(--c-mute)}.ev-opsi[aria-pressed=true] .ev-huruf{background:var(--ev-aksen);color:var(--c-card)}.ev-kumpul{margin-top:14px;display:grid;gap:10px}.ev-syarat{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:12.5px;font-weight:700;color:var(--c-mute)}.ev-syarat li{display:flex;gap:8px;align-items:baseline}.ev-syarat li[data-ok=true]{color:var(--c-hijau-deep)}.ev-syarat li span{width:14px;font-weight:900}.ev-tombol{background:var(--ev-aksen);color:var(--c-card);border:none;border-radius:14px;padding:13px 18px;font:800 15px/1.2 var(--font-display);cursor:pointer;box-shadow:0 5px 0 var(--ev-tepi);transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.ev-tombol:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 0 var(--ev-tepi)}.ev-tombol:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--ev-tepi)}.ev-tombol:disabled{background:var(--c-rule-2);color:var(--c-mute);box-shadow:none;cursor:not-allowed}.ev-tombol:focus-visible,.ev-tombol-garis:focus-visible{outline:3px solid var(--c-amber);outline-offset:3px}.ev-tombol-garis{background:var(--c-card);color:var(--c-ink);border:2px solid var(--c-rule-2);border-radius:14px;padding:11px 18px;font:800 14px/1.2 var(--font-body);cursor:pointer}.ev-yakin{background:var(--c-card);border:2px solid var(--ev-aksen);border-radius:14px;padding:12px 14px;font-size:13px;font-weight:700;line-height:1.55;color:var(--c-ink)}.ev-yakin-tombol{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ev-terkunci{margin-top:14px;display:flex;gap:12px;align-items:flex-start;background:var(--c-green-soft);border:2px solid var(--c-mint-garis);border-radius:14px;padding:12px 15px;font-size:13px;font-weight:700;line-height:1.55;color:var(--c-hijau-deep)}.ev-terkunci>div>div{font-weight:600;color:var(--c-ink);margin-top:2px}.ev-gembok{font-size:22px;line-height:1}.rc{--rc-ink: oklch(25% .03 255);--rc-aksen: oklch(45% .13 260);--rc-garis: oklch(80% .02 255);--rc-lembut: oklch(96.5% .012 255);--rc-redup: oklch(45% .03 255);color:var(--rc-ink);font-family:var(--font-body);font-size:10pt;line-height:1.35;background:#fff}.rc h1{font:800 16pt/1.1 var(--font-display);margin:.3mm 0;color:var(--rc-ink)}.rc h2{display:flex;align-items:center;gap:2.5mm;font:800 11pt/1.2 var(--font-display);color:var(--rc-aksen);margin:0 0 1.5mm;padding-bottom:.8mm;border-bottom:1.5px solid var(--rc-aksen)}.rc h2 span{display:inline-grid;place-items:center;width:5.5mm;height:5.5mm;border-radius:50%;background:var(--rc-aksen);color:#fff;font-size:9pt}.rc-kop{display:flex;align-items:center;gap:4mm;padding-bottom:2mm;border-bottom:3px double var(--rc-ink)}.rc-lambang{width:11.5mm;height:11.5mm;border-radius:50%;display:grid;place-items:center;font-size:17pt;border:2px solid var(--rc-aksen);flex:none}.rc-kecil{font-size:8.5pt;font-weight:800;letter-spacing:.3px;color:var(--rc-redup)}.rc-identitas{width:100%;border-collapse:collapse;margin:2mm 0 3mm;font-size:10pt}.rc-identitas th{text-align:left;font-weight:800;color:var(--rc-redup);width:18%;padding:.7mm 2mm .7mm 0;white-space:nowrap}.rc-identitas td{font-weight:800;padding:.7mm 4mm .7mm 0;border-bottom:1px dotted var(--rc-garis)}.rc-bagian{margin-bottom:2.6mm;break-inside:avoid}.rc-tabel{width:100%;border-collapse:collapse;font-size:9.5pt}.rc-tabel th,.rc-tabel td{border:1px solid var(--rc-garis);padding:.7mm 2.5mm;text-align:left}.rc-tabel thead th,.rc-tabel tfoot th,.rc-tabel tfoot td{background:var(--rc-lembut);font-weight:800}.rc-tengah{text-align:center!important;white-space:nowrap}.rc-ket{font-size:8pt;color:var(--rc-redup);margin:1mm 0 0}.rc-baris{margin:.8mm 0}.rc-kosong{margin:1mm 0;padding:2mm 3mm;border:1px dashed var(--rc-garis);border-radius:2mm;color:var(--rc-redup);font-style:italic}.rc-dua{display:grid;grid-template-columns:1fr 1fr;gap:6mm}.rc-garis{height:6mm;border-bottom:1px solid var(--rc-garis)}.rc-ttd{display:grid;grid-template-columns:1fr 1fr;gap:10mm;text-align:center;font-weight:800;margin-top:2mm;break-inside:avoid}.rc-ttd-ruang{height:13mm}.rc-kaki{margin-top:2mm;padding-top:1.2mm;border-top:1px solid var(--rc-garis);font-size:8pt;color:var(--rc-redup);text-align:center}.rc-layar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#1822309e;overflow-y:auto;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px}.rc-layar-alat{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:min(210mm,100%);background:var(--c-card);border-radius:14px;padding:10px 14px;box-shadow:0 6px 18px #0003}.rc-layar-alat b{flex:1;font-family:var(--font-display);color:var(--c-ink)}.rc-layar-cetak{background:var(--c-biru);color:#fff;border:none;border-radius:10px;padding:9px 16px;font:800 13.5px/1 var(--font-body);cursor:pointer}.rc-layar-tutup{background:var(--c-card);color:var(--c-ink);border:2px solid var(--c-rule-2);border-radius:10px;padding:7px 14px;font:800 13.5px/1 var(--font-body);cursor:pointer}.rc-layar-cetak:focus-visible,.rc-layar-tutup:focus-visible{outline:3px solid var(--c-amber);outline-offset:2px}.rc-kertas{flex:none;width:min(210mm,100%);background:#fff;border-radius:4px;padding:12mm;box-shadow:0 14px 40px #00000059}@media (max-width: 560px){.rc-kertas{padding:16px 14px}.rc-dua,.rc-ttd{grid-template-columns:1fr;gap:3mm}}.login-isian::placeholder{font-weight:600;color:#9db6bb;opacity:1}.kj-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px 24px;align-items:center}.kj-hero-gambar{margin:0;border-radius:22px;box-shadow:var(--shadow-timbul)}.kj-hero-gambar svg{border-radius:22px}.kj-hero-teks{display:grid;gap:12px;align-content:center;min-width:0}.kj-hero-teks p{margin:0;font-size:15.5px;font-weight:600;line-height:1.55;color:var(--c-ink-2)}.kj-hero-teks p.kj-lead{font:800 1.25rem/1.4 var(--font-display);color:var(--c-ink)}.kj-hero-teks p.kj-kunci,.kas-kunci{margin:0;padding:10px 14px;border-radius:14px;background:var(--c-teal-deep);color:var(--c-on-blok);font:800 1.08rem/1.35 var(--font-display);box-shadow:0 4px color-mix(in oklch,var(--c-teal-deep) 65%,black)}.kj-aksi{display:flex;flex-wrap:wrap;gap:10px}.kj-tombol.besar{padding:13px 20px;font:800 1.05rem/1.2 var(--font-display)}.kj-bagian{display:grid;gap:10px}.kj-judul{margin:6px 0 0;display:flex;align-items:center;gap:12px;font:800 1.15rem/1.25 var(--font-display);color:var(--ins)}.kj-judul:after{content:"";flex:1;height:2px;border-radius:2px;background:var(--c-rule)}.kj-sub{margin:-4px 0 0;font-size:13.5px;font-weight:700;line-height:1.5;color:var(--c-ink-2)}.kj-terbuka{display:grid;gap:6px;background:var(--c-teal-soft);border:2px solid var(--c-teal);border-radius:18px;padding:12px 16px 14px}.kj-terbuka-judul{margin:0;font:800 1.1rem/1.25 var(--font-display);color:var(--c-teal-deep)}.kj-terbuka-utama{margin:0;font:800 1.02rem/1.45 var(--font-display);color:var(--c-ink)}.kj-terbuka ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}.kj-terbuka li{position:relative;padding-left:18px;font-size:14px;font-weight:600;line-height:1.5;color:var(--c-ink)}.kj-terbuka li:before{content:"";position:absolute;left:3px;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--c-teal)}.kj-terbuka-status{margin:2px 0 0;font-size:13.5px;font-weight:700;color:var(--c-teal-deep)}.kj-siap{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kj-siap li{display:grid;gap:8px;align-content:start;background:var(--c-card);border:2px solid var(--c-rule-2);border-bottom-width:4px;border-radius:16px;padding:10px 12px 12px}.kj-siap-ikon{width:86px}.kj-siap-teks{display:grid;gap:3px;align-content:start}.kj-siap-teks b{font:800 15px/1.25 var(--font-display);color:var(--c-ink)}.kj-siap-teks span{font-size:13.5px;font-weight:600;line-height:1.45;color:var(--c-ink-2)}.kj-siap-teks .kj-tombol{justify-self:start;margin-top:6px;padding:8px 12px;font-size:13px}.kj-janji{display:grid;gap:8px;background:var(--c-card);border:2px solid var(--ins);border-radius:18px;padding:12px 14px 14px}.kj-janji-judul{margin:0;font:800 1.15rem/1.25 var(--font-display);color:var(--ins)}.kj-janji-sub{margin:-4px 0 2px;font-size:13.5px;font-weight:700;color:var(--c-ink-2)}.kj-janji ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kj-janji li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;background:var(--ins-soft);border-radius:14px;padding:8px 12px 8px 8px;font-size:14px;font-weight:700;line-height:1.4;color:var(--c-ink)}.kj-janji-ikon{width:54px;box-sizing:border-box;padding:5px;background:var(--c-card);border:2px solid var(--c-mint-garis);border-radius:50%}.kj-alur{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:kj-alur}.kj-langkah{counter-increment:kj-alur;position:relative;display:grid;gap:8px;align-content:start;background:var(--c-card);border:2px solid var(--c-rule-2);border-bottom-width:4px;border-radius:16px;padding:10px 10px 12px}.kj-langkah:before{content:counter(kj-alur);position:absolute;z-index:1;top:4px;left:4px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ins);color:var(--c-on-blok);font:800 18px/1 var(--font-display);box-shadow:0 3px color-mix(in oklch,var(--ins) 65%,black)}.kj-langkah p{margin:0;padding:0 2px;font-size:14.5px;font-weight:600;line-height:1.5;color:var(--c-ink)}.kj-langkah p b{display:block;font:800 15.5px/1.3 var(--font-display);color:var(--ins);margin-bottom:1px}.kj-bunyi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kj-bunyi-kartu{--bunyi: var(--c-coral);display:grid;gap:8px;align-content:start;background:var(--c-card);border:2.5px solid var(--bunyi);border-radius:18px;padding:10px 10px 12px;box-shadow:0 5px color-mix(in oklch,var(--bunyi) 70%,black),var(--shadow-timbul)}.kj-bunyi-kartu.lebih{--bunyi: var(--c-amber)}.kj-bunyi-kartu.pas{--bunyi: var(--c-hijau-deep)}.kj-bunyi-gambar{border:2px solid var(--c-rule);border-radius:14px}.kj-bunyi-teks{display:grid;gap:3px;padding:0 4px}.kj-bunyi-teks b{font:800 1.1rem/1.25 var(--font-display);color:var(--c-ink)}.kj-bunyi-nada{font-size:13px;font-weight:800;color:color-mix(in oklch,var(--bunyi) 75%,black)}.kj-bunyi-teks span:last-child{font-size:14px;font-weight:600;line-height:1.5;color:var(--c-ink)}.kj-isian{width:100%;min-height:84px;box-sizing:border-box;border:2px solid var(--c-rule-2);border-radius:12px;padding:10px 12px;font:600 14px/1.5 var(--font-body);color:var(--c-ink);background:var(--c-card);resize:vertical}.kj-isian:focus{outline:none;border-color:var(--ins)}.kj-isian::placeholder{color:var(--c-mute);font-weight:600}.kj-tombol{background:var(--ins);color:var(--c-on-blok);border:none;border-radius:12px;padding:10px 16px;font:800 14px/1.2 var(--font-body);cursor:pointer;box-shadow:0 4px #003823;box-shadow:0 4px oklch(30% .08 162)}.kj-tombol:active{transform:translateY(3px);box-shadow:0 1px #003823;box-shadow:0 1px oklch(30% .08 162)}.kj-tombol:focus-visible{outline:3px solid var(--c-amber);outline-offset:3px}@keyframes kj-ayun{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes kj-denyut{0%,to{opacity:1}50%{opacity:.3}}.kj-anim-koni{animation:kj-ayun 3.6s ease-in-out infinite}.kj-anim-pindai{animation:kj-denyut 1.8s ease-in-out infinite}.kj-anim-bunyi{animation:kj-denyut 1.1s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.kj-anim-koni,.kj-anim-pindai,.kj-anim-bunyi{animation:none}}@media (max-width: 1180px){.kj-siap{grid-template-columns:repeat(2,minmax(0,1fr))}.kj-siap li{grid-template-columns:80px minmax(0,1fr);align-items:center;gap:12px}.kj-siap-ikon{width:80px}.kj-janji ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.kj-hero{grid-template-columns:minmax(0,1fr)}.kj-alur{grid-template-columns:repeat(2,minmax(0,1fr))}.kj-bunyi{grid-template-columns:minmax(0,1fr)}.kj-bunyi-kartu{grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:center}}@media (max-width: 600px){.kj-hero-gambar,.kj-hero-gambar svg{border-radius:16px}.kj-hero-teks p{font-size:14.5px}.kj-hero-teks p.kj-lead{font-size:1.12rem}.kj-aksi .kj-tombol{flex:1 1 100%}.kj-siap{grid-template-columns:minmax(0,1fr);gap:8px}.kj-siap li{grid-template-columns:72px minmax(0,1fr);padding:8px 12px 10px 8px}.kj-siap-ikon{width:72px}.kj-janji ul{grid-template-columns:minmax(0,1fr);gap:8px}.kj-alur{grid-template-columns:minmax(0,1fr);gap:10px}.kj-langkah{padding:8px 8px 10px}.kj-bunyi-kartu{grid-template-columns:minmax(0,1fr)}.kj-terbuka{padding:12px}}.mk-hasil{font-weight:800;text-align:center;padding:2px 0}.mk-hasil.kurang{color:var(--c-awas-ink)}.mk-hasil.lebih{color:var(--c-amber-ink)}.mk-hasil.pas{color:var(--c-hijau-deep)}.mk-badan.lebih .mk-layar>div:last-child{color:var(--c-amber)}.mk-badan.pas .mk-layar>div:last-child{color:var(--c-mk-lcd)}.mk-besar .mk-layar{padding:10px 14px}.mk-besar .mk-layar>div{font-size:13px}.mk-besar .mk-layar>div.utama b{font-size:19px}.mk-besar .mk-layar>div:last-child b{font-size:22px;white-space:normal;text-align:right}.mk-besar .mk-kasir{width:54px;height:54px}.mk-besar .mk-jalan{padding:16px;font-size:1.2rem;margin-top:14px}.mk-besar .mk-struk{font-size:13.5px}.kas-pesan{--pesan: var(--c-coral);--pesan-latar: var(--c-awas);display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:start;margin-top:10px;background:var(--pesan-latar);border:2px solid var(--pesan);border-radius:14px;padding:10px 12px;animation:pop .3s}.kas-pesan.lebih{--pesan: var(--c-amber);--pesan-latar: var(--c-card)}.kas-pesan.pas{--pesan: var(--c-hijau-deep);--pesan-latar: var(--c-green-soft)}.kas-pesan-teks{display:grid;gap:3px;min-width:0}.kas-pesan-teks b{font:800 16px/1.25 var(--font-display);color:var(--c-ink)}.kas-pesan-teks>span{font-size:13px;font-weight:700;line-height:1.5;color:var(--c-ink)}.kas-pesan-teks .kas-pesan-beda{margin-top:4px;padding-top:6px;border-top:1.5px dashed var(--c-rule-2);color:var(--c-awas-ink);font-weight:700}.kas-pesan-tutup{grid-column:1 / -1;justify-self:end;background:none;border:none;color:var(--c-ink-2);font:800 12px var(--font-body);text-decoration:underline;cursor:pointer}.kas-pesan.besar{grid-template-columns:48px minmax(0,1fr);padding:14px 16px;margin-top:0}.kas-pesan.besar .kas-pesan-ikon{width:48px;height:48px}.kas-pesan.besar .kas-pesan-teks b{font-size:1.35rem}.kas-pesan.besar .kas-pesan-teks>span{font-size:15px}.kas-bisu{margin-top:8px;display:inline-flex;align-items:center;gap:6px;background:var(--c-card);color:var(--c-teal-deep);border:2px solid var(--c-teal);border-radius:var(--r-pill);padding:6px 12px;font:800 12.5px/1.2 var(--font-body);cursor:pointer}.kas-bisu.mati{color:var(--c-ink-2);border-color:var(--c-rule-2)}.kas-bisu:focus-visible,.kas-keluar:focus-visible,.kas-utama:focus-visible,.kas-kedua:focus-visible{outline:3px solid var(--c-amber);outline-offset:2px}.kas-tanpa-kamera{margin-top:14px;display:grid;gap:8px;text-align:left;background:var(--c-awas);border:2px solid var(--c-awas-garis);border-radius:14px;padding:12px 14px}.kas-tanpa-kamera p{margin:0;font-size:13px;font-weight:700;color:var(--c-awas-ink)}.kas-tanpa-kamera b{font:800 15px/1.3 var(--font-display);color:var(--c-ink)}.kas-tanpa-kamera>span{font-size:12.5px;font-weight:600;line-height:1.5;color:var(--c-ink-2)}.kas-pilih-jajan button,.kas-pilih-uang button{border-color:var(--c-teal);color:var(--c-teal-deep);padding:9px 12px;font-size:14px}.kas-cek-asli{font-weight:800!important;color:var(--c-ink)!important}.kas-mode{--ins: var(--c-teal-deep);position:fixed;top:0;right:0;bottom:0;left:0;z-index:20010;overflow-y:auto;background:var(--c-mint);padding:16px 16px 80px;box-sizing:border-box}.kas-mode-dalam{max-width:1120px;margin:0 auto;display:grid;gap:12px}.kas-mode-kepala{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--c-teal-deep);color:var(--c-on-blok);border-radius:20px;padding:10px 16px;box-shadow:0 5px color-mix(in oklch,var(--c-teal-deep) 65%,black),var(--shadow-timbul)}.kas-mode-koni{flex:none;background:var(--c-card);border-radius:50%;padding:2px}.kas-mode-nama{flex:1 1 200px;min-width:0}.kas-mode-tahap{display:block;font-size:11.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.kas-mode-nama h2,.kas-hitung-kepala h2{margin:2px 0 0;font:800 1.45rem/1.15 var(--font-display)}.kas-mode-nama h2:focus,.kas-hitung-kepala h2:focus{outline:none}.kas-mode-kepala .kas-bisu{margin:0}.kas-keluar{background:var(--c-card);color:var(--c-teal-deep);border:none;border-radius:12px;padding:9px 14px;font:800 13.5px/1.2 var(--font-body);cursor:pointer;box-shadow:0 3px color-mix(in oklch,var(--c-teal-deep) 60%,black)}.kas-keluar:disabled{opacity:.6;cursor:not-allowed}.kas-kunci{text-align:center;font-size:1.2rem}.kas-terbuka{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;background:var(--c-card);border:2px solid var(--c-teal);border-radius:14px;padding:10px 14px;font-size:14.5px;font-weight:700;color:var(--c-ink)}.kas-terbuka b{font:800 14px/1.2 var(--font-display);color:var(--c-teal-deep);text-transform:uppercase;letter-spacing:.05em}.kas-mode-isi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:16px;align-items:start}.kas-langkah{list-style:none;margin:0;padding:0;display:grid;gap:8px}.kas-langkah li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;background:var(--c-card);border:2px solid var(--c-rule-2);border-radius:14px;padding:8px 12px 8px 8px;font-size:14.5px;font-weight:600;line-height:1.45;color:var(--c-ink-2)}.kas-langkah li b{display:block;font:800 15.5px/1.25 var(--font-display);color:var(--c-ink)}.kas-langkah-no{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--c-teal-soft);color:var(--c-teal-deep);font:800 16px/1 var(--font-display)}.kas-langkah li.kini{border-color:var(--c-amber);box-shadow:0 4px color-mix(in oklch,var(--c-amber) 70%,black);color:var(--c-ink)}.kas-langkah li.kini .kas-langkah-no{background:var(--c-amber);color:var(--c-ink)}.kas-langkah li.kini.awas{border-color:var(--c-coral);box-shadow:0 4px color-mix(in oklch,var(--c-coral) 70%,black);background:var(--c-awas)}.kas-langkah li.kini.awas .kas-langkah-no{background:var(--c-coral);color:#fff}.kas-langkah li.lewat{opacity:.72}.kas-langkah li.lewat .kas-langkah-no{background:var(--c-hijau-deep);color:#fff}.kas-mode-mesin{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;max-width:400px;justify-self:center}.kas-mode-mesin .kas-sesudah{order:-1}.kas-sesudah{display:grid;gap:10px;background:var(--c-card);border-radius:18px;padding:12px;box-shadow:var(--shadow-timbul)}.kas-sesudah p{margin:0;font-size:14.5px;font-weight:600;line-height:1.5;color:var(--c-ink)}.kas-sesudah .kas-gagal{color:var(--c-awas-ink);font-weight:700}.kas-sesudah-tombol{display:flex;flex-wrap:wrap;gap:8px}.kas-utama{flex:1 1 160px;background:var(--c-amber-cta);color:var(--c-amber-cta-ink);border:none;border-radius:14px;padding:14px 16px;font:800 1.15rem/1.2 var(--font-display);cursor:pointer;box-shadow:0 4px 0 var(--c-amber-cta-edge)}.kas-utama:active{transform:translateY(3px);box-shadow:0 1px 0 var(--c-amber-cta-edge)}.kas-utama:disabled,.kas-kedua:disabled{opacity:.6;cursor:not-allowed;transform:none}.kas-kedua{flex:1 1 140px;background:var(--c-card);color:var(--c-teal-deep);border:2px solid var(--c-teal);border-radius:14px;padding:12px 14px;font:800 14.5px/1.2 var(--font-body);cursor:pointer}.kas-catatan{margin:0;font-size:13px;font-weight:700;line-height:1.5;color:var(--c-ink-2)}.kas-belum{display:grid;gap:8px;background:var(--c-card);border:2px solid var(--c-awas-garis);border-radius:18px;padding:14px 16px}.kas-belum h3{margin:0;font:800 1.2rem/1.25 var(--font-display);color:var(--c-awas-ink)}.kas-belum p{margin:0;font-size:14.5px;font-weight:600;color:var(--c-ink)}.kas-belum ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.kas-belum li{display:grid;gap:8px;grid-template-columns:28px minmax(0,1fr);align-items:start;background:var(--c-awas);border-radius:12px;padding:10px 12px;font-size:14.5px;font-weight:700;line-height:1.5;color:var(--c-ink)}.kas-belum li:before{content:"!";width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--c-coral);color:#fff;font:800 15px/1 var(--font-display)}.kas-belum li.ok{background:var(--c-green-soft)}.kas-belum li.ok:before{content:"✓";background:var(--c-hijau-deep)}.kas-belum li>button,.kas-belum-aksi{grid-column:2;justify-self:start}.kas-belum-aksi{display:flex;flex-wrap:wrap;gap:8px}.kas-mode-kaki{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;background:var(--c-card);border:2px solid var(--c-rule-2);border-radius:16px;padding:10px 14px;font-size:14px;font-weight:600;color:var(--c-ink)}.kas-mode-kaki>span{flex:1 1 200px}.kas-isian{display:grid;gap:4px;align-content:start;flex:1 1 260px;font-size:13.5px;font-weight:800;color:var(--c-ink)}.kas-isian-kotak{display:flex;align-items:center;border:2px solid var(--c-rule-2);border-radius:12px;background:var(--c-card);overflow:hidden}.kas-isian-kotak:focus-within{border-color:var(--c-teal)}.kas-isian-kotak i{font-style:normal;padding:0 4px 0 12px;color:var(--c-ink-2);font-weight:800}.kas-isian input{flex:1;min-width:0;border:none;outline:none;padding:10px 12px 10px 4px;font:800 16px/1.2 var(--font-body);color:var(--c-ink);background:transparent}.kas-isian small{font-size:12.5px;font-weight:600;color:var(--c-ink-2)}.kas-hitung-latar{--ins: var(--c-teal-deep);position:fixed;top:0;right:0;bottom:0;left:0;z-index:20020;overflow-y:auto;background:#04262d8c;padding:16px;box-sizing:border-box}.kas-hitung{max-width:900px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;background:var(--c-mint);border-radius:22px;padding:14px;box-shadow:0 24px 60px #0000004d}.kas-hitung-kepala{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--c-teal-deep);color:var(--c-on-blok);border-radius:16px;padding:10px 16px}.kas-hitung-kepala>div{flex:1 1 200px;min-width:0}.kas-hitung-sub{margin:0;font-size:14px;font-weight:700;line-height:1.5;color:var(--c-ink)}.kas-hitung section{display:grid;gap:10px;background:var(--c-card);border-radius:18px;padding:12px 14px;box-shadow:var(--shadow-timbul)}.kas-sub-judul{margin:0;font:800 1.12rem/1.25 var(--font-display);color:var(--c-teal-deep)}.kas-angka{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.kas-angka>div{display:grid;gap:2px;align-content:start;background:var(--c-teal-soft);border-radius:14px;padding:10px 12px}.kas-angka>div.jujur{background:var(--c-green-soft)}.kas-angka dt{font-size:12.5px;font-weight:800;color:var(--c-ink-2)}.kas-angka dd{margin:0;font:800 1.35rem/1.2 var(--font-display);color:var(--c-ink)}.kas-angka small{font-size:12px;font-weight:700;color:var(--c-ink-2)}.kas-kotak-isian{display:flex;flex-wrap:wrap;gap:12px}.kas-rumus{display:grid;gap:4px;max-width:460px}.kas-rumus>div{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;font-weight:700;color:var(--c-ink);padding:3px 0}.kas-rumus>div.garis{border-top:2px solid var(--c-rule-2);padding-top:6px}.kas-rumus b{font:800 16px/1.2 var(--font-display);white-space:nowrap}.kas-selisih{margin:0;padding:10px 12px;border-radius:12px;background:var(--c-teal-soft);font:800 1.05rem/1.4 var(--font-display);color:var(--c-ink)}.kas-selisih.sama{background:var(--c-green-soft)}.kas-refleksi{margin:0;padding-left:22px;display:grid;gap:6px;font-size:14.5px;font-weight:600;line-height:1.5;color:var(--c-ink)}.kas-rincian{background:var(--c-card);border-radius:16px;padding:10px 14px}.kas-rincian summary{cursor:pointer;font:800 15px/1.3 var(--font-display);color:var(--c-teal-deep)}.kas-tabel-wadah{overflow-x:auto;margin-top:8px}.kas-tabel{width:100%;border-collapse:collapse;font-size:12.5px}.kas-tabel th,.kas-tabel td{text-align:left;padding:6px 8px;border-bottom:1.5px solid var(--c-rule);vertical-align:top}.kas-tabel th{font-weight:800;color:var(--c-ink-2);white-space:nowrap}.kas-arsip{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px}.kas-arsip li{display:grid;gap:2px;font-size:13px;font-weight:600;color:var(--c-ink)}.kas-hitung-tombol{display:flex;flex-wrap:wrap;gap:8px}.kas-cetak{display:none}@media print{html[data-cetak=kas],html[data-cetak=kas] body{background:#fff!important}html[data-cetak=kas] body>*:not(.kas-cetak){display:none!important}html[data-cetak=kas] .kas-cetak{display:block!important}html[data-cetak=kas] .kas-cetak *{-webkit-print-color-adjust:exact;print-color-adjust:exact;animation:none!important}}.kas-lembar{font:500 11pt/1.45 var(--font-body);color:#123b42}.kas-lembar h1{margin:0;font:800 18pt/1.2 var(--font-display)}.kas-lembar h2{margin:12pt 0 4pt;font:800 12.5pt/1.25 var(--font-display);color:#007082}.kas-lembar-sub{margin:2pt 0 0;font-size:10pt}.kas-lembar-tabel,.kas-lembar .kas-tabel{width:100%;border-collapse:collapse;font-size:10pt}.kas-lembar-tabel th,.kas-lembar-tabel td,.kas-lembar .kas-tabel th,.kas-lembar .kas-tabel td{border:1px solid #9fbfc4;padding:4pt 6pt;text-align:left;vertical-align:top}.kas-lembar-tabel th{width:42%;background:#eef8f9}.kas-lembar .kas-tabel tr{break-inside:avoid}.kas-lembar-catatan{font-size:9.5pt;margin:4pt 0 0}.kas-lembar-refleksi{margin:0;padding-left:16pt}.kas-lembar-refleksi li{margin-bottom:8pt;break-inside:avoid}.kas-lembar-refleksi i{display:block;height:18pt;border-bottom:1px solid #9fbfc4}@media (max-width: 860px){.kas-mode-isi{grid-template-columns:minmax(0,1fr)}.kas-mode-mesin{order:-1}}@media (max-width: 600px){.kas-mode{padding:10px 10px 76px}.mk-besar .mk-layar>div:last-child b{font-size:18px}.kas-mode-kepala{padding:10px 12px}.kas-mode-nama h2,.kas-hitung-kepala h2{font-size:1.2rem}.kas-kunci{font-size:1.02rem}.kas-langkah li{font-size:13.5px}.kas-hitung-latar{padding:8px}.kas-hitung{padding:10px}.kas-hitung section{padding:12px}}.mk-koreksi{font-size:.86em;font-weight:800;color:var(--c-awas-ink)}.kas-sub{font:800 14px/1.3 var(--font-display);color:var(--c-hijau-deep)}.kas-tautan{background:none;border:none;padding:0;font:700 12px/1.3 var(--font-body);color:var(--c-hijau-deep);text-decoration:underline;cursor:pointer;justify-self:start}.kas-tautan:focus-visible,.kas-cek button:focus-visible{outline:3px solid var(--c-amber);outline-offset:2px}.kas-cek{margin-top:14px;display:grid;gap:8px;text-align:left}.kas-cek p{margin:0;font-size:13px;font-weight:700;color:var(--c-ink-2)}.kas-cek-ai{font:800 17px/1.3 var(--font-display);color:var(--c-ink)}.kas-cek-ok{background:var(--c-hijau-deep);color:#fff;border:none;border-radius:12px;padding:12px;font:800 15px/1.2 var(--font-display);cursor:pointer}.kas-cek-ok:disabled{background:var(--c-rule-2);color:var(--c-mute);cursor:not-allowed}.kas-cek-pilih{display:flex;flex-wrap:wrap;gap:6px}.kas-cek-pilih button{background:var(--c-card);border:2px solid var(--c-awas-garis);color:var(--c-awas-ink);border-radius:10px;padding:6px 10px;font:800 13px var(--font-body);cursor:pointer}.l3-uji-jujur{background:var(--c-green-soft);border:1.5px solid var(--c-mint-garis);border-radius:8px;padding:6px 9px;color:var(--c-hijau-deep);font-weight:700}.kj-tombol.garis{background:var(--c-card);color:var(--ins);border:2px solid var(--ins);box-shadow:none}.kj-tombol:disabled{opacity:.55;cursor:not-allowed}.kj-status{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.kj-status>span{flex:1 1 220px;font-size:13px;font-weight:800;color:var(--c-awas-ink)}.kj-status>span.siap{color:var(--c-hijau-deep)}.ins .kj-tombol:not(.garis){box-shadow:0 4px color-mix(in oklch,var(--ins) 70%,black)}.sj{min-height:100vh;background:var(--c-paper);padding:26px 24px 80px}.sj-wadah{max-width:980px;margin:0 auto;display:grid;gap:14px}.sj-kepala{display:flex;align-items:center;gap:14px;background:var(--c-teal-deep);color:var(--c-on-blok);border-radius:20px;padding:14px 20px;box-shadow:0 6px 0 var(--c-tepi-teal)}.sj-kepala h1{margin:2px 0 0;font:800 1.5rem/1.1 var(--font-display)}.sj-label{font-size:11.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;opacity:.85}.sj-kembali{background:#ffffff2e;color:inherit;border:1.5px solid rgba(255,255,255,.45);border-radius:12px;padding:8px 12px;font:800 13px var(--font-body);cursor:pointer}.sj-kartu{background:var(--c-card);border:2px solid var(--c-rule);border-radius:18px;padding:16px 18px;box-shadow:0 6px 0 var(--c-tepi),var(--shadow-timbul);display:grid;gap:10px}.sj-kartu h2{display:flex;align-items:center;gap:8px;margin:0;font:800 1.15rem/1.2 var(--font-display);color:var(--c-ink)}.sj-kartu h2 span{width:26px;height:26px;border-radius:50%;background:var(--c-teal-deep);color:#fff;display:inline-grid;place-items:center;font-size:14px;flex:none}.sj-ket{margin:0;font-size:13.5px;font-weight:600;color:var(--c-ink-2);line-height:1.55}.sj-pesan{margin:0;font-size:13px;font-weight:700;color:var(--c-awas-ink);background:var(--c-awas);border-radius:10px;padding:8px 12px}.sj-kosong{margin:0;font-size:13px;font-weight:700;color:var(--c-mute)}.sj-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sj-form input{flex:1 1 160px;min-width:0;border:2px solid var(--c-rule-2);border-radius:12px;padding:10px 12px;font:700 15px var(--font-body);color:var(--c-ink);background:var(--c-card)}.sj-form input:focus{outline:none;border-color:var(--c-teal)}.sj-rp{font-weight:900;color:var(--c-mute)}.sj-tombol{background:var(--c-teal-deep);color:#fff;border:none;border-radius:12px;padding:11px 18px;font:800 14px/1.2 var(--font-body);cursor:pointer;box-shadow:0 4px 0 var(--c-tepi-teal);justify-self:start}.sj-tombol.garis{background:var(--c-card);color:var(--c-teal-deep);border:2px solid var(--c-teal-deep);box-shadow:none}.sj-tombol:disabled{background:var(--c-rule-2);color:var(--c-mute);box-shadow:none;border-color:transparent;cursor:not-allowed}.sj-tombol:focus-visible,.sj-item button:focus-visible,.sj-kembali:focus-visible,.sj-tautan:focus-visible{outline:3px solid var(--c-amber);outline-offset:2px}.sj-tautan{background:none;border:none;padding:0;font:700 12.5px var(--font-body);color:var(--c-teal-deep);text-decoration:underline;cursor:pointer;justify-self:start}.sj-daftar{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.sj-item{position:relative}.sj-item>button:first-child{width:100%;display:grid;gap:1px;text-align:left;background:var(--c-card);border:2px solid var(--c-rule-2);border-radius:12px;padding:9px 30px 9px 12px;cursor:pointer;font-family:var(--font-body);color:var(--c-ink)}.sj-item[data-aktif=true]>button:first-child{border-color:var(--c-teal-deep);background:var(--c-teal-soft);box-shadow:0 3px 0 var(--c-teal-deep)}.sj-item b{font-size:14px}.sj-item span{font-size:13px;font-weight:800;color:var(--c-teal-deep)}.sj-item small{font-size:11.5px;font-weight:700;color:var(--c-mute)}.sj-hapus{position:absolute;top:6px;right:6px;background:none;border:none;color:var(--c-mute);font-weight:900;cursor:pointer;padding:2px 6px}.sj-foto{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start}.sj-video{position:relative;flex:1 1 320px;max-width:480px;border-radius:14px;overflow:hidden;background:#0f2438;border:3px solid var(--c-teal)}.sj-video video{width:100%;height:240px;object-fit:cover;display:block}.sj-bingkai{position:absolute;top:14%;right:10%;bottom:14%;left:10%;border:3px dashed rgba(255,255,255,.75);border-radius:14px;pointer-events:none}.sj-video-ket{position:absolute;left:0;right:0;bottom:0;background:#0a1428b8;color:#dff3ff;font-size:13px;font-weight:800;padding:6px 10px}.sj-foto-aksi{flex:1 1 220px;display:grid;gap:8px;align-content:start}.sj-thumb{display:flex;flex-wrap:wrap;gap:4px}.sj-thumb img{width:48px;height:24px;object-fit:cover;border-radius:4px;border:1px solid var(--c-rule-2)}.sj-hasil{display:grid;gap:6px;background:var(--c-green-soft);border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:600}.sj-hasil ul{margin:0;padding-left:18px}@media (max-width: 560px){.sj{padding:16px 12px 80px}.sj-kepala{padding:12px 14px}}.sinkron{display:inline-flex;gap:8px;align-items:center;font-size:12.5px;font-weight:800;border-radius:999px;padding:3px 10px;background:var(--c-green-soft);color:var(--c-hijau-deep)}.sinkron.lokal{background:var(--c-amber-soft);color:var(--c-amber-ink)}.sinkron.offline,.sinkron.galat,.sinkron.sesi{background:var(--c-awas);color:var(--c-awas-ink)}.sinkron.menunggu,.sinkron.mengirim,.sinkron.mati{background:var(--c-teal-soft);color:var(--c-teal-deep)}.sinkron .btn-teks{font-size:12.5px;padding:0}.dg{min-height:100vh;background:var(--c-paper);padding:24px 20px 80px}.dg-wadah{max-width:1180px;margin:0 auto;display:grid;gap:14px}.dg-kepala{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--c-teal-deep);color:#fff;border-radius:20px;padding:14px 20px;box-shadow:0 6px 0 var(--c-tepi-teal)}.dg-kepala>div{flex:1 1 200px}.dg-kepala h1{margin:2px 0 0;font:800 1.45rem/1.15 var(--font-display)}.dg-label{font-size:11.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;opacity:.85}.dg-kartu{background:var(--c-card);border:2px solid var(--c-rule);border-radius:18px;padding:16px 18px;box-shadow:0 6px 0 var(--c-tepi),var(--shadow-timbul);display:grid;gap:12px}.dg-kartu h2{margin:0;font:800 1.2rem/1.2 var(--font-display);color:var(--c-ink)}.dg-ket{margin:0;font-size:13px;font-weight:600;color:var(--c-ink-2);line-height:1.55}.dg-pesan{background:var(--c-amber-soft);border:1.5px solid var(--c-amber);border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:700;color:var(--c-amber-ink)}.dg-form{display:flex;gap:8px;flex-wrap:wrap}.dg-form input{flex:1 1 220px;min-width:0;border:2px solid var(--c-rule-2);border-radius:12px;padding:10px 12px;font:700 15px var(--font-body);color:var(--c-ink)}.dg-form input:focus{outline:none;border-color:var(--c-teal)}.dg-tombol{background:var(--c-teal-deep);color:#fff;border:none;border-radius:12px;padding:10px 16px;font:800 14px/1.2 var(--font-body);cursor:pointer;box-shadow:0 4px 0 var(--c-tepi-teal);white-space:nowrap}.dg-tombol.garis{background:var(--c-card);color:var(--c-teal-deep);border:2px solid var(--c-teal-deep);box-shadow:none}.dg-tombol.garis.terang{background:transparent;color:#fff;border-color:#fff9}.dg-tombol:disabled{opacity:.5;cursor:not-allowed}.dg-tombol:focus-visible,.dg-kelas:focus-visible,.dg-tautan:focus-visible{outline:3px solid var(--c-amber);outline-offset:2px}.dg-tautan{background:none;border:none;padding:0 4px;font:800 12.5px var(--font-body);color:var(--c-teal-deep);text-decoration:underline;cursor:pointer}.dg-tautan.merah{color:var(--c-awas-ink)}.dg-kelas-daftar{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.dg-kelas{display:grid;gap:3px;text-align:left;background:var(--c-card);border:2px solid var(--c-rule-2);border-radius:14px;padding:10px 14px;cursor:pointer;font-family:var(--font-body);color:var(--c-ink)}.dg-kelas[aria-selected=true]{border-color:var(--c-teal-deep);background:var(--c-teal-soft);box-shadow:0 3px 0 var(--c-teal-deep)}.dg-kelas b{font:800 16px var(--font-display)}.dg-kelas small{font-size:12px;font-weight:700;color:var(--c-mute)}.dg-kode{font:800 15px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:1px;color:var(--c-teal-deep)}.dg-kode.besar{background:var(--c-teal-soft);border-radius:10px;padding:6px 12px;font-size:17px}.dg-baris{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dg-spasi{flex:1}.dg-ringkas{display:flex;gap:8px;flex-wrap:wrap}.dg-ringkas span{background:var(--c-teal-soft);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700;color:var(--c-ink)}.dg-ringkas-kem{margin-top:8px;align-items:center}.dg-ringkas-kem span{background:var(--c-amber-soft)}.dg-ringkas-kem .dg-label-kem{background:none;padding:5px 2px;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--c-mute)}.dg-tabel td.dg-kem{white-space:nowrap;font-size:12px;line-height:1.55}.dg-gulir{overflow-x:auto}.dg-tabel{width:100%;border-collapse:collapse;font-size:12.5px;min-width:980px}.dg-tabel th,.dg-tabel td{border-bottom:1px solid var(--c-rule);padding:7px 8px;text-align:left;vertical-align:top}.dg-tabel th{font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--c-mute);white-space:nowrap}.dg-nama{font-weight:800}.dg-lencana{display:inline-block;font-size:10px;font-weight:900;color:var(--c-biru);background:var(--c-biru-soft);border-radius:999px;padding:2px 7px;margin-right:6px}.dg-anggota{font-size:11px;font-weight:600;color:var(--c-mute);margin-top:2px}.dg-redup{color:var(--c-mute);white-space:nowrap}.dg-aksi{white-space:nowrap}.dg-pin{display:inline-flex;gap:4px}.dg-pin input{width:76px;border:1.5px solid var(--c-rule-2);border-radius:8px;padding:3px 6px;font:700 12.5px var(--font-body)}.dg-pin button{border:none;border-radius:8px;padding:3px 8px;font:800 12px var(--font-body);cursor:pointer;background:var(--c-teal-soft);color:var(--c-teal-deep)}@media (max-width: 560px){.dg{padding:16px 12px 80px}}:root{--c-peran-guru: oklch(36% .075 262);--c-peran-guru-soft: oklch(95.5% .02 262);--c-peran-guru-garis: oklch(84% .05 262)}html{scroll-padding-top:calc(var(--bilah-tinggi, 52px) + 8px)}.bilah-peran{--peran: var(--c-teal-deep);--peran-soft: var(--c-teal-soft);--peran-garis: var(--c-tepi);position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;min-height:52px;box-sizing:border-box;padding:6px clamp(10px,3vw,24px);background:var(--c-card);border-bottom:2px solid var(--peran-garis);box-shadow:0 2px 10px #12333a14;font-family:var(--font-body);color:var(--c-ink)}.bilah-peran[data-statis]{position:relative}.bilah-peran[data-besar]{flex-wrap:wrap;row-gap:4px}.bilah-peran[data-peran=kelompok]{--peran: var(--c-biru);--peran-soft: var(--c-biru-soft);--peran-garis: oklch(85% .05 263)}.bilah-peran[data-peran=guru]{--peran: var(--c-peran-guru);--peran-soft: var(--c-peran-guru-soft);--peran-garis: var(--c-peran-guru-garis)}.bilah-peran[data-peran=lokal]{--peran: var(--c-ink-2);--peran-soft: var(--c-paper-2);--peran-garis: var(--c-rule-2);border-bottom-style:dashed}.bilah-peran[data-peran=tamu]{--peran: var(--c-mute);--peran-soft: var(--c-paper-2);--peran-garis: var(--c-rule)}.bp-rumah{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;border:2px solid var(--peran-garis);background:var(--peran-soft);cursor:pointer;padding:0}.bp-lencana{flex:none;background:var(--peran);color:#fff;border-radius:999px;padding:4px 11px;font:900 11.5px/1.2 var(--font-body);letter-spacing:.05em;text-transform:uppercase}.bilah-peran[data-peran=lokal] .bp-lencana,.bilah-peran[data-peran=tamu] .bp-lencana{background:var(--c-card);color:var(--peran);border:2px dashed var(--peran)}.bp-identitas{display:flex;align-items:baseline;gap:6px;min-width:0;flex:0 1 auto;overflow:hidden;white-space:nowrap}.bp-nama{font:800 15px/1.2 var(--font-display);overflow:hidden;text-overflow:ellipsis}.bp-rinci{font-size:12.5px;font-weight:700;color:var(--c-ink-2);overflow:hidden;text-overflow:ellipsis}.bp-kode{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em}.bp-status{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:800;border-radius:999px;padding:4px 10px;background:var(--c-green-soft);color:var(--c-hijau-deep);white-space:nowrap}.bp-status-teks{overflow:hidden;text-overflow:ellipsis}.bp-titik{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.bp-status.lokal{background:var(--c-paper-2);color:var(--c-ink-2)}.bp-status.menunggu,.bp-status.mengirim,.bp-status.mati{background:var(--c-teal-soft);color:var(--c-teal-deep)}.bp-status.offline,.bp-status.galat,.bp-status.sesi{background:var(--c-awas);color:var(--c-awas-ink)}.bp-tautan{background:none;border:none;padding:0;font:800 12px var(--font-body);color:inherit;text-decoration:underline;cursor:pointer}.bp-spasi{flex:1}.bp-tombol{flex:none;background:var(--c-card);color:var(--peran);border:2px solid var(--peran-garis);border-radius:12px;padding:7px 12px;font:800 13px/1.2 var(--font-body);cursor:pointer}.bp-tombol:hover{border-color:var(--peran)}.bp-tombol.utama{background:var(--peran);color:#fff;border-color:var(--peran)}.bp-rumah:focus-visible,.bp-tombol:focus-visible,.bp-tautan:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}@media (max-width: 720px){.bp-status-teks{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.bp-status{padding:6px;position:relative}}@media (max-width: 520px){.bp-sembunyi-hp{display:none}.bilah-peran{gap:6px}.bp-tombol{padding:6px 9px;font-size:12px}.bp-lencana{padding:3px 8px;font-size:10.5px}}@media print{.bilah-peran{display:none!important}}.ld-sesi{display:grid;gap:10px;margin-top:var(--sp-lg)}.ld-sesi-kartu{--peran: var(--c-teal-deep);--peran-soft: var(--c-teal-soft);display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;background:var(--c-card);border:2px solid var(--peran);border-radius:18px;padding:12px 16px;box-shadow:0 5px 0 var(--peran-soft)}.ld-sesi-kartu>div{flex:1 1 220px;min-width:0}.ld-sesi-kartu[data-peran=guru]{--peran: var(--c-peran-guru);--peran-soft: var(--c-peran-guru-garis)}.ld-sesi-kartu[data-peran=guru] .btn-utama{background:var(--c-peran-guru);box-shadow:0 5px #132341}.ld-sesi-kartu[data-peran=lokal]{--peran: var(--c-ink-2);--peran-soft: var(--c-rule);border-style:dashed}.ld-sesi-label{font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--peran)}.ld-sesi-nama{font:800 1.15rem/1.25 var(--font-display);color:var(--c-ink);overflow-wrap:anywhere}.login-sesi{--peran: var(--c-teal-deep);--peran-soft: var(--c-teal-soft);margin-top:16px;background:var(--peran-soft);border:2px solid var(--peran);border-radius:16px;padding:12px 14px}.login-sesi[data-peran=guru]{--peran: var(--c-peran-guru);--peran-soft: var(--c-peran-guru-soft)}.login-sesi[data-peran=lokal]{--peran: var(--c-ink-2);--peran-soft: var(--c-paper-2);border-style:dashed}.login-sesi-label{font-size:11.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--peran)}.login-sesi-nama{font:800 16px/1.3 var(--font-display);color:var(--c-ink);margin-top:2px;overflow-wrap:anywhere}.login-sesi-tombol{margin-top:10px;background:var(--peran, var(--c-teal-deep));color:#fff;border:none;border-radius:12px;padding:10px 16px;font:800 14px/1.2 var(--font-body);cursor:pointer}.login-sesi-tombol:disabled{opacity:.6;cursor:wait}.login-sesi-tombol:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.login-info{margin-top:14px;background:var(--c-paper-2);border:2px dashed var(--c-rule-2);border-radius:12px;padding:10px 12px;font-size:12.5px;font-weight:700;color:var(--c-ink-2);line-height:1.5}.buka-pin{display:grid;gap:8px;flex:1 1 100%;margin:0}.buka-pin-label{font-size:12.5px;font-weight:900;color:var(--c-ink)}.buka-pin-ket{margin:0;font-size:12.5px;font-weight:600;line-height:1.5;color:var(--c-ink-2)}.buka-pin-baris{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.buka-pin-isian{width:9.5ch;box-sizing:border-box;border:2px solid var(--c-rule-2);border-radius:12px;padding:10px 12px;font:800 18px/1 var(--font-body);letter-spacing:6px;color:var(--c-ink);background:var(--c-card)}.buka-pin-isian:focus{outline:3px solid var(--c-focus);outline-offset:1px;border-color:var(--c-teal-deep)}.buka-pin-isian[aria-invalid=true]{border-color:var(--c-awas-garis)}.buka-pin-galat{background:var(--c-awas);border:1.5px solid var(--c-awas-garis);color:var(--c-awas-ink);border-radius:10px;padding:8px 10px;font-size:12.5px;font-weight:700;line-height:1.5}.buka-pin .login-sesi-tombol{margin-top:0}.login-konfirmasi{--peran: var(--c-teal-deep);margin-top:14px;background:var(--c-teal-soft);border:2px solid var(--c-teal-deep);border-radius:12px;padding:12px 14px;font-size:13px;font-weight:600;color:var(--c-ink);line-height:1.5}.dg-lihat{display:inline-block;margin-top:4px;background:var(--c-teal-soft);color:var(--c-teal-deep);border:1.5px solid var(--c-tepi);border-radius:999px;padding:3px 10px;font:800 11.5px var(--font-body);cursor:pointer}.dg-lihat:hover{border-color:var(--c-teal-deep)}.dg-lihat:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.dg-aktif{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;white-space:nowrap;color:var(--c-mute)}.dg-aktif:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.dg-aktif.aktif{color:var(--c-hijau-deep)}.dg-aktif.baru{color:var(--c-teal-deep)}.sinkron.lokal{background:var(--c-paper-2);color:var(--c-ink-2)}.dg-pesan{background:var(--c-teal-soft);border-color:var(--c-tepi);color:var(--c-teal-deep)}.dg-tab{display:inline-flex;gap:4px;background:var(--c-card);border:2px solid var(--c-rule);border-radius:999px;padding:4px;justify-self:start;max-width:100%;overflow-x:auto}.dg-tab-tombol{border:none;background:transparent;color:var(--c-teal-deep);border-radius:999px;padding:8px 18px;font:800 14px/1.2 var(--font-body);cursor:pointer;white-space:nowrap}.dg-tab-tombol[aria-selected=true]{background:var(--c-teal-deep);color:#fff;box-shadow:0 3px 0 var(--c-tepi-teal)}.dg-tab-tombol:focus-visible{outline:3px solid var(--c-amber);outline-offset:2px}.dg-panel{display:grid;gap:14px;min-width:0}.dg-langsung{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--c-hijau-deep);background:var(--c-green-soft);border-radius:999px;padding:4px 12px}.dg-langsung:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;animation:dg-denyut 2s ease-in-out infinite}.dg-langsung.jeda{color:var(--c-ink-2);background:var(--c-paper-2)}.dg-langsung.putus{color:var(--c-awas-ink);background:var(--c-awas)}.dg-langsung.jeda:before,.dg-langsung.putus:before{animation:none}@keyframes dg-denyut{0%,to{opacity:1}50%{opacity:.35}}body.a11y-tenang .dg-langsung:before{animation:none}@media (prefers-reduced-motion: reduce){.dg-langsung:before{animation:none}}.dg-pantau-layar{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.dg-pantau-judul{font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--c-mute);margin-right:2px}.dg-pantau-chip{background:var(--c-card);border:1.5px solid var(--c-rule-2);border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:700;color:var(--c-ink)}.dg-pantau-chip b{color:var(--c-teal-deep);margin-left:2px}.dg-pantau-daftar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.dg-pantau{display:grid;gap:6px;align-content:start;background:var(--c-card);border:2px solid var(--c-rule);border-left-width:5px;border-radius:14px;padding:10px 12px;min-width:0}.dg-pantau.aktif{border-left-color:var(--c-hijau-deep)}.dg-pantau.baru{border-left-color:var(--c-teal)}.dg-pantau.diam,.dg-pantau.belum{border-left-color:var(--c-rule-2)}.dg-pantau-atas{display:flex;gap:8px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}.dg-pantau-nama{font:800 15px/1.25 var(--font-display);color:var(--c-ink);min-width:0;overflow-wrap:anywhere}.dg-pantau-isi{margin:0;display:grid;gap:3px}.dg-pantau-isi>div{display:grid;grid-template-columns:78px 1fr;gap:6px;font-size:12.5px;line-height:1.45}.dg-pantau-isi dt{font-weight:800;color:var(--c-mute)}.dg-pantau-isi dd{margin:0;font-weight:700;color:var(--c-ink);min-width:0;overflow-wrap:anywhere}.dg-pantau .dg-lihat{justify-self:start}.dg-baru{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:900;color:#fff;background:var(--c-teal-deep);border-radius:999px;padding:1px 8px;vertical-align:1px}.dg-lk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.dg-lk li{display:grid;gap:2px;background:var(--c-teal-soft);border:1.5px solid var(--c-tepi);border-radius:12px;padding:9px 12px}.dg-lk a{font:800 14px/1.3 var(--font-body);color:var(--c-teal-deep)}.dg-lk a:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.dg-lk small{font-size:12px;font-weight:700;color:var(--c-ink-2)}@media (max-width: 560px){.dg-pantau-daftar,.dg-lk{grid-template-columns:1fr}}.bilah-peran[data-pratinjau]{border-bottom:3px solid var(--c-peran-guru);background:var(--c-peran-guru-soft)}.bp-lencana-sub{text-transform:none;letter-spacing:0;font-weight:800}.pm-judul{flex:1 1 240px;min-width:0}.pm-label{font-size:11.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--c-mute)}.pm-judul h2{margin:2px 0 0}.pm-status{font-size:13px;font-weight:700;color:var(--c-ink-2)}.pm-level{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.pm-lv{width:100%;height:100%;display:flex;align-items:center;gap:10px;text-align:left;background:var(--c-card);border:2px solid var(--c-rule-2);border-radius:14px;padding:9px 12px;cursor:pointer;font-family:var(--font-body);color:var(--c-ink)}.pm-lv:hover{border-color:var(--c-teal-deep);background:var(--c-teal-soft)}.pm-lv:focus-visible{outline:3px solid var(--c-amber);outline-offset:2px}.pm-no{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--c-teal-deep);color:#fff;font:800 15px/1 var(--font-display)}.pm-lv-teks{display:grid;gap:1px;min-width:0}.pm-lv-teks b{font:800 14.5px/1.25 var(--font-display)}.pm-lv-teks small{font-size:12px;font-weight:700;color:var(--c-mute)}.pm-tambahan{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pm-tambahan .pm-label{flex-basis:100%}@media (max-width: 520px){.bp-panjang{display:none}}@media (max-width: 560px){.pm-level{grid-template-columns:1fr}.pm-tambahan .dg-tombol{flex:1 1 100%;white-space:normal}}.btn-utama.buah{background:#b07800;box-shadow:0 5px #7a5300}.peta-misi.buah{--aksen: #B07800;--aksen-deep: #8A5E00;--aksen-soft: #FFEFA8;--aksen-tepi: #6E4B00}.ev.buah{--ev-aksen: #B07800;--ev-soft: #FFEFA8;--ev-ink: #3D2A00;--ev-tepi: #8A5E00}.misi-lain.buah .ikon{background:#ffefa8}.misi-lain.buah .misi-label{color:#8a5e00}.ld-pita{width:100%;max-width:1280px;margin:0 auto var(--sp-xl);display:grid;gap:var(--sp-lg)}.face,.karakter{background:var(--c-card);border:2px solid var(--c-tepi);border-radius:var(--r-card);box-shadow:0 6px 0 var(--c-tepi),var(--shadow-timbul);padding:20px clamp(16px,2.4vw,28px) 22px}.hub .face,.hub .karakter{margin-top:var(--sp-lg)}.face-kepala{display:flex;align-items:flex-end;justify-content:space-between;gap:10px 24px;flex-wrap:wrap}.face-label,.karakter-label{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--c-mute)}.karakter-label{color:var(--c-coral);letter-spacing:.04em}.face h2,.karakter h2{margin:2px 0 0;font:800 var(--t-xl)/1.15 var(--font-display);color:var(--c-ink)}.face-akronim{margin:0;display:flex;gap:6px 16px;flex-wrap:wrap;font:700 1.05rem/1.2 var(--font-display);color:var(--c-ink-2)}.face-akronim b{font-size:1.7rem;color:var(--c-teal-deep);margin-right:1px}.face-sub{margin:8px 0 0;font-size:var(--t-sm);font-weight:600;line-height:1.55;color:var(--c-ink-2);max-width:62em}.face-tahap{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.face-tahap li{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px 12px 14px;border:2px solid var(--c-tepi);border-radius:14px;background:var(--c-card)}.face-tahap li.inti{border-color:var(--c-teal-2, var(--c-teal));background:var(--c-teal-soft)}.face-tahap li:not(:last-child):after{content:"→";position:absolute;right:-13px;top:22px;z-index:1;font-weight:900;color:var(--c-teal-deep);background:var(--c-card);border-radius:50%;width:18px;height:18px;line-height:18px;text-align:center;font-size:12px}.face-huruf{align-self:flex-start;min-width:38px;height:38px;padding:0 8px;border-radius:12px;display:flex;align-items:center;justify-content:center;font:800 1.35rem/1 var(--font-display);color:#fff;background:var(--c-teal-deep)}.face-tahap li.tambahan .face-huruf{background:var(--c-card);color:var(--c-teal-deep);border:2px solid var(--c-tepi);font-size:1rem}.face-nama{font:800 1.02rem/1.15 var(--font-display);color:var(--c-ink);margin-top:4px}.face-isi{font-size:12.5px;font-weight:600;line-height:1.45;color:var(--c-ink-2);flex:1}.face-pbl{font-size:11px;font-weight:800;color:var(--c-mute)}.face-tahap li.selesai .face-huruf{background:var(--c-green);color:#fff;border:none}.face-tahap li.berikut{border-color:var(--c-amber-cta);box-shadow:0 0 0 3px #f5ae3959}.face-tanda{align-self:flex-start;margin-top:4px;font-size:10.5px;font-weight:900;border-radius:var(--r-pill);padding:3px 9px;background:var(--c-amber-cta);color:var(--c-amber-cta-ink)}.karakter{border-color:#f2c1b2;box-shadow:0 6px #f2c1b2,var(--shadow-timbul)}.karakter-kepala p{margin:8px 0 0;font-size:var(--t-sm);font-weight:600;line-height:1.55;color:var(--c-ink-2);max-width:62em}.karakter-nilai{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.karakter-nilai li{display:flex;gap:12px;align-items:flex-start;background:var(--c-coral-soft);border-radius:14px;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.5;color:var(--c-ink-2)}.karakter-nilai b{display:block;font:800 1.05rem/1.2 var(--font-display);color:var(--c-ink);margin-bottom:2px}.karakter-ikon{font-size:26px;flex:none}.karakter-aksi{margin-top:14px}.cptp{margin-top:14px;background:var(--c-card);border:2px solid var(--c-tepi);border-radius:var(--r-card);box-shadow:0 6px 0 var(--c-tepi),var(--shadow-timbul);padding:14px clamp(14px,2.2vw,22px) 14px}.cptp-kepala{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.cptp h2{margin:0;font:800 var(--t-lg)/1.2 var(--font-display);color:var(--c-ink)}.cptp-label{margin-left:6px;vertical-align:middle;font:900 11px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--c-mute)}.cptp h3{margin:0 0 6px;font:900 11.5px/1.2 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--aksen-deep)}.cptp-tutup{cursor:pointer;background:var(--c-card);border:2px solid var(--c-tepi);border-radius:var(--r-pill);padding:5px 12px;font:800 12px/1 var(--font-body);color:var(--aksen-deep)}.cptp-isi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 26px;margin-top:12px}.cptp-cp,.cptp-tp{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cptp-cp li{background:var(--aksen-soft);border-radius:10px;padding:7px 11px;font-size:13px;font-weight:600;line-height:1.45;color:var(--c-ink-2)}.cptp-elemen{display:block;font-size:11px;font-weight:900;color:var(--aksen-deep)}.cptp-tp li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;font-size:13px;font-weight:700;line-height:1.45;color:var(--c-ink)}.cptp-no{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--aksen-deep);color:#fff;font:800 12px/1 var(--font-display)}.cptp-chip{display:inline-block;border-radius:var(--r-pill);padding:1px 8px;font-size:10.5px;font-weight:800;background:var(--aksen-soft);color:var(--aksen-deep);white-space:nowrap}.cptp-sumber{margin:10px 0 0;font-size:11px;font-weight:700;color:var(--c-mute)}.peta-tujuan-semua{cursor:pointer;background:var(--c-card);border:2px solid var(--c-tepi);border-radius:var(--r-pill);padding:6px 14px;font:800 12.5px/1 var(--font-body);color:var(--aksen-deep);box-shadow:0 3px 0 var(--c-tepi)}@media (max-width: 860px){.cptp-isi{grid-template-columns:minmax(0,1fr)}}@media (max-width: 1000px){.face-tahap{grid-template-columns:repeat(3,minmax(0,1fr))}.face-tahap li:nth-child(3):after{display:none}.karakter-nilai{grid-template-columns:minmax(0,1fr)}}@media (max-width: 560px){.face-tahap{grid-template-columns:repeat(2,minmax(0,1fr))}.face-tahap li:after{display:none}}
