.eccc-widget{max-width:800px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.eccc-header{text-align:center;margin-bottom:2rem}
.eccc-title{color:#111827;font-size:2rem;line-height:1.2;margin:0 0 .5rem;font-weight:800}
.eccc-subtitle{color:#6b7280;font-size:1rem;margin:0 auto;max-width:640px}

.eccc-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.08);padding:1.5rem;margin-bottom:1.5rem}

.eccc-grid{display:grid;grid-template-columns:1fr 1fr auto 1fr;gap:.75rem;margin-bottom:1rem;align-items:end}
.eccc-field{}
.eccc-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}
.eccc-input{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s}
.eccc-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.12)}

.eccc-swap{display:flex;align-items:center;justify-content:center}
.eccc-swap-btn{background:#7c3aed;color:#fff;border:none;border-radius:9999px;width:44px;height:44px;font-size:20px;cursor:pointer}
.eccc-swap-btn:hover{background:#6d28d9}

.eccc-results{margin-top:.5rem}
.eccc-status{min-height:24px;color:#6b7280;font-size:.95rem}
.eccc-main{text-align:center;background:#f5f3ff;border-radius:12px;padding:1rem}
.eccc-converted{font-size:2rem;font-weight:800;color:#7c3aed}
.eccc-rate{margin-top:.5rem;color:#374151;font-weight:600}
.eccc-updated{margin-top:.25rem;color:#6b7280;font-size:.85rem}

.eccc-section-title{color:#111827;font-size:1.25rem;font-weight:700;margin:0 0 1rem}
.eccc-content{color:#374151;line-height:1.7;font-size:1rem}

@media (max-width:768px){
  .eccc-grid{grid-template-columns:1fr;align-items:initial}
  .eccc-widget{padding:0 1rem}
  .eccc-swap{justify-content:flex-start}
}