/* ==========================================
   ULTRAKIT CURRENCY CONVERTER
   ========================================== */
.ultrakit-ccv-wrapper { --ccv-a: #6c5ce7; --ccv-b: #00cec9; --ccv-r: 26px; --ccv-w: 560px; --ccv-bg: #ffffff; --ccv-tx: #1a1a2e; --ccv-mu: #6b6b85; --ccv-bd: #e8e8f2; width: 100%; box-sizing: border-box; font-family: inherit; color: var(--ccv-tx); }
.ultrakit-ccv-wrapper *, .ultrakit-ccv-wrapper *::before, .ultrakit-ccv-wrapper *::after { box-sizing: border-box; }
.ccv-skin-dark { --ccv-bg: #16162b; --ccv-tx: #ffffff; --ccv-mu: #a9a9cb; --ccv-bd: rgba(255,255,255,0.1); }
.ccv-skin-gradient { --ccv-bg: linear-gradient(135deg, #2b1f6b, #0f4c81 60%, #0b7285); --ccv-tx: #ffffff; --ccv-mu: rgba(255,255,255,0.8); --ccv-bd: rgba(255,255,255,0.25); }
.ultrakit-ccv-card { max-width: var(--ccv-w); margin: 0 auto; padding: 32px; background: var(--ccv-bg); border: 1.5px solid var(--ccv-bd); border-radius: var(--ccv-r); box-shadow: 0 26px 70px rgba(20,20,50,0.14); display: flex; flex-direction: column; gap: 20px; }
.ultrakit-ccv-title { margin: 0; font-size: 24px; font-weight: 900; color: var(--ccv-tx); }
.ultrakit-ccv-amtwrap label, .ultrakit-ccv-sel label { display: block; margin-bottom: 8px; font-size: 12.5px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: var(--ccv-mu); }
.ultrakit-ccv-amt { width: 100%; padding: 16px 18px !important; background: transparent !important; color: var(--ccv-tx) !important; border: 2px solid var(--ccv-bd) !important; border-radius: 16px !important; font-family: inherit; font-size: 26px; font-weight: 900; outline: none; box-shadow: none !important; font-variant-numeric: tabular-nums; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.ultrakit-ccv-amt:focus { border-color: var(--ccv-a) !important; box-shadow: 0 0 0 5px color-mix(in srgb, var(--ccv-a) 15%, transparent) !important; }
.ultrakit-ccv-pair { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 12px; align-items: end; }
.ultrakit-ccv-sel select { width: 100%; padding: 14px 12px !important; background-color: var(--ccv-bg) !important; color: var(--ccv-tx) !important; border: 2px solid var(--ccv-bd) !important; border-radius: 14px !important; font-family: inherit; font-size: 14.5px; font-weight: 700; outline: none; cursor: pointer; height: auto; }
.ultrakit-ccv-sel select:focus { border-color: var(--ccv-a) !important; }
.ccv-skin-gradient .ultrakit-ccv-sel select option, .ccv-skin-dark .ultrakit-ccv-sel select option { color: #1a1a2e; background: #ffffff; }
.ultrakit-ccv-swap { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; padding: 0 !important; box-sizing: border-box; background: linear-gradient(135deg, var(--ccv-a), color-mix(in srgb, var(--ccv-a) 55%, var(--ccv-b))); color: #ffffff !important; border: 0; border-radius: 50%; cursor: pointer; box-shadow: 0 10px 24px color-mix(in srgb, var(--ccv-a) 35%, transparent); transition: transform 0.4s ease; }
.ultrakit-ccv-swap:hover { transform: rotate(180deg) scale(1.06); } .ultrakit-ccv-swap svg { flex-shrink: 0; width: 20px; height: 20px; }
.ultrakit-ccv-result { padding: 22px 24px; border-radius: 18px; background: color-mix(in srgb, var(--ccv-a) 9%, transparent); }
.ccv-skin-gradient .ultrakit-ccv-result { background: rgba(255,255,255,0.14); }
.ultrakit-ccv-from-line { display: block; font-size: 14px; font-weight: 700; color: var(--ccv-mu); }
.ultrakit-ccv-out { display: block; margin: 6px 0 2px; font-size: clamp(30px, 6vw, 44px); font-weight: 900; line-height: 1.1; letter-spacing: -1px; font-variant-numeric: tabular-nums; word-break: break-word; background: linear-gradient(135deg, var(--ccv-a), var(--ccv-b)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ccv-skin-gradient .ultrakit-ccv-out { background: none; color: #ffffff; -webkit-text-fill-color: #ffffff; }
.ultrakit-ccv-to-name { font-size: 14px; font-weight: 800; color: var(--ccv-tx); }
.ultrakit-ccv-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px; font-size: 12.5px; font-weight: 600; color: var(--ccv-mu); margin-top: -8px; }
.ultrakit-ccv-table h5 { margin: 0 0 10px; font-size: 12px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; color: var(--ccv-mu); }
.ultrakit-ccv-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 4px; border-bottom: 1px solid var(--ccv-bd); font-size: 14.5px; }
.ultrakit-ccv-row:last-child { border-bottom: 0; }
.ultrakit-ccv-row span { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; } .ultrakit-ccv-row b { font-weight: 900; font-variant-numeric: tabular-nums; }
@media (max-width: 520px) { .ultrakit-ccv-card { padding: 22px 18px; } .ultrakit-ccv-pair { grid-template-columns: 1fr; } .ultrakit-ccv-swap { margin: 0 auto; transform: rotate(90deg); } .ultrakit-ccv-swap:hover { transform: rotate(270deg); } }