:root{--navy: #1a2a6c;--gold: #ffd700;--text: #1a2a6c;--muted: #6c7a89;--card: #fff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:#fff;color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:32px;background:#fff}.header{margin-bottom:24px;text-align:center}.header h1{font-size:28px;color:var(--navy)}.header p{color:var(--muted)}.card{background:var(--card);border:1px solid #eaeaea;box-shadow:0 2px 8px #1a2a6c0f;padding:24px 20px;border-radius:10px;display:flex;flex-direction:column;gap:12px;align-items:stretch}label{color:var(--navy);font-size:16px}input[readonly]{background:#f7f8fa;color:var(--navy);border:1px solid #dbe2ef;border-radius:6px;padding:8px;font-size:16px;text-align:right}button{background:var(--gold);color:var(--navy);border:none;padding:10px 12px;border-radius:6px;font-size:16px;font-weight:600;cursor:not-allowed;transition:background .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button:disabled{opacity:.8}.footer{margin-top:36px;color:var(--muted)}.view-nav{display:flex;gap:8px;padding:12px}.view-nav button{padding:8px 12px;border-radius:6px;cursor:pointer;background:transparent;border:1px solid #e6eef8;color:#0f172a;font-weight:600}.view-nav button[aria-pressed=true]{background:#0ea5e9;color:#fff;border-color:#0ea5e9}.qr-amount-input{width:100%;padding:8px;margin-bottom:8px;border-radius:6px;border:1px solid #94a3b8;background:#222;color:#e6eef8;font-size:16px}.qr-preview{margin-top:12px;height:160px;width:160px;border-radius:8px;background:#0f172a;display:flex;align-items:center;justify-content:center;color:#94a3b8}.qr-message{margin-top:12px;color:#93c5fd;font-size:13px}.radio-group{margin-top:8px;display:flex;align-items:center;gap:12px}.radio-group label{font-size:14px;color:#0f172a}.radio-group input{margin-right:6px}.qr-preview .qr-payload{word-break:break-all;max-width:200px;font-size:12px;color:#cbd5e1}.qr-actions{display:flex;gap:8px;margin-top:8px}.qr-actions button{padding:8px 10px;border-radius:6px;border:none;background:var(--gold);color:var(--navy);font-weight:600;cursor:pointer}.toaster-container{position:fixed;right:12px;top:12px;z-index:9999}.toast{margin-bottom:8px;padding:8px 12px;border-radius:8px;box-shadow:0 2px 8px #00000014}.toast.info{background:#bbf7d0;color:#064e3b}.toast.error{background:#fecaca;color:#7f1d1d}.card-narrow{min-width:260px}.field-label{display:block;margin-bottom:2px;font-weight:500}.dark-input{width:100%;padding:8px;margin-bottom:1px;border-radius:6px;border:1px solid #94a3b8;background:#222;color:#e6eef8;font-size:16px;text-align:right}.converted-usd{margin-top:1px;font-size:12px;color:#94a3b8;text-align:right}.rate-message{margin-top:4px;font-size:12px;color:#3b82f6;text-align:right}.full-width{width:100%;margin-top:12px}.wallet-button{margin-top:8px}.payment-result{margin-top:12px;padding:12px;border-radius:8px;min-width:260px;font-size:13px;word-break:break-all;border:1px solid #bbf7d0;background:#052e1320;color:#22c55e}.payment-result.error{border:1px solid #fca5a5;background:#7f1d1d10;color:#ef4444}.payment-result a{color:#22c55e;text-decoration:underline}html,body{max-width:100%;overflow-x:hidden}.card,.card-narrow,.payment-result{max-width:100%;box-sizing:border-box;min-width:0}.qr-preview{width:100%;max-width:260px;height:auto;min-height:160px}.qr-preview svg,.qr-preview img{max-width:100%;height:auto}.qr-payload,.qr-preview .qr-payload{max-width:100%;word-break:break-word;overflow-wrap:anywhere}input,button{min-width:0}@media (max-width: 480px){.app{padding:16px}.header h1{font-size:20px}.card{padding:16px;gap:10px}.wallet-button{width:100%;display:flex;justify-content:center}.radio-group{flex-wrap:wrap;gap:8px}}