:root{--kr-dasar:rgba(120,90,140,.14);--kr-kilau:rgba(255,255,255,.6)}html[data-tema=gelap]{--kr-dasar:rgba(255,255,255,.08);--kr-kilau:rgba(255,255,255,.1)}html[data-tema=nyaman]{--kr-dasar:rgba(120,90,40,.13);--kr-kilau:rgba(255,250,235,.55)}.kr{position:relative;display:block;overflow:hidden;border-radius:8px;background:transparent;flex:none}.kr:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--kr-dasar)}.kr:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent 20%,var(--kr-kilau) 50%,transparent 80%);transform:translate(-100%);animation:kr-geser 1.5s ease-in-out infinite}@keyframes kr-geser{to{transform:translate(100%)}}.kr-baris{height:calc(12px*var(--sh,1));width:100%}.kr-baris.kr-besar{height:calc(18px*var(--sh,1))}.kr-w30{width:30%}.kr-w40{width:40%}.kr-w55{width:55%}.kr-w70{width:70%}.kr-w85{width:85%}.kr-avatar{width:40px;height:40px;border-radius:50%}.kr-avatar.kr-kecil{width:32px;height:32px}.kr-pil{height:calc(24px*var(--sh,1));width:76px;border-radius:100px}.kr-tombol{height:calc(40px*var(--sh,1));width:140px;border-radius:100px}.kr-gelembung{height:calc(44px*var(--sh,1));border-radius:16px}.kr-kartu{display:flex;flex-direction:column;gap:10px;min-height:190px;padding:18px 18px 16px;border-radius:20px;background:var(--paper,transparent);border:1px solid rgba(var(--wr,120,90,140),.07)}.kr-meta{display:flex;gap:8px;flex-wrap:wrap}.kr-item{display:flex;align-items:center;gap:12px}.kr-teks{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.kr-tumpuk{display:flex;flex-direction:column;gap:14px}.kr-saldo{display:flex;flex-direction:column;gap:10px;padding:2px 0}.kr-saldo .kr-angka{height:calc(34px*var(--sh,1));width:55%;border-radius:10px}.kr-chat{display:flex;flex-direction:column;gap:10px;width:100%}.kr-chat .kr-kiri{align-self:flex-start;width:62%;border-bottom-left-radius:6px}.kr-chat .kr-kanan{align-self:flex-end;width:48%;border-bottom-right-radius:6px}.hb-kr{display:flex;flex-direction:column;width:100%}.hb-kr+.hb-empty{display:none}.kr-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.kr:after{display:none;animation:none}}@media(prefers-reduced-data:reduce){.kr:after{display:none;animation:none}}html.hemat-1 .kr:after,html.hemat-2 .kr:after,html.kr-diam .kr:after{display:none;animation:none}@media print{.kr:after{display:none}}