.currency-controls{border-block:1px solid var(--line);grid-template-columns:minmax(160px,1fr) minmax(210px,1.1fr) 44px minmax(210px,1.1fr);align-items:end;gap:12px;padding:14px 20px;display:grid}.currency-amount-field,.currency-selection{flex-direction:column;gap:8px;min-width:0;font-size:13px;font-weight:500;display:flex}.currency-amount-input{border:1px solid #d5d5dc;border-radius:7px;align-items:center;min-width:0;padding-left:12px;display:flex}.currency-amount-input>span{font-family:var(--mono);color:var(--ink);font-size:18px;font-weight:500}.currency-amount-input input{width:100%;min-width:0;min-height:54px;font-size:24px;line-height:1.25;font-family:var(--mono);font-variant-numeric:tabular-nums;border:0;padding:10px}.currency-select{text-align:left;background:#fff;border-color:#d5d5dc;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 12px;display:flex}.currency-select>span{flex:1;min-width:0}.currency-select strong,.currency-select small{overflow-wrap:anywhere;display:block}.currency-select strong{font-family:var(--mono);font-size:14px;font-weight:550}.currency-select small{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.4}.currency-select>svg,.currency-flag{flex-shrink:0}.currency-flag{object-fit:cover;border-radius:3px;width:28px;height:21px;box-shadow:0 0 0 1px #253e351a}.currency-swap{border:1px solid var(--line);background:#fff;align-self:end;width:44px;height:56px}.currency-result{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);align-items:center;gap:24px;padding:22px 20px;display:grid}.currency-result-main,.currency-unit-rates{min-width:0}.currency-result-main>p{overflow-wrap:anywhere;margin-bottom:6px;font-size:14px}.currency-output{font-family:var(--mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:32px;font-weight:450;line-height:1.4;display:block}.currency-output>span{color:var(--muted);letter-spacing:0;font-size:18px}.currency-result-name{color:var(--muted);align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.currency-result-name .currency-flag{width:20px;height:15px}.currency-unit-rates{border-left:1px solid var(--line);padding-left:22px}.currency-unit-rates p{overflow-wrap:anywhere;margin-bottom:6px;font-size:13px}.currency-unit-rates strong{font-family:var(--mono);color:var(--ink);font-weight:500}.currency-unit-rates .text-button{margin-top:2px;font-size:13px}.currency-rate-details{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 20px;padding:12px 20px;font-size:12px;display:flex}.currency-rate-details a{text-underline-offset:3px;text-decoration:underline}.currency-feed-status{color:#37574a;align-items:center;gap:7px;font-weight:550;display:inline-flex}.currency-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.currency-feed-status.feed-warning{color:#775525}.currency-feed-notice,.currency-validation{border-top:1px solid var(--line);background:#f6f7f6;margin:0;padding:12px 20px;font-size:13px;line-height:1.7}.currency-validation{color:#8b342e}.currency-loading{text-align:center;align-content:center;min-height:290px;padding:20px;display:grid}.currency-comparisons{margin-top:18px}.currency-comparison-head,.currency-comparison-row{grid-template-columns:minmax(180px,1.3fr) minmax(140px,1fr) minmax(150px,1fr) 40px;align-items:center;gap:16px;padding:12px 20px;display:grid}.currency-comparison-head{border-top:1px solid var(--line);color:var(--muted);padding-block:9px;font-size:12px}.currency-comparison-head>span:nth-child(3){text-align:right}.currency-comparison-row{border-top:1px solid var(--line)}.currency-comparison-identity{align-items:center;gap:12px;min-width:0;display:flex}.currency-comparison-identity>div{min-width:0}.currency-comparison-identity strong{font-size:14px;font-family:var(--mono);font-weight:500;display:block}.currency-comparison-identity span{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.currency-comparison-rate{font-family:var(--mono);overflow-wrap:anywhere;min-width:0;font-size:13px}.currency-comparison-rate>small{display:none}.currency-comparison-rate>.currency-row-observed{font-family:var(--font-sans);color:var(--muted);margin-top:4px;font-size:11px;display:block}.currency-comparisons .converter-note a{text-underline-offset:3px;text-decoration:underline}.currency-comparison-value{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:16px;font-weight:450}.currency-comparison-value>small{color:var(--muted);font-size:11px}.currency-option-code{min-width:38px;font-family:var(--mono);font-size:14px;font-weight:500}.currency-modal .zone-option-text>span{color:var(--muted);font-size:12px}.manual-link textarea{resize:vertical;border:1px solid var(--line);width:100%;max-width:100%;font:13px/1.7 var(--mono);color:var(--ink);background:#fff;border-radius:7px;padding:10px}@media (max-width:760px){.currency-controls{grid-template-columns:minmax(0,1fr) 44px;padding:14px 16px}.currency-amount-field{grid-column:1/-1}.currency-selection{grid-column:1}.currency-swap{grid-area:2/2/4;align-self:center}.currency-swap svg{transform:rotate(90deg)}.currency-result{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px 16px}.currency-output{font-size:28px}.currency-unit-rates{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.currency-rate-details,.currency-feed-notice,.currency-validation{padding:12px 16px}.currency-comparison-head{display:none}.currency-comparison-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px;gap:6px 10px;padding:12px 16px}.currency-comparison-identity{grid-area:1/1/auto/3}.currency-comparison-rate{grid-area:2/1;font-size:12px}.currency-comparison-rate>small{color:var(--muted);font-size:11px;display:block}.currency-comparison-value{grid-area:2/2}.currency-comparison-row>button{grid-area:1/3/3;width:32px}.currency-modal .city-option{gap:10px}}
