.dnx-wrap{width:100%;box-sizing:border-box;margin:20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.dnx-card{max-width:560px;margin:0 auto;padding:24px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.08);box-sizing:border-box}
.dnx-header{display:flex;gap:14px;align-items:center;margin-bottom:20px}
.dnx-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#111827;color:#fff;font-size:25px;font-weight:800}
.dnx-header h2{margin:0;font-size:22px;line-height:1.2;color:#111827}
.dnx-header p{margin:5px 0 0;color:#6b7280;font-size:14px}
.dnx-rate-box{padding:15px 16px;border-radius:12px;background:#f3f4f6;margin-bottom:20px}
.dnx-rate-box span,.dnx-result span{display:block;font-size:13px;color:#6b7280;margin-bottom:5px}
.dnx-rate-box strong{font-size:20px;color:#111827}
.dnx-field label{display:block;font-size:14px;font-weight:700;margin-bottom:8px;color:#374151}
.dnx-input{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:12px;overflow:hidden;background:#fff}
.dnx-input span{padding-left:14px;font-size:20px;font-weight:700;color:#6b7280}
.dnx-input input{width:100%;border:0;outline:0;padding:14px 12px;font-size:18px;background:transparent;color:#111827}
.dnx-result{margin-top:18px;padding:20px;border-radius:14px;background:#f9fafb;text-align:center}
.dnx-result strong{display:block;font-size:30px;color:#111827;line-height:1.2}
.dnx-updated{text-align:center;color:#6b7280;font-size:12px;margin:12px 0 0}
.dnx-error{padding:10px 12px;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13px;margin:12px 0 0}
.dnx-note{text-align:center;color:#9ca3af;font-size:11px;margin:15px 0 0}
@media(max-width:480px){.dnx-card{padding:18px;border-radius:14px}.dnx-header h2{font-size:19px}.dnx-result strong{font-size:26px}}