.currency-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.currency-shortcuts button{min-height:44px;padding:8px 16px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm);font:inherit;cursor:pointer}.currency-shortcuts button:hover{border-color:var(--color-accent);color:var(--color-accent)}#currency-updated{font-size:.85rem;text-align:end}#currency-result{font-size:clamp(1.8rem,5vw,3.2rem);overflow-wrap:anywhere}.field[hidden]{display:none}#currency-feedback{font-size:.85rem}.currency-identity{display:flex;align-items:center;gap:9px;min-height:32px;margin-top:6px;font-size:.8rem;color:var(--color-muted)}.currency-identity bdi{margin-inline-start:auto;font-weight:600}.currency-mark{display:inline-flex;width:30px;height:20px;flex:0 0 30px;overflow:hidden;border-radius:3px;box-shadow:0 0 0 1px var(--color-border)}.currency-mark svg{width:100%;height:100%}.currency-code-mark{align-items:center;justify-content:center;font-size:.6rem;font-weight:700;background:var(--color-bg);color:var(--color-text)}.currency-recent{padding-block:24px;border-bottom:1px solid var(--color-border)}.currency-recent h2{font-size:1.15rem}.currency-recent .section-heading{gap:12px;flex-wrap:wrap}.currency-recent p{font-size:.85rem;margin:0}.currency-recent .currency-shortcuts{margin-top:12px}@media(max-width:430px){.currency-identity{gap:6px;font-size:.75rem}.currency-recent .text-link{min-height:44px}.currency-recent .section-heading{margin-bottom:8px}}