.converter-container{max-width:1000px;margin:0 auto;padding:0 16px}.converter-card{background:var(--surf, #ffffff);border-radius:20px;box-shadow:var(--sh-md, 0 10px 30px rgba(0, 0, 0, .06));border:1px solid var(--brd, #e2e8f0);overflow:hidden;margin-bottom:28px;transition:background-color .25s ease,border-color .25s ease}.converter-header{background:linear-gradient(135deg,#2563eb,#0284c7);padding:22px 28px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}.header-title-wrap{display:flex;align-items:center;gap:12px}.header-title-wrap i{font-size:1.65rem;opacity:.95}.converter-header h1{font-size:clamp(1.25rem,3.5vw,1.6rem);font-weight:800;margin:0;line-height:1.25;color:#fff}.live-status-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);padding:6px 14px;border-radius:999px;font-size:.8rem;font-weight:600;color:#fff;letter-spacing:.2px}.live-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 #10b981b3;animation:livePulse 2s infinite}@keyframes livePulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.live-time{opacity:.85;font-size:.75rem}.converter-body{padding:26px 28px 30px}.quick-pairs-wrap{display:flex;align-items:center;gap:10px;margin-bottom:22px;flex-wrap:wrap}.quick-pairs-label{font-size:.85rem;font-weight:700;color:var(--txt-2, #64748b);white-space:nowrap}.quick-pairs-chips{display:flex;gap:8px;flex-wrap:wrap}.quick-pair-btn{background:var(--bg-alt, #f1f5f9);border:1px solid var(--brd, #e2e8f0);border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:600;color:var(--txt-1, #1e293b);cursor:pointer;transition:all .15s ease}.quick-pair-btn:hover{background:var(--c-primary, #2563eb);color:#fff;border-color:var(--c-primary, #2563eb);transform:translateY(-1px)}.quick-pair-btn.active{background:var(--c-primary, #2563eb);color:#fff;border-color:var(--c-primary, #2563eb)}.converter-controls-grid{display:grid;grid-template-columns:1.2fr 1.3fr auto 1.3fr;gap:16px;align-items:start;margin-bottom:16px}.control-col{display:flex;flex-direction:column;gap:8px;justify-content:flex-start}.control-label,.control-label-spacer{font-size:.82rem;font-weight:700;color:var(--txt-2, #64748b);display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.4px;height:20px;line-height:20px;margin:0;padding:0;box-sizing:border-box}.control-label-spacer{visibility:hidden;user-select:none;pointer-events:none}.input-with-addons{position:relative;width:100%;display:flex;align-items:center}.input-with-addons .currency-input{padding-right:38px}.clear-input-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--txt-3, #94a3b8);cursor:pointer;padding:6px;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,transform .15s ease,opacity .15s ease;opacity:.75;z-index:2}.clear-input-btn:hover{color:#ef4444;transform:translateY(-50%) scale(1.1);opacity:1}.clear-input-btn.is-hidden{display:none!important}[data-theme=dark] .clear-input-btn{color:#64748b}[data-theme=dark] .clear-input-btn:hover{color:#f87171}.currency-input,.currency-select{width:100%;height:48px;padding:0 14px;font-size:1.05rem;font-weight:600;color:var(--txt-1, #0f172a);background:var(--bg-card, #ffffff);border:1.5px solid var(--brd, #cbd5e1);border-radius:12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;font-family:inherit;line-height:48px}.currency-input:focus,.currency-select:focus{border-color:var(--c-primary, #2563eb);box-shadow:0 0 0 3px #2563eb26}.currency-select{cursor:pointer}.col-swap{display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:flex-start}.currency-swap-btn{width:48px;height:48px;border-radius:50%;background:var(--bg-alt, #f1f5f9);border:1.5px solid var(--brd, #cbd5e1);color:var(--c-primary, #2563eb);display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box;padding:0;margin:0}.currency-swap-btn:hover{background:var(--c-primary, #2563eb);color:#fff;border-color:var(--c-primary, #2563eb);transform:rotate(180deg) scale(1.05)}.quick-amounts-bar{display:flex;align-items:center;gap:8px;margin-bottom:22px;flex-wrap:wrap}.quick-amounts-label{font-size:.82rem;font-weight:700;color:var(--txt-2, #64748b);text-transform:uppercase;letter-spacing:.4px;margin-right:4px}.quick-amt-btn{background:var(--bg-alt, #f8fafc);border:1px solid var(--brd, #cbd5e1);border-radius:999px;padding:5px 14px;font-size:.82rem;font-weight:600;color:var(--txt-2, #475569);cursor:pointer;transition:all .15s ease}.quick-amt-btn:hover{background:var(--bg-hover, #e2e8f0);color:var(--txt-1, #0f172a)}.quick-amt-btn.active{background:var(--c-primary, #2563eb);color:#fff;border-color:var(--c-primary, #2563eb)}.conversion-result-card{background:linear-gradient(135deg,#2563eb0d,#0ea5e914);border:1.5px solid rgba(37,99,235,.2);border-radius:16px;padding:24px;text-align:center;margin-bottom:22px}.result-formula-sub{font-size:1rem;font-weight:600;color:var(--txt-2, #64748b);margin-bottom:6px}.result-main-value{display:flex;justify-content:center;align-items:baseline;gap:10px;margin-bottom:12px}.result-number{font-size:clamp(2rem,6vw,3rem);font-weight:800;color:var(--txt-1, #0f172a);letter-spacing:-.5px;line-height:1.1}.result-currency{font-size:clamp(1.2rem,3.5vw,1.6rem);font-weight:700;color:var(--c-primary, #2563eb)}.result-rates-row{display:flex;justify-content:center;align-items:center;gap:12px;font-size:.88rem;color:var(--txt-2, #64748b);font-weight:600;flex-wrap:wrap}.unit-rate-sep{opacity:.4}.ev-equivalent-card{display:flex;align-items:center;gap:18px;background:var(--bg-alt, #f8fafc);border:1px dashed var(--brd, #cbd5e1);border-radius:14px;padding:16px 20px;margin-bottom:26px}.ev-eq-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}.ev-eq-content{flex:1}.ev-eq-title{font-size:.95rem;font-weight:700;color:var(--txt-1, #0f172a);margin-bottom:4px}.ev-eq-desc{font-size:.88rem;color:var(--txt-2, #475569);line-height:1.5}.ev-eq-desc strong{color:var(--c-primary, #2563eb);font-weight:700}.quick-tables-section{margin-top:10px}.quick-tables-title{font-size:1.05rem;font-weight:700;color:var(--txt-1, #0f172a);margin:0 0 14px;display:flex;align-items:center;gap:8px}.quick-tables-title i{color:var(--c-primary, #2563eb)}.quick-tables-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quick-table-card{background:var(--bg-card, #ffffff);border:1px solid var(--brd, #e2e8f0);border-radius:12px;overflow:hidden}.quick-conversion-table{width:100%;border-collapse:collapse;font-size:.88rem}.quick-conversion-table thead th{background:var(--bg-alt, #f8fafc);color:var(--txt-1, #1e293b);font-weight:700;padding:10px 14px;text-align:left;border-bottom:1.5px solid var(--brd, #e2e8f0);font-size:.82rem;text-transform:uppercase;letter-spacing:.4px}.quick-conversion-table thead th:last-child{text-align:right}.quick-conversion-table tbody td{padding:9px 14px;border-bottom:1px solid var(--brd, #f1f5f9);color:var(--txt-1, #1e293b)}.quick-conversion-table tbody td:last-child{text-align:right;font-weight:700;color:var(--c-primary, #2563eb)}.quick-conversion-table tbody tr:last-child td{border-bottom:none}.quick-conversion-table tbody tr:hover{background:var(--bg-hover, #f8fafc)}@media(max-width:820px){.converter-controls-grid{grid-template-columns:1fr auto 1fr;gap:12px}.col-amount{grid-column:span 3}.col-from{grid-column:1}.col-swap{grid-column:2}.col-to{grid-column:3}.quick-tables-grid{grid-template-columns:1fr}}@media(max-width:540px){.converter-header{padding:18px}.converter-body{padding:18px 16px 24px}.converter-controls-grid{grid-template-columns:1fr;gap:12px}.col-amount,.col-from,.col-to,.col-swap{grid-column:auto}.col-swap{flex-direction:row;justify-content:center;margin:-2px 0}.col-swap .control-label-spacer{display:none}.currency-swap-btn{transform:rotate(90deg)}.currency-swap-btn:hover{transform:rotate(270deg) scale(1.05)}.conversion-result-card{padding:18px 14px}.result-rates-row{flex-direction:column;gap:4px}.unit-rate-sep{display:none}.ev-equivalent-card{flex-direction:column;text-align:center;gap:12px}}[data-theme=dark] .converter-card{background:var(--surf, #111f3a);border-color:var(--brd, rgba(255, 255, 255, .08));box-shadow:0 10px 30px #0000004d}[data-theme=dark] .converter-header{background:linear-gradient(135deg,#1e3a8a,#0369a1)}[data-theme=dark] .currency-input,[data-theme=dark] .currency-select{background:#0f172a99;color:#f8fafc;border-color:#ffffff1f}[data-theme=dark] .currency-input:focus,[data-theme=dark] .currency-select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}[data-theme=dark] .currency-swap-btn,[data-theme=dark] .quick-pair-btn,[data-theme=dark] .quick-amt-btn{background:#ffffff0f;border-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .quick-pair-btn:hover,[data-theme=dark] .quick-pair-btn.active,[data-theme=dark] .quick-amt-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}[data-theme=dark] .currency-swap-btn{color:#38bdf8}[data-theme=dark] .currency-swap-btn:hover{background:#2563eb;color:#fff}[data-theme=dark] .conversion-result-card{background:#1e3a8a33;border-color:#38bdf840}[data-theme=dark] .result-number{color:#f8fafc}[data-theme=dark] .result-currency{color:#38bdf8}[data-theme=dark] .ev-equivalent-card{background:#ffffff08;border-color:#ffffff1a}[data-theme=dark] .ev-eq-title{color:#f8fafc}[data-theme=dark] .ev-eq-desc{color:#94a3b8}[data-theme=dark] .quick-table-card{background:#0f172a66;border-color:#ffffff14}[data-theme=dark] .quick-conversion-table thead th{background:#ffffff0a;color:#f8fafc;border-bottom-color:#ffffff14}[data-theme=dark] .quick-conversion-table tbody td{color:#e2e8f0;border-bottom-color:#ffffff0a}[data-theme=dark] .quick-conversion-table tbody td:last-child{color:#38bdf8}[data-theme=dark] .quick-conversion-table tbody tr:hover{background:#ffffff08}.currency-info-section{width:100%;margin:20px 0 0;padding:0}.currency-info-panel{background:var(--surf, #fff);border:1px solid var(--brd, #e2e8f0);border-radius:18px;padding:24px;margin-bottom:18px;box-shadow:var(--sh-sm, 0 2px 8px rgba(0, 0, 0, .04));transition:background-color .25s ease,border-color .25s ease}[data-theme=dark] .currency-info-panel{background:var(--surf, #111f3a);border-color:var(--brd, rgba(255, 255, 255, .07))}.currency-info-panel h2{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;margin-bottom:12px;color:var(--c-primary, #2563eb)}.currency-info-panel p,.currency-info-panel li{font-size:.92rem;line-height:1.7;color:var(--txt-2, #475569)}[data-theme=dark] .currency-info-panel p,[data-theme=dark] .currency-info-panel li{color:#94a3b8}.currency-info-panel p{margin-bottom:10px}.currency-info-panel p:last-child{margin-bottom:0}.currency-tips-list{list-style:none;padding-left:0;margin:0;display:grid;gap:10px}.currency-tips-list li{position:relative;padding-left:20px}.currency-tips-list li:before{content:"";position:absolute;left:0;top:.68em;width:7px;height:7px;border-radius:50%;background:var(--c-primary, #2563eb)}