:root{--sg-ink:#2B1330;--sg-sub:#5E4A63;--sg-bg:#FFF3F9;--sg-line:#F0D3E4;--sg-chip:#fff;--sg-pilih-bg:#FF1D86;--sg-pilih-fg:#fff;--sg-me:#FFE3F1;--sg-lain:#EFE9F5}html[data-tema=gelap]{--sg-ink:#FBEFF7;--sg-sub:#D9C4D6;--sg-bg:#3A1738;--sg-line:#5C2A58;--sg-chip:#2A1229;--sg-pilih-bg:#FF4FA3;--sg-pilih-fg:#2B0A1E;--sg-me:#5A2250;--sg-lain:#3F3047}.sg-slot:empty{display:none}.sg-kotak{margin-top:12px;padding:14px;border-radius:16px;background:var(--sg-bg);border:1px solid var(--sg-line);color:var(--sg-ink);font-size:calc(13.5px*var(--sh,1));line-height:1.45}.sg-kotak h4{margin:0 0 6px;font-size:calc(14.5px*var(--sh,1));font-weight:800}.sg-kotak p{margin:0 0 8px;color:var(--sg-sub)}.sg-alasan{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.sg-alasan button{min-height:40px;padding:8px 12px;border-radius:999px;border:1px solid var(--sg-line);background:var(--sg-chip);color:var(--sg-ink);font:inherit;font-weight:600;cursor:pointer}.sg-alasan button[aria-pressed=true]{background:var(--sg-pilih-bg);color:var(--sg-pilih-fg);border-color:transparent}.sg-kotak textarea{width:100%;box-sizing:border-box;min-height:84px;padding:10px;border-radius:12px;border:1px solid var(--sg-line);background:var(--sg-chip);color:var(--sg-ink);font:inherit;resize:vertical}.sg-aksi{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;align-items:center}.sg-aksi button,.sg-unduh{min-height:42px;padding:9px 16px;border-radius:12px;border:0;background:var(--sg-pilih-bg);color:var(--sg-pilih-fg);font:inherit;font-weight:700;cursor:pointer}.sg-aksi button.sg-lain,.sg-unduh{background:var(--sg-chip);color:var(--sg-ink);border:1px solid var(--sg-line)}.sg-unduh{min-height:34px;padding:5px 10px;margin-left:6px;font-size:calc(12px*var(--sh,1))}.sg-aksi button:disabled{opacity:.6;cursor:default}.sg-bukti{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:6px}.sg-bukti li{padding:8px 10px;border-radius:12px;background:var(--sg-lain);overflow-wrap:anywhere}.sg-bukti li.sg-me{background:var(--sg-me)}.sg-bukti small{display:block;color:var(--sg-sub);font-size:calc(11.5px*var(--sh,1))}.sg-pesan{min-height:1.2em;margin-top:6px;font-weight:600;color:var(--sg-sub)}.sg-pesan.sg-gagal{color:#c21f2b}html[data-tema=gelap] .sg-pesan.sg-gagal{color:#ff9aa2}.sg-file{font-size:calc(12.5px*var(--sh,1));color:var(--sg-sub)}@media(prefers-reduced-motion:no-preference){.sg-alasan button{transition:background .15s,color .15s}}