:root{--warna-arang: #2B2320;--warna-krim: #FAF6EE;--warna-krim-redup: #F0E9DA;--warna-karamel: #B8722E;--warna-karamel-gelap: #8F5620;--warna-sukses: #3F7D58;--warna-bahaya: #B23A34;--warna-abu: #8A8178;--warna-garis: #E2D9C8;--font-tubuh: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-angka: "SF Mono", "Roboto Mono", Consolas, monospace;--tinggi-tombol: 52px;--radius: 14px;--jarak-aman-bawah: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-tubuh);background:var(--warna-krim);color:var(--warna-arang);-webkit-tap-highlight-color:transparent}button,input,select{font-family:inherit;font-size:16px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--warna-karamel);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.layar{display:flex;flex-direction:column;min-height:100%}.top-bar{padding:16px 20px;background:var(--warna-arang);color:var(--warna-krim);display:flex;align-items:center;justify-content:space-between}.top-bar__judul{font-size:15px;font-weight:600;letter-spacing:.02em}.top-bar__konteks{font-size:13px;color:var(--warna-krim-redup);opacity:.85}.konten{flex:1;padding:20px 20px 100px}.tombol-utama-bawah{position:sticky;bottom:0;padding:16px 20px calc(16px + var(--jarak-aman-bawah));background:linear-gradient(to top,var(--warna-krim) 60%,transparent)}.tombol{width:100%;height:var(--tinggi-tombol);border-radius:var(--radius);border:none;font-size:16px;font-weight:600;cursor:pointer;transition:transform .08s ease,opacity .15s ease}.tombol:active{transform:scale(.98)}.tombol:disabled{opacity:.4;cursor:not-allowed}.tombol--primer{background:var(--warna-karamel);color:var(--warna-krim)}.tombol--primer:not(:disabled):hover{background:var(--warna-karamel-gelap)}.tombol--sekunder{background:transparent;color:var(--warna-arang);border:1.5px solid var(--warna-garis)}.tombol--bahaya{background:var(--warna-bahaya);color:var(--warna-krim)}.input-teks{width:100%;height:var(--tinggi-tombol);padding:0 16px;border-radius:var(--radius);border:1.5px solid var(--warna-garis);background:#fff;color:var(--warna-arang)}.input-teks:focus{border-color:var(--warna-karamel)}.label{display:block;font-size:13px;font-weight:600;color:var(--warna-abu);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.field{margin-bottom:18px}.pesan-error{background:#fbeae9;color:var(--warna-bahaya);padding:12px 14px;border-radius:10px;font-size:14px;margin-bottom:16px}.pesan-sukses{background:#e9f3ed;color:var(--warna-sukses);padding:12px 14px;border-radius:10px;font-size:14px;margin-bottom:16px}.kartu{background:#fff;border-radius:var(--radius);padding:16px;border:1px solid var(--warna-garis)}.spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:putar .7s linear infinite}@keyframes putar{to{transform:rotate(360deg)}}