:root{--kuning:oklch(0.93 0.085 98);--lipat:oklch(0.86 0.03 95);--lantai:oklch(0.975 0.004 90);--kartu:#ffffff;--garis:oklch(0.90 0.005 90);--tinta3:oklch(0.58 0.01 90);--tinta2:oklch(0.42 0.01 90);--tinta:oklch(0.17 0.008 90);--merah:oklch(0.52 0.18 30);--merah-lantai:oklch(0.97 0.02 30);--redup:oklch(0.55 0.05 95);--ngambang:drop-shadow(0 6px 18px oklch(0.17 0.008 90/0.14));--duduk:0 2px 8px oklch(0.17 0.008 90/0.08);--lipatan:28px;--gerak-tekan:90ms;--gerak-masuk:180ms;--gerak-keluar:130ms;--gerak-sorot:900ms;--gerak-kertas:300ms;--lengkung:cubic-bezier(0.2,0.7,0.2,1)}@media (prefers-reduced-motion:reduce){:root{--gerak-tekan:0ms;--gerak-masuk:0ms;--gerak-keluar:0ms;--gerak-sorot:0ms;--gerak-kertas:0ms}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--kuning);color:var(--tinta);font-family:var(--font-sans),ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,p{margin:0}h1,h2{font-size:inherit;font-weight:700}.mono{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kecil{font-size:15px;color:var(--tinta2)}.samar{color:var(--tinta3)}.tebal{font-weight:600}:focus-visible{outline:2px solid var(--tinta);outline-offset:3px}.isian:focus-visible{outline:none}.wadah-fokus:focus-visible{outline:none}.halaman{min-height:100dvh;padding:20px 16px 32px}.halaman>.isi{margin:0 auto;width:100%}.isi-sempit{max-width:640px}.isi-lebar{max-width:1080px}.kepala-halaman{display:flex;justify-content:space-between;align-items:baseline;padding:2px 6px 14px}.wordmark{font-size:17px;font-weight:800;letter-spacing:-.03em;color:inherit;text-decoration:none;padding:10px 0;margin:-10px 0;display:inline-block}.tautan-kepala{font-size:14px;font-weight:600}@media (min-width:720px){.halaman{padding:30px 40px 40px}.wordmark{font-size:20px}}.panggung{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:24px;text-align:center}.ucap{font-size:23px;font-weight:700;letter-spacing:-.02em;line-height:1.3;max-width:20ch}.ucap-lembut{font-size:17px;font-weight:600;color:var(--tinta2);letter-spacing:-.01em;max-width:30ch}.ucap-keras{font-size:26px;font-weight:800;letter-spacing:-.02em}.panggung .kecil{max-width:34ch}.babak{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.kertas-ngambang{filter:drop-shadow(0 6px 16px oklch(.17 .008 90/.16))}.isian{font:inherit;color:var(--tinta);background:transparent;border:0;border-bottom:1px solid var(--garis);padding:10px 4px;width:min(28rem,100%);text-align:center;outline:none;border-radius:0;min-height:44px}.isian::placeholder{color:var(--tinta3)}.isian:focus{border-bottom:2px solid var(--tinta);padding-bottom:9px}.isian[aria-invalid=true]{border-bottom:2px solid var(--merah);padding-bottom:9px}.isian-kiri{text-align:left;width:100%}.panggung .isian{border-bottom-width:2px;border-bottom-color:var(--tinta);padding-bottom:9px}.opsi{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:32rem}.opsi-kiri{justify-content:flex-start}.opsi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;width:min(28rem,100%)}@media (min-width:720px){.opsi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tombol{font:inherit;font-weight:600;cursor:pointer;min-height:44px;padding:10px 16px;border-radius:3px;border:0;background:var(--kartu);color:var(--tinta);box-shadow:var(--duduk);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--gerak-tekan) ease,box-shadow var(--gerak-tekan) ease}.opsi-grid .tombol{padding:13px 12px}.tombol-tinta{font:inherit;font-weight:700;cursor:pointer;min-height:44px;padding:10px 20px;border-radius:3px;border:0;background:var(--tinta);color:#fff;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform var(--gerak-tekan) ease,background-color var(--gerak-tekan) ease}.tombol:active:not([disabled]){transform:translateY(1px);box-shadow:0 1px 3px oklch(.17 .008 90/.1)}.tombol-tinta:active:not([disabled]){transform:translateY(1px);background:#000}.tautan-aksi:active:not([disabled]){opacity:.55}.tautan-aksi[disabled],.tombol-tinta[disabled],.tombol[disabled]{opacity:.45;cursor:default}.tombol-lebar{width:100%}.tombol-kecil{font-size:14px;padding:8px 12px}@media (hover:hover){.tombol:hover:not([disabled]){box-shadow:0 3px 10px oklch(.17 .008 90/.14)}.tombol-tinta:hover:not([disabled]){background:#000}}.tautan,.tautan-aksi{color:inherit;text-decoration:underline;text-underline-offset:3px}.tautan-aksi{font:inherit;background:none;border:0;cursor:pointer;padding:13px 6px;margin:-13px -6px;display:inline-block;line-height:1.45}.salah,.tautan-merah{color:var(--merah)}.salah{font-size:15px}.lembar-bungkus{filter:var(--ngambang)}.lembar{position:relative;background:var(--kartu);padding:20px;-webkit-clip-path:polygon(0 0,calc(100% - var(--lipatan)) 0,100% var(--lipatan),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--lipatan)) 0,100% var(--lipatan),100% 100%,0 100%)}.lembar:before{content:"";position:absolute;top:0;right:0;width:var(--lipatan);height:var(--lipatan);background:var(--lipat);-webkit-clip-path:polygon(0 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 100%,0 100%)}.lembar-judul{font-size:14px;font-weight:700;letter-spacing:-.01em;padding:2px 2px 10px}@media (min-width:720px){.lembar{padding:22px 26px;--lipatan:38px}.lembar-judul{font-size:15px;padding-bottom:12px}}.blok{background:var(--kartu);border-radius:3px;padding:16px;box-shadow:var(--duduk)}.blok-tegas{border:2px solid var(--tinta);box-shadow:none}.blok-merah{background:var(--merah-lantai);border-left:3px solid var(--merah);color:var(--merah);padding:9px 12px;font-size:14px}.kolom{--grid:minmax(0,1fr) 104px}@media (min-width:720px){.kolom{--grid:minmax(0,1fr) 160px minmax(0,300px) minmax(0,200px)}}.kolom-baris,.kolom-kepala{display:grid;grid-template-columns:var(--grid);grid-gap:10px;gap:10px;align-items:baseline;padding:8px 2px;border-bottom:1px solid var(--garis)}.kolom-kepala{border-bottom:1.5px solid var(--tinta)}.kolom-kepala>div{font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;color:var(--tinta3);text-transform:uppercase;letter-spacing:.06em}.kolom-baris{padding:13px 2px;min-height:48px}.kolom-baris-ketuk{cursor:pointer;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--garis);font:inherit;color:inherit;transition:background-color var(--gerak-tekan) ease}@media (hover:hover){.kolom-baris-ketuk:hover{background:var(--lantai)}}.kolom-baris-ketuk:active{background:var(--lipat)}.kolom-baris-ketuk:focus-visible{outline-offset:-2px}@keyframes sorot{0%{background-color:var(--kuning)}to{background-color:transparent}}.kolom-baris.lahir{animation:sorot var(--gerak-sorot) var(--lengkung) 1 both}@keyframes muncul{0%{opacity:0}to{opacity:1}}.muncul{animation:muncul var(--gerak-masuk) ease-out 1 both}.sel-perihal{font-size:15px;font-weight:600;letter-spacing:-.01em;overflow-wrap:anywhere}.sel-kapan{font-family:var(--font-mono),ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sel-kapan,.sel-penerima{font-size:12px;color:var(--tinta2)}.sel-penerima{font-family:var(--font-mono),ui-monospace,monospace;overflow-wrap:anywhere}.sel-catatan{font-size:13px;color:var(--tinta2);overflow-wrap:anywhere}.sel-status{display:block;font-size:11px;color:var(--tinta3);font-family:var(--font-sans),sans-serif}.hanya-lebar,.hanya-lebar-inline{display:none}@media (min-width:720px){.hanya-lebar{display:block}.hanya-lebar-inline{display:inline}}.kolom-kosong{height:46px}.kolom-kosong,.kolom-tulis{border-bottom:1px solid var(--garis)}.kolom-tulis{padding:4px 2px}.kolom-tulis .isian{border-bottom:0;padding:9px 0;text-align:left;width:100%;font-size:15px}.kolom-kaki{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:10px;margin-top:8px;border-top:1px solid var(--garis);font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;color:var(--tinta2)}.titipan{background:var(--lantai);border-bottom:1px solid var(--garis);padding:14px 12px}.titipan p{margin:0 0 6px}dialog.lembar-dialog{border:0;padding:0;background:transparent;max-width:min(440px,calc(100vw - 32px));width:100%;margin:auto;filter:var(--ngambang);color:inherit;opacity:0;transform:scale(.97);transition:opacity var(--gerak-keluar) ease,transform var(--gerak-keluar) ease,overlay var(--gerak-keluar) allow-discrete,display var(--gerak-keluar) allow-discrete}dialog.lembar-dialog[open]{opacity:1;transform:none;transition:opacity var(--gerak-masuk) var(--lengkung),transform var(--gerak-masuk) var(--lengkung),overlay var(--gerak-masuk) allow-discrete,display var(--gerak-masuk) allow-discrete}@starting-style{dialog.lembar-dialog[open]{opacity:0;transform:scale(.97)}}dialog.lembar-dialog::-webkit-backdrop{background:oklch(.55 .05 95/0);-webkit-transition:background-color var(--gerak-keluar) ease,overlay var(--gerak-keluar) allow-discrete,display var(--gerak-keluar) allow-discrete;transition:background-color var(--gerak-keluar) ease,overlay var(--gerak-keluar) allow-discrete,display var(--gerak-keluar) allow-discrete}dialog.lembar-dialog::backdrop{background:oklch(.55 .05 95/0);transition:background-color var(--gerak-keluar) ease,overlay var(--gerak-keluar) allow-discrete,display var(--gerak-keluar) allow-discrete}dialog.lembar-dialog[open]::-webkit-backdrop{background:oklch(.55 .05 95/.85);-webkit-transition:background-color var(--gerak-masuk) ease,overlay var(--gerak-masuk) allow-discrete,display var(--gerak-masuk) allow-discrete;transition:background-color var(--gerak-masuk) ease,overlay var(--gerak-masuk) allow-discrete,display var(--gerak-masuk) allow-discrete}dialog.lembar-dialog[open]::backdrop{background:oklch(.55 .05 95/.85);transition:background-color var(--gerak-masuk) ease,overlay var(--gerak-masuk) allow-discrete,display var(--gerak-masuk) allow-discrete}@starting-style{dialog.lembar-dialog[open]::-webkit-backdrop{background:oklch(.55 .05 95/0)}dialog.lembar-dialog[open]::backdrop{background:oklch(.55 .05 95/0)}}dialog.lembar-dialog .lembar{padding:20px}.rincian{display:flex;flex-direction:column;gap:2px;padding:11px 0;border-bottom:1px solid var(--garis)}.rincian-label{font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;color:var(--tinta3);text-transform:uppercase;letter-spacing:.06em}.rincian-nilai{font-size:15px;overflow-wrap:anywhere}.rincian-nilai.mono{font-size:14px}.orang{display:flex;align-items:center;gap:10px}.orang img{width:38px;height:38px;border-radius:50%;object-fit:cover;display:block}.orang-kecil img{width:30px;height:30px}.orang-nama{font-size:13px;font-weight:600;line-height:1.3}.orang-sosmed{font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;color:var(--tinta3);display:flex;flex-wrap:wrap;gap:0 4px}.orang-sosmed a{color:inherit;text-decoration:none;padding:14px 8px;margin:-14px -8px;display:inline-block;min-width:44px;text-align:center}.orang-sosmed a:hover{text-decoration:underline}.inbox-contoh{width:min(24rem,100%);background:var(--lantai);padding:14px;text-align:left;box-shadow:0 6px 18px oklch(.17 .008 90/.14)}.inbox-contoh .label{font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;color:var(--tinta3);padding-bottom:8px}.inbox-contoh .surat{background:var(--kartu);border:1px solid var(--garis);padding:16px;display:flex;flex-direction:column;gap:11px}.inbox-contoh .surat .pengirim{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600}.inbox-contoh .surat .tombol-gambar{background:var(--tinta);color:#fff;padding:12px;text-align:center;font-weight:700;font-size:14.5px;border-radius:3px}.pilih{font:inherit;font-weight:600;color:var(--tinta);background:var(--kartu);border:0;border-radius:3px;box-shadow:var(--duduk);min-height:44px;padding:10px 36px 10px 14px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23231f18' stroke-width='1.6'/></svg>");background-repeat:no-repeat;background-position:right 14px center}@keyframes ngedip{0%,to{transform:scaleY(1)}20%{transform:scaleY(.08)}40%{transform:scaleY(1)}65%{transform:scaleY(.08)}85%{transform:scaleY(1)}}@keyframes goyang{0%,to{transform:rotate(0deg)}30%{transform:rotate(-2.5deg)}70%{transform:rotate(2deg)}}.kertas{display:inline-block;line-height:0}.kertas-jawab{animation:goyang var(--gerak-kertas) ease-in-out 1;transform-origin:50% 70%}.kertas-jawab .mata{animation:ngedip var(--gerak-kertas) ease-in-out 1;transform-box:fill-box;transform-origin:center}@keyframes napas{0%,to{transform:scale(1)}50%{transform:scale(1.022)}}@keyframes kedip-sendiri{0%,91.5%,to{transform:scaleY(1)}93.5%{transform:scaleY(.08)}95.5%{transform:scaleY(1)}}.kertas-hidup svg{animation:napas 3.8s ease-in-out infinite;transform-origin:50% 80%}.kertas-hidup .mata-hidup{animation:kedip-sendiri 4.7s linear infinite;transform-box:fill-box;transform-origin:center}@media (prefers-reduced-motion:reduce){.kertas-hidup .mata-hidup,.kertas-hidup svg{animation:none}}.ketik{display:grid}.ketik>span{grid-area:1/1}.ketik-ruang{visibility:hidden}.kertas-baris{display:flex;align-items:center;gap:12px;padding:0 6px 14px}.kertas-kata{font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.35;max-width:48ch;text-align:left}@media (min-width:720px){.kertas-baris{padding-bottom:18px}.kertas-kata{font-size:16px}}.angka-besar{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.15;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}pre.contoh-kode{margin:10px 0 0;white-space:pre-wrap;word-break:break-word;padding:10px 0;font-size:13px;color:var(--tinta2)}