@font-face{font-family:Geist;font-style:normal;font-weight:400 800;font-display:swap;src:url(font/geist-latin.woff2) format("woff2")}:root{--basalt-0: #000000;--basalt-1: #0a0b0c;--basalt-2: #121316;--basalt-3: #1a1c1f;--basalt-4: #24272b;--veil-1: rgba(214, 235, 253, .05);--veil-2: rgba(214, 235, 253, .09);--veil-3: rgba(214, 235, 253, .14);--veil-4: rgba(214, 235, 253, .19);--veil-5: rgba(214, 235, 253, .32);--steam-0: #ffffff;--steam-1: #f0f0f0;--steam-2: #a0a0a0;--steam-3: #6c6c6c;--steam-4: #464a4d;--spring: #a5f3fc;--iris: #c4b5fd;--sulfur: #fcd9a8;--mist: linear-gradient(104deg, var(--spring) 0%, var(--iris) 52%, var(--sulfur) 100%);--ok: #6ee7a8;--warn: #f5a524;--danger: #ff6b6b;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--sans: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--ease-press: cubic-bezier(.25, 1, .5, 1);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{background:var(--basalt-0);color:var(--steam-1);font-family:var(--sans);font-size:16px;line-height:1.62;letter-spacing:-.003em;-webkit-font-smoothing:antialiased;overscroll-behavior:none}svg{display:block}button{font:inherit;color:inherit}::selection{background:var(--spring);color:var(--basalt-0)}:focus-visible{outline:2px solid var(--spring);outline-offset:3px;border-radius:var(--r-sm)}[hidden]{display:none!important}.layar:not(#kamera):not(#penampil):before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(70% 55% at 85% 0,rgba(165,243,252,.07) 0,rgba(196,181,253,.03) 38%,transparent 76%),radial-gradient(60% 50% at 0 100%,rgba(252,217,168,.045) 0,transparent 68%)}.layar{position:fixed;inset:0;display:none;overflow-y:auto;-webkit-overflow-scrolling:touch;isolation:isolate}.layar.aktif{display:block}.alis{display:inline-flex;align-items:center;gap:8px;font-size:11px;line-height:1.45;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--steam-3)}.alis b{color:var(--spring);font-weight:500}.alis:after{content:"";width:32px;height:1px;background:linear-gradient(90deg,var(--veil-5),transparent)}h1,.display{font-weight:800;letter-spacing:-.025em;text-transform:uppercase;background:var(--mist);-webkit-background-clip:text;background-clip:text;color:var(--spring);-webkit-text-fill-color:transparent}h1{font-size:clamp(30px,4.6vw,54px);line-height:1.02;margin:16px 0 24px}.atas{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 16px 8px;max-width:720px;margin:0 auto}.kembali{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--steam-2);text-decoration:none;background:none;border:0;padding:0 4px;cursor:pointer;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:color .2s var(--ease-soft)}.kembali:hover{color:var(--steam-0)}.kembali svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bulat{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;cursor:pointer;border-radius:var(--r-pill);border:1px solid var(--veil-3);color:var(--steam-1);background:linear-gradient(160deg,var(--veil-2),var(--veil-1)),#0a0b0cbd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #00000073,inset 0 1px 0 var(--veil-3);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;transition:border-color .3s var(--ease)}.bulat:hover{border-color:var(--veil-5)}.bulat svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.bulat.nyala{border-color:var(--spring);color:var(--spring)}@property --dj-angle{syntax: "<angle>"; initial-value: -75deg; inherits: false;}.tombol{--dj-rim: 1.5px;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border:none;border-radius:var(--r-pill);background:linear-gradient(-75deg,var(--basalt-3),var(--basalt-2) 46%,var(--basalt-1));color:var(--steam-0);font-size:15px;font-weight:600;line-height:1;letter-spacing:-.012em;cursor:pointer;text-decoration:none;box-shadow:inset 0 1px 0 var(--veil-3),inset 0 -1px #00000080,0 10px 28px #00000080;transition:transform .4s var(--ease-press),box-shadow .4s var(--ease-press)}.tombol:after{content:"";position:absolute;z-index:1;pointer-events:none;width:calc(100% + var(--dj-rim));height:calc(100% + var(--dj-rim));top:calc(0% - var(--dj-rim) / 2);left:calc(0% - var(--dj-rim) / 2);padding:var(--dj-rim);box-sizing:border-box;border-radius:var(--r-pill);background:conic-gradient(from var(--dj-angle) at 50% 50%,var(--spring) 0,transparent 6% 38%,var(--iris) 50%,transparent 62% 94%,var(--sulfur) 100%),linear-gradient(180deg,var(--veil-3),var(--veil-2));-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;animation:dj-rim 4.5s linear infinite}.tombol:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:var(--dj-rim);border-radius:var(--r-pill);background:linear-gradient(-45deg,transparent 0,var(--veil-4) 45% 50%,transparent 58%);background-size:200% 200%;background-position:0;mix-blend-mode:screen;transition:background-position .5s var(--ease-press)}.tombol>*{position:relative;z-index:3}.tombol:hover{transform:scale(.978)}.tombol:hover:after{animation-duration:1.6s}.tombol:hover:before{background-position:26%}.tombol:active{transform:perspective(620px) rotateX(18deg) scale(.978)}@keyframes dj-rim{to{--dj-angle: 285deg}}.tombol svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.tombol-besar{min-height:52px}.tombol-kedua{isolation:auto;background:var(--veil-1);border:1px solid var(--veil-3);color:var(--steam-1);font-weight:500;box-shadow:none;transition:border-color .3s var(--ease),background .3s var(--ease),transform .3s var(--ease)}.tombol-kedua:after,.tombol-kedua:before{content:none}.tombol-kedua:hover{border-color:var(--veil-5);background:var(--veil-2);transform:translateY(-1px)}.tombol-kedua.terang{color:var(--steam-0)}.tombol-tembaga svg{fill:var(--sulfur);stroke:none}.aksi{display:grid;gap:10px;margin:24px 0 16px}.aksi.kecil{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}.pembuka-isi{max-width:560px;margin:0 auto;padding:8px 20px calc(40px + env(safe-area-inset-bottom))}.pratinjau{position:relative;margin:8px 0 28px}.pratinjau video{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:var(--r-md);border:1px solid var(--veil-2);background:var(--basalt-2)}.pratinjau-label{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--steam-3)}.pratinjau-label i{width:7px;height:7px;border-radius:var(--r-pill);background:var(--spring);box-shadow:0 0 0 4px #a5f3fc2e;animation:denyut 1.6s infinite}@keyframes denyut{50%{box-shadow:0 0 0 7px #a5f3fc0d}}.langkah{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:12px}.langkah li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:baseline;color:var(--steam-2);font-size:15px;line-height:1.66}.langkah b{font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--spring);font-variant-numeric:tabular-nums}.langkah em{font-style:normal;font-weight:600;color:var(--steam-0)}.saklar{display:flex;align-items:center;gap:12px;min-height:44px;color:var(--steam-2);font-size:15px;cursor:pointer;margin:8px 0 12px}.saklar input{position:absolute;opacity:0;width:1px;height:1px}.saklar-jalur{width:44px;height:26px;border-radius:var(--r-pill);background:var(--veil-2);border:1px solid var(--veil-3);position:relative;flex:none;transition:background .2s var(--ease-soft),border-color .2s var(--ease-soft)}.saklar-jalur span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:var(--r-pill);background:var(--steam-2);transition:transform .25s var(--ease),background .2s}.saklar input:checked+.saklar-jalur{background:#a5f3fc29;border-color:var(--spring)}.saklar input:checked+.saklar-jalur span{transform:translate(18px);background:var(--spring)}.saklar input:focus-visible+.saklar-jalur{outline:2px solid var(--spring);outline-offset:3px}.catatan-kecil{font-size:13px;line-height:1.58;color:var(--steam-3);margin:8px 0 0}.peringatan{display:grid;grid-template-columns:22px 1fr;gap:12px;margin:16px 0 8px;padding:14px 16px;border:1px solid var(--veil-2);border-left:3px solid var(--sulfur);border-radius:var(--r-md);background:var(--veil-1);font-size:14px;line-height:1.6;color:var(--steam-2)}.peringatan svg{width:20px;height:20px;margin-top:2px;fill:none;stroke:var(--sulfur);stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}.peringatan b{display:block;color:var(--steam-0);font-weight:600}.peringatan em{font-style:normal;font-weight:600;color:var(--steam-1)}.tautan{background:none;border:0;padding:0;min-height:44px;font:inherit;color:var(--steam-0);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;background-origin:content-box;background-image:var(--mist);background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px}#kamera{background:#000;overflow:hidden}#wadah-ar{position:absolute;inset:0;overflow:hidden}#video-kamera{position:absolute;object-fit:fill}.kanvas-3d{position:absolute;left:0;top:0}.kamera-atas{position:absolute;top:0;left:0;right:0;display:flex;gap:8px;align-items:center;padding:calc(14px + env(safe-area-inset-top)) 14px 10px;z-index:5}.kamera-atas #tombol-koleksi-2{margin-left:auto}.pindai{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:3}.bingkai-pindai{position:relative;width:min(78vw,420px);aspect-ratio:4 / 3}.bingkai-pindai i{position:absolute;width:42px;height:42px;border:3px solid var(--steam-0);opacity:.95;filter:drop-shadow(0 0 10px rgba(165,243,252,.55));animation:napas 2.2s ease-in-out infinite}.bingkai-pindai i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-radius:16px 0 0}.bingkai-pindai i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-radius:0 16px 0 0}.bingkai-pindai i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 16px}.bingkai-pindai i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 16px}@keyframes napas{50%{transform:scale(.94);opacity:.6}}.pindai p{position:absolute;bottom:calc(36px + env(safe-area-inset-bottom));left:20px;right:20px;margin:0 auto;max-width:420px;text-align:center;color:var(--steam-0);font-size:15px;font-weight:500;line-height:1.66;padding:10px 16px;border-radius:var(--r-lg);background:linear-gradient(160deg,var(--veil-2),var(--veil-1)),#0a0b0ca8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--veil-3)}.memuat,.galat{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;background:#000000e6;color:var(--steam-1);text-align:center;padding:24px;z-index:6}.memuat p{margin:0;font-size:15px;line-height:1.66;font-weight:500;color:var(--steam-2);max-width:300px}.putar{width:40px;height:40px;border-radius:var(--r-pill);border:3px solid var(--veil-3);border-top-color:var(--spring);animation:putar .9s linear infinite}@keyframes putar{to{transform:rotate(360deg)}}.batang{width:220px;height:3px;border-radius:var(--r-pill);background:var(--veil-2);overflow:hidden}.batang i{display:block;height:100%;width:0;background:var(--mist);border-radius:var(--r-pill);transition:width .3s var(--ease)}.batang.terang{width:100%;max-width:320px;margin-top:12px}.galat h2{font-size:clamp(26px,3vw,34px);line-height:1.1;margin:0}.galat p{margin:0;color:var(--steam-2);max-width:340px;font-size:15px}.galat .aksi{width:min(320px,90vw)}.lembar{position:fixed;left:0;right:0;bottom:0;z-index:20;max-width:640px;margin:0 auto;color:var(--steam-1);background:linear-gradient(180deg,var(--veil-3),var(--veil-1)),#0a0b0ce6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--veil-3);border-bottom:0;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -10px 40px #00000080,inset 0 1px 0 var(--veil-3);padding:6px 18px calc(18px + env(safe-area-inset-bottom));transition:transform .35s var(--ease);animation:naik .45s var(--ease)}@keyframes naik{0%{transform:translateY(100%)}}.lembar.kecil{transform:translateY(calc(100% - 64px - env(safe-area-inset-bottom)))}.lembar-pegangan{display:grid;place-items:center;width:100%;min-height:44px;background:none;border:0;padding:0;cursor:pointer}.lembar-pegangan i{display:block;width:40px;height:4px;border-radius:var(--r-pill);background:var(--veil-5)}.lembar-atas{display:flex;justify-content:space-between;align-items:center;gap:10px}.lembar-meta{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--spring);font-variant-numeric:tabular-nums}.lencana-baru{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--basalt-0);background:var(--mist);padding:5px 10px;border-radius:var(--r-pill);animation:goyang .6s ease 2}@keyframes goyang{30%{transform:rotate(-6deg) scale(1.08)}60%{transform:rotate(5deg)}}.lembar h2{font-size:21px;line-height:1.24;font-weight:600;letter-spacing:-.022em;color:var(--steam-0);margin:6px 0 12px}.gelembung{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:start}.gelembung .avatar{width:40px;height:40px}.gelembung p{margin:0;padding:10px 14px;border-radius:4px 16px 16px;background:var(--veil-2);border:1px solid var(--veil-2);color:var(--steam-1);font-size:15px;line-height:1.5}.lembar-aksi{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.lembar-aksi .tombol{min-height:44px;padding:0 18px;font-size:13px;flex:1 1 auto}.lembar-aksi .tombol svg{width:18px;height:18px}.galeri-kepala{max-width:720px;margin:0 auto;padding:8px 20px}.galeri-kepala h1{margin-bottom:14px}.galeri-kepala p{color:var(--steam-2);margin:0;font-size:15px;line-height:1.66}.galeri-kepala p b{color:var(--steam-0);font-weight:600}.galeri-kepala em{font-style:normal;font-weight:600;color:var(--steam-0)}.kisi{max-width:720px;margin:0 auto;padding:20px 20px calc(40px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.kartu{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left;cursor:pointer;padding:8px 8px 12px;border-radius:var(--r-lg);color:var(--steam-1);background:linear-gradient(160deg,var(--veil-2),var(--veil-1));border:1px solid var(--veil-3);box-shadow:inset 0 1px 0 var(--veil-3);transition:border-color .3s var(--ease),transform .3s var(--ease),background .3s var(--ease)}.kartu:hover{border-color:var(--veil-4);background:linear-gradient(160deg,var(--veil-3),var(--veil-2));transform:translateY(-3px)}.kartu .gambar{aspect-ratio:4 / 3;border-radius:var(--r-md);background:#fff;display:grid;place-items:center;overflow:hidden}.kartu img{width:92%;height:92%;object-fit:contain}.kartu.kunci .gambar{opacity:.34}.kartu.kunci img{filter:grayscale(1) contrast(.6) brightness(1.15)}.kartu .no{font-size:10px;font-weight:500;letter-spacing:.12em;color:var(--steam-4);margin-top:4px;font-variant-numeric:tabular-nums}.kartu b{font-size:15px;font-weight:600;line-height:1.34;letter-spacing:-.012em;color:var(--steam-0)}.kartu .sub{font-size:13px;line-height:1.58;color:var(--steam-3)}.kartu .gembok{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:var(--r-pill);display:grid;place-items:center;background:#0a0b0ccc;border:1px solid var(--veil-3)}.kartu .gembok svg{width:14px;height:14px;fill:none;stroke:var(--steam-2);stroke-width:2}.kartu .coba{position:absolute;top:14px;right:14px;padding:4px 10px;border-radius:var(--r-pill);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--basalt-0);background:var(--mist)}.kartu .bintang{position:absolute;top:14px;left:14px;display:flex;gap:1px}.kartu .bintang svg{width:14px;height:14px;fill:var(--sulfur);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}#penampil{background:var(--basalt-0);overflow:hidden}#wadah-galeri{position:absolute;inset:0}.petunjuk-seret{margin-left:auto;padding:7px 14px;border-radius:var(--r-pill);border:1px solid var(--veil-3);background:#0a0b0cb3;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--steam-2)}.modal{position:fixed;inset:0;z-index:40;background:#000000a8;display:grid;align-items:end;justify-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-kotak{position:relative;width:min(640px,100%);max-height:92vh;overflow-y:auto;color:var(--steam-1);background:linear-gradient(180deg,var(--veil-2),var(--veil-1)),var(--basalt-2);border:1px solid var(--veil-3);border-bottom:0;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:inset 0 1px 0 var(--veil-3);padding:24px 20px calc(24px + env(safe-area-inset-bottom));animation:naik .4s var(--ease)}@media(min-width:700px){.modal{align-items:center}.modal-kotak{border-radius:var(--r-lg);border-bottom:1px solid var(--veil-3)}}.modal-tutup{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:var(--r-pill);border:1px solid var(--veil-3);background:var(--veil-1);cursor:pointer;display:grid;place-items:center;color:var(--steam-1)}.modal-tutup svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.tt-alis{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--spring)}.tt-judul{font-size:clamp(26px,3vw,34px);line-height:1.1;margin:8px 48px 8px 0;font-weight:800;letter-spacing:-.025em;text-transform:uppercase;background:var(--mist);-webkit-background-clip:text;background-clip:text;color:var(--spring);-webkit-text-fill-color:transparent}.tt-ajakan{margin:0 0 16px;color:var(--steam-2);font-size:15px}.tt-kemajuan{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--steam-3);margin-bottom:10px}.tt-kartu{background:var(--basalt-1);border:1px solid var(--veil-3);border-radius:var(--r-lg);padding:18px;font-size:17px;font-weight:600;line-height:1.45;color:var(--steam-0);margin:0 0 14px;min-height:84px;transition:border-color .2s var(--ease-soft),background .2s var(--ease-soft)}.tt-kartu.benar{border-color:var(--ok)}.tt-kartu.salah{border-color:var(--danger);animation:getar .35s}@keyframes getar{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.tt-pilihan{display:flex;flex-wrap:wrap;gap:8px}.tt-pilihan.kolom{flex-direction:column}.tt-wadah{border:1px solid var(--veil-3);background:var(--veil-1);color:var(--steam-1);border-radius:var(--r-md);padding:12px 14px;font-weight:500;font-size:15px;cursor:pointer;text-align:left;min-height:46px;flex:1 1 auto;transition:border-color .2s var(--ease-soft),background .2s var(--ease-soft)}.tt-wadah:hover{border-color:var(--veil-5);background:var(--veil-2)}.tt-wadah.benar{border-color:var(--ok);background:#6ee7a81a}.tt-wadah.salah{border-color:var(--danger);background:#ff6b6b1a}.tt-umpan{min-height:44px;margin:12px 0 0;color:var(--steam-2);font-size:15px}.tt-lanjut{margin-top:10px;width:100%}.tt-meter{width:100%;max-width:360px;margin:0 auto 12px;display:block;color:var(--steam-1)}.tt-isi .tombol-besar{width:100%}.tt-akhir{text-align:center;padding:8px 0 0}.tt-bintang{display:flex;justify-content:center;gap:8px;margin:6px 0 12px}.tt-bintang svg{width:44px;height:44px;fill:var(--veil-3);transition:fill .3s}.tt-bintang svg.nyala{fill:var(--sulfur);filter:drop-shadow(0 0 12px rgba(252,217,168,.45));animation:letup .5s ease both}.tt-bintang svg.nyala:nth-child(2){animation-delay:.15s}.tt-bintang svg.nyala:nth-child(3){animation-delay:.3s}@keyframes letup{0%{transform:scale(.2)}70%{transform:scale(1.2)}}.tt-skor{font-weight:600;font-size:21px;line-height:1.24;letter-spacing:-.022em;margin:0;color:var(--steam-0)}.tt-pelajaran{color:var(--steam-2);margin:8px 0 20px}.tt-akhir .tombol{width:100%}.sertifikat-pratinjau{width:100%;border-radius:var(--r-md);border:1px solid var(--veil-2);margin:12px 0}.bidang{width:100%;height:48px;font:inherit;font-size:16px;padding:0 14px;margin:8px 0 14px;border-radius:var(--r-md);border:1px solid var(--veil-3);background:var(--basalt-1);color:var(--steam-0);outline:none;transition:border-color .2s var(--ease-soft),box-shadow .2s var(--ease-soft)}.bidang::placeholder{color:var(--steam-4)}.bidang:focus{border-color:var(--veil-5);box-shadow:0 0 0 3px #a5f3fc24}#konfeti{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}#konfeti i{position:absolute;top:-20px;width:9px;height:13px;border-radius:2px;animation:jatuh linear forwards}@keyframes jatuh{to{transform:translateY(110vh) rotate(720deg)}}.kabar{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:70;max-width:90vw;padding:12px 18px;border-radius:var(--r-pill);text-align:center;color:var(--steam-0);font-weight:500;font-size:15px;background:linear-gradient(160deg,var(--veil-2),var(--veil-1)),#0a0b0ce6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--veil-3);box-shadow:0 10px 30px #0000008c,inset 0 1px 0 var(--veil-3)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}body.ringkas .lembar{padding:0 16px calc(12px + env(safe-area-inset-bottom));border-radius:var(--r-lg) var(--r-lg) 0 0}body.ringkas .lembar h2{font-size:17px;margin:2px 0 8px}body.ringkas .gelembung{grid-template-columns:32px 1fr;gap:8px}body.ringkas .gelembung .avatar{width:32px;height:32px}body.ringkas .gelembung p{font-size:15px;padding:8px 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body.ringkas .lembar-aksi{flex-wrap:nowrap;overflow-x:auto;margin-top:10px;padding:2px 2px 4px;scrollbar-width:none}body.ringkas .lembar-aksi::-webkit-scrollbar{display:none}body.ringkas .lembar-aksi .tombol{flex:none;min-height:44px;font-size:13px;padding:0 16px;white-space:nowrap}body.ringkas .lembar.kecil{transform:translateY(calc(100% - 56px - env(safe-area-inset-bottom)))}body.ringkas .kabar{top:calc(70px + env(safe-area-inset-top));bottom:auto}.kanvas-sorot{position:absolute;left:0;top:0;pointer-events:none;z-index:2}html{scrollbar-width:thin;scrollbar-color:rgba(214,235,253,.18) var(--basalt-0)}