.currency-converter-wrap{box-sizing:border-box;background:linear-gradient(to bottom right,#eff6ff,#fff7ed);border:1px solid #dbeafe;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:16px}.currency-converter-title{margin:0 0 16px;font-size:18px;font-weight:700;color:#111827;text-align:center}.currency-converter-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06);border:1px solid #e5e7eb;padding:16px}.currency-converter-row{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.currency-converter-field{flex:1;min-width:0}.currency-converter-label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.05em}.currency-converter-input-wrap{display:flex;align-items:center;gap:12px;border:1px solid #e5e7eb;border-radius:12px;overflow:visible;background:#f9fafb;padding:16px;transition:border-color .2s}.currency-converter-input-wrap:hover{border-color:#0f6fff}.currency-converter-input-wrap .currency-converter-divider{width:1px;min-height:32px;align-self:stretch;background:#d1d5db;flex-shrink:0}.currency-converter-input{flex:1;min-width:0;padding:0;font-size:20px;font-weight:700;border:none;outline:none;background:transparent;color:#111827}.currency-converter-input::placeholder{color:#9ca3af}.currency-converter-result-wrap{background:linear-gradient(90deg,#fff7ed,#ffedd5);border-color:#fed7aa}.currency-converter-result-wrap:hover{border-color:#ff7d1a}.currency-converter-result-wrap .currency-converter-divider{background:#fdba74}.currency-converter-result{background:transparent!important;color:#ff7d1a;font-weight:700;font-size:20px}.currency-converter-dropdown{position:relative;flex:0 0 96px;min-width:80px;max-width:96px}.currency-converter-dropdown-open.currency-converter-dropdown{z-index:100}.currency-converter-dropdown-btn{display:flex;align-items:center;width:100%;min-width:0;min-height:40px;padding:8px 32px 8px 12px;font-size:14px;font-weight:700;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:9999px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-sizing:border-box}.currency-converter-input-wrap .currency-converter-dropdown-btn:focus-within,.currency-converter-input-wrap .currency-converter-dropdown-btn:hover{border-color:#0f6fff;box-shadow:0 0 0 2px rgba(15,111,255,.2)}.currency-converter-dropdown-highlight .currency-converter-dropdown-btn{border-color:#d1d5db}.currency-converter-dropdown-highlight .currency-converter-dropdown-btn:focus-within,.currency-converter-dropdown-highlight .currency-converter-dropdown-btn:hover,.currency-converter-dropdown-highlight.currency-converter-dropdown-open .currency-converter-dropdown-btn{border-color:#ff7d1a;box-shadow:0 0 0 2px rgba(255,125,26,.2)}.currency-converter-dropdown-open .currency-converter-dropdown-btn{border-color:#0f6fff;box-shadow:0 0 0 2px rgba(15,111,255,.2)}.currency-converter-dropdown-btn-input{flex:1;min-width:0;padding:0;font-size:inherit;font-weight:inherit;color:inherit;background:transparent;border:none;outline:none;text-transform:uppercase;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.currency-converter-dropdown-open .currency-converter-dropdown-btn-input{cursor:text}.currency-converter-dropdown-btn-input::placeholder{color:#9ca3af}.currency-converter-dropdown-btn-arrow{position:absolute;right:12px;z-index:1;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #111827;flex-shrink:0;cursor:pointer}.currency-converter-dropdown-list{position:absolute;z-index:10;top:100%;left:0;margin-top:4px;min-width:200px;max-height:min(320px,60vh);overflow:hidden;display:flex;flex-direction:column;background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.12),0 0 1px rgba(0,0,0,.08);border:1px solid #e5e7eb}.currency-converter-dropdown-list-caret{position:absolute;top:-6px;left:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.06))}.currency-converter-dropdown-list-align-right .currency-converter-dropdown-list{left:auto;right:0}.currency-converter-dropdown-list-align-right .currency-converter-dropdown-list-caret{left:auto;right:20px}@media (min-width:769px){.currency-converter-result-wrap .currency-converter-dropdown-list{left:auto;right:0}.currency-converter-result-wrap .currency-converter-dropdown-list-caret{left:auto;right:20px}}.currency-converter-dropdown-list-ul{margin:0;padding:6px 0;list-style:none;flex:1;min-height:0;max-height:min(260px,50vh);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.currency-converter-dropdown-list-ul::-webkit-scrollbar{width:6px}.currency-converter-dropdown-list-ul::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.currency-converter-dropdown-list-ul::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.currency-converter-dropdown-list-ul::-webkit-scrollbar-thumb:hover{background:#94a3b8}.currency-converter-dropdown-empty{padding:12px 14px;font-size:13px;color:#6b7280;text-align:center}.currency-converter-dropdown-option{display:block;width:100%;padding:10px 14px;font-size:14px;text-align:left;background:none;border:none;cursor:pointer;outline:none;transition:background .15s}.currency-converter-dropdown-option:hover{background:#f1f5f9}.currency-converter-dropdown-option-code{display:block;font-weight:700;color:#111827;margin-bottom:2px}.currency-converter-dropdown-option-name{display:block;font-weight:400;font-size:12px;color:#6b7280}.currency-converter-input-wrap .currency-converter-dropdown{border:none}.currency-converter-input-wrap .currency-converter-dropdown-btn{border:1px solid #d1d5db;border-radius:9999px}.currency-converter-rate-text{margin-top:0;font-size:12px;font-weight:600;color:#4b5563}.currency-converter-swap-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin:-4px 0;padding:0}.currency-converter-swap-btn{padding:12px;border:none;border-radius:9999px;background:#0f6fff;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:background .2s,transform .15s ease,box-shadow .2s;z-index:10;position:relative}.currency-converter-swap-btn:hover:not(:disabled){background:#0d5fe5;transform:scale(1.1);box-shadow:0 14px 20px -4px rgba(15,111,255,.25),0 6px 10px -4px rgba(0,0,0,.1)}.currency-converter-swap-btn:active:not(:disabled){transform:scale(.95)}.currency-converter-swap-btn:disabled{opacity:.6;cursor:not-allowed}.currency-converter-swap-icon{width:20px;height:20px;flex-shrink:0;display:block}.currency-converter-meta{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#6b7280}.currency-converter-updated{font-size:12px;color:#9ca3af}.currency-converter-disclaimer{margin:12px 0 0;font-size:12px;color:#6b7280;text-align:center}@media (min-width:640px){.currency-converter-wrap{padding:24px}.currency-converter-title{font-size:20px}.currency-converter-card{padding:24px}.currency-converter-input,.currency-converter-result{font-size:24px}.currency-converter-meta{flex-direction:row}}@media (max-width:768px){.currency-converter-title{font-size:18px;margin-bottom:16px}.currency-converter-card{padding:16px}.currency-converter-row{flex-direction:column;align-items:stretch;gap:16px}.currency-converter-from{order:1}.currency-converter-swap-wrap{order:2;margin:-4px 0;justify-content:center}.currency-converter-to{order:3}.currency-converter-swap-btn:hover:not(:disabled){transform:scale(1.05)}.currency-converter-dropdown-list{left:auto;right:0}.currency-converter-dropdown-list-caret{left:auto;right:20px}}@media (min-width:768px){.currency-converter-label{display:none}.currency-converter-swap-wrap{margin:0}}