:root{color-scheme:light;--cream:oklch(.973 .012 88);--ink:oklch(.22 .012 60);--coffee:oklch(.42 .035 62);--gold:oklch(.72 .09 78);--card:oklch(.99 .007 90);--border:oklch(.885 .016 84);--muted:oklch(.46 .02 68);--primary:oklch(.26 .012 60)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 Manrope,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,summary{cursor:pointer}button:disabled,select:disabled{cursor:wait;opacity:.55}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.site-header{display:flex;justify-content:space-between;align-items:center;padding-block:27px;border-bottom:1px solid var(--border)}.brand{text-decoration:none;font-size:17px;font-weight:600;letter-spacing:.06em}.brand span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-weight:400}.home-link{font-size:14px}.intro{padding:35px 0 27px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--coffee);font-size:12px;margin:0 0 10px}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.05;margin:0}h1{font-size:clamp(42px,5.2vw,64px);letter-spacing:-.025em}h1 em{font-weight:400;color:var(--coffee)}.lead{margin:13px 0 0;color:var(--muted)}h2{font-size:34px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 20px}.source-tag{font-size:12px;letter-spacing:.04em;color:var(--coffee)}.date-bar{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px}label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:500}input,select{min-height:50px;border:1px solid var(--border);border-radius:13px;padding:11px 14px;color:var(--ink);background:var(--card);width:100%;min-width:0}input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--coffee);outline-offset:4px}input[type=date]{min-width:190px}.primary{background:var(--primary);color:var(--cream);border:0;border-radius:14px;padding:13px 23px;min-height:50px;font-size:14px}.primary:hover{background:var(--coffee)}#rate-status{margin:0 0 3px auto;max-width:400px;font-size:13px;color:var(--muted)}.rate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.rate-card{padding:20px 22px;border:1px solid var(--border);border-radius:18px;background:var(--card)}.currency-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.currency-code{font-size:14px;font-weight:600;letter-spacing:.07em}.currency-symbol{font-family:Georgia,serif;font-size:26px;color:var(--coffee)}.currency-name{color:var(--muted);font-size:13px;margin:6px 0 17px;min-height:21px}.rate-value{font-size:25px;letter-spacing:-.04em;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.rate-value small{font-size:17px;font-weight:400;color:var(--coffee)}.nominal{font-size:12px;color:var(--muted);margin:5px 0 0}.currency-picker{margin:16px 0 28px}summary{font-size:14px;color:var(--coffee);width:fit-content}summary span{font-size:12px;padding:2px 7px;background:oklch(.93 .018 84);border-radius:6px;margin-left:5px}fieldset{margin:16px 0 0;padding:18px;border:1px solid var(--border);border-radius:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}fieldset label{flex-direction:row;align-items:center;font-size:13px;gap:10px}fieldset input{width:17px;min-height:17px;height:17px;accent-color:var(--coffee);flex-shrink:0}.converter{border-top:1px solid var(--border);padding-top:26px}.converter-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.date-note{font-size:13px;color:var(--muted)}.conversion-fields{display:grid;grid-template-columns:1.1fr 1fr 46px 1fr;gap:16px;align-items:end}.swap{height:50px;width:46px;border:1px solid var(--border);border-radius:50%;color:var(--coffee);background:transparent;font-size:24px}.swap:hover{background:oklch(.93 .018 84)}.result-panel{margin-top:24px;padding:25px 30px;border-radius:20px;background:var(--primary);color:var(--cream);position:relative;overflow:hidden}.result-label{font-size:13px;margin:0 0 4px;color:oklch(.85 .018 84)}output{display:block;font-size:clamp(32px,4vw,46px);font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.35}#unit-rate{margin:6px 0 0;font-size:13px;color:oklch(.85 .018 84)}.fine-print{font-size:12px;color:var(--muted);margin:12px 0 0}.error{color:oklch(.45 .14 28);font-size:14px}.empty{color:var(--muted);grid-column:1/-1;padding:15px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}footer{display:flex;justify-content:space-between;gap:20px;padding-block:28px;margin-top:24px!important;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}footer span{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:21px;color:var(--coffee)}[hidden]{display:none!important}@media(max-width:850px){.rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.date-bar{flex-wrap:wrap}#rate-status{flex-basis:100%;max-width:none;margin:0}.conversion-fields{grid-template-columns:1fr 46px 1fr}.conversion-fields>label:first-child{grid-column:1/-1}fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.wrap{width:calc(100% - 36px)}.site-header{padding-block:20px}.brand{font-size:14px}.brand span{font-size:10px}.home-link{font-size:12px;max-width:82px;text-align:right}.intro{padding-top:28px}h1 em{display:block}h2{font-size:30px}.lead{font-size:14px}.section-top{align-items:flex-start;flex-direction:column;gap:9px}.date-bar{gap:12px}.date-bar label{flex:1}.primary{padding-inline:14px}.rate-card{padding:15px}.rate-value{font-size:22px}.rate-grid{gap:10px}.currency-name{min-height:42px;margin-bottom:8px}.converter-title{align-items:flex-start;flex-direction:column;gap:12px}.conversion-fields{grid-template-columns:1fr 42px;gap:12px}.conversion-fields>label{grid-column:1}.conversion-fields>label:first-child{grid-column:1/-1}.swap{grid-column:2;grid-row:2/4;align-self:center;width:42px}.result-panel{padding:22px}.date-note{font-size:12px}fieldset{grid-template-columns:1fr}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,color .15s}}