*{box-sizing:border-box}body{color:#1a1a1a;background:#f7f7f8;margin:0;font-family:system-ui,sans-serif}main{width:min(28rem,100% - 2rem);margin:2.5rem auto}h1{margin:0 0 .5rem;font-size:1.35rem}p{line-height:1.5}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.lang-toggle{background:#fff;border:1px solid #d1d1d1;border-radius:999px;gap:.25rem;padding:.15rem;display:flex}.lang-toggle button{font:inherit;cursor:pointer;color:#555;background:0 0;border:none;border-radius:999px;padding:.3rem .7rem;font-size:.8rem}.lang-toggle button[aria-current=true]{color:#fff;background:#1a1a1a}.card{background:#fff;border:1px solid #e5e5e5;border-radius:.75rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.merchant-row{align-items:center;gap:.75rem;display:flex}.merchant-avatar{color:#fff;background:#1a1a1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-weight:700;display:flex}.merchant-name{color:#555;font-size:.9rem}.amount{margin:0;font-size:2rem;font-weight:700}.link-title{margin:0;font-size:1.05rem;font-weight:600}.link-description{color:#555;white-space:pre-wrap;margin:0}.field{flex-direction:column;gap:.3rem;display:flex}.field label{font-size:.85rem;font-weight:600}.field input{font:inherit;border:1px solid #c8c8c8;border-radius:.5rem;width:100%;padding:.65rem .75rem}.button{font:inherit;color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #1a1a1a;border-radius:.5rem;width:100%;padding:.8rem 1rem;font-size:1rem;font-weight:600}.button:disabled{opacity:.55;cursor:default}.button--secondary{color:#1a1a1a;background:#fff}.trust-list{color:#555;flex-direction:column;gap:.4rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.trust-list li{align-items:center;gap:.5rem;display:flex}.trust-list svg{flex-shrink:0}.muted{color:#666;font-size:.875rem}.banner{border:1px solid #0000;border-radius:.5rem;padding:.75rem 1rem;font-size:.9rem}.banner--danger{color:#7a1f16;background:#fdecea;border-color:#f4c2be}.banner--warning{color:#6b5300;background:#fdf6e3;border-color:#f0dfa8}.state-page{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;display:flex}.state-page .icon{font-size:2rem}.spinner{border:3px solid #d1d1d1;border-top-color:#1a1a1a;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.receipt-table{border-collapse:collapse;width:100%;font-size:.9rem}.receipt-table th,.receipt-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eee;padding:.5rem 0}.receipt-table th{color:#666;width:40%;font-weight:500}.link{color:#1a4fd6;text-decoration:underline}@media (prefers-color-scheme:dark){body{color:#e8e8e8;background:#111214}.card,.lang-toggle{background:#191a1d;border-color:#2b2c30}.lang-toggle button[aria-current=true]{color:#111214;background:#e8e8e8}.field input{color:#e8e8e8;background:#111214;border-color:#3a3b3f}.button{color:#111214;background:#e8e8e8;border-color:#e8e8e8}.button--secondary{color:#e8e8e8;background:0 0}.receipt-table th,.receipt-table td{border-color:#2b2c30}}
