*,:before,:after{box-sizing:border-box}body{color:#1a1a1a;background:#f5f5f5;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.app-container{justify-content:center;min-height:100vh;padding:48px 16px;display:flex}.app-inner{width:100%;max-width:580px}.form-card{background:#fff;border:1px solid #e5e5e5;border-radius:20px;padding:32px;box-shadow:0 1px 3px #00000014}.form-title{color:#111;margin:0 0 4px;font-size:24px;font-weight:700}.form-subtitle{color:#666;margin:0 0 24px;font-size:14px}.input-group{margin-bottom:4px}.input-group label{color:#333;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.input-wrapper input{background:#fafafa;border:1px solid #d1d1d1;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.input-wrapper input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.swap-wrapper{justify-content:center;margin:-2px 0;display:flex}.swap-btn{cursor:pointer;color:#666;background:#fff;border:1px solid #d1d1d1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:border-color .2s,color .2s;display:flex;box-shadow:0 1px 3px #0000000f}.swap-btn:hover{color:#3b82f6;border-color:#3b82f6}.convert-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;width:100%;margin-top:20px;padding:14px;font-size:16px;font-weight:600;transition:background .2s}.convert-btn:hover{background:#1d4ed8}.convert-btn:disabled{opacity:.5;cursor:not-allowed}.results-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}@media (width<=600px){.results-grid{grid-template-columns:1fr}}.result-card{background:#fff;border:1px solid #e5e5e5;border-top-width:4px;border-radius:16px;padding:20px;box-shadow:0 1px 3px #00000014}.result-card--green{border-top-color:#22c55e}.result-card--orange{border-top-color:#f97316}.result-card__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.result-card__title{text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px;font-weight:700}.result-card__title--green{color:#15803d}.result-card__title--orange{color:#c2410c}.badge{border:1px solid;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.badge--live{color:#166534;background:#dcfce7;border-color:#bbf7d0}.badge--cached{color:#4b5563;background:#f3f4f6;border-color:#d1d5db}.result-card__body{margin-bottom:14px}.result-card__amount{align-items:baseline;gap:6px;margin-bottom:6px;display:flex}.result-card__value{color:#111;font-size:26px;font-weight:700}.result-card__currency{color:#666;font-size:16px;font-weight:500}.result-card__rate{color:#555;margin:0;font-size:13px}.result-card__rate strong{color:#111}.result-card__ref{color:#777;margin:4px 0 0;font-size:12px}.result-card__footer{color:#888;border-top:1px solid #f0f0f0;padding-top:12px;font-size:12px}.result-card__footer p{margin:0}.market-warning{color:#c2410c;background:#fff7ed;border-radius:8px;margin:0 0 14px;padding:8px 12px;font-size:12px;line-height:1.4}.error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:16px;padding:12px 16px;font-size:14px}