.fade-up{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards fade-up;transform:translateY(12px)}.fade-up.delay-1{animation-delay:80ms}.fade-up.delay-2{animation-delay:.16s}.fade-up.delay-3{animation-delay:.28s}@keyframes fade-up{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.fade-up{opacity:1;animation:none;transform:none}.live-dot{animation:none}}.hero{text-align:center;padding:5rem 0 1rem;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(42rem 22rem at 50% 0,#7ea8ff12,#0000 70%);height:130%;position:absolute;inset:-40% 0 auto}.hero-inner{position:relative}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:0 0 1rem;font-size:.78rem;font-weight:500}.hero h1{letter-spacing:-.02em;max-width:34rem;color:var(--text-muted);margin:0 auto;font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:600;line-height:1.25}.hero-rate{margin-top:2.5rem}.hero-rate-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin:0;font-size:.8rem;font-weight:500}.hero-rate-value{font-variant-numeric:tabular-nums;letter-spacing:-.03em;background:linear-gradient(#fff 30%,#a9b4c8 100%);color:#0000;background-clip:text;margin:.4rem 0 0;font-size:clamp(3.2rem,9vw,5.5rem);font-weight:650;line-height:1.05}.hero-rate-suffix{letter-spacing:.02em;-webkit-text-fill-color:var(--text-muted);color:var(--text-muted);background:0 0;font-size:1rem;font-weight:400;display:block}.hero-rate-updated{color:var(--text-faint);margin:1rem 0 0;font-size:.8rem}.history{padding:2rem 0 4rem}.chart-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.chart-controls select{color:var(--text);border:1px solid var(--border);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239ba1ac' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") right .8rem center no-repeat;border-radius:999px;padding:.4rem 2rem .4rem .9rem;font-family:inherit;font-size:.85rem;font-weight:500}.chart-controls select:hover{border-color:var(--border-strong)}.range-buttons{border:1px solid var(--border);border-radius:999px;gap:.25rem;padding:.2rem;display:flex}.range-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.3rem .8rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:color .15s,background .15s}.range-button:hover{color:var(--text)}.range-button.active{color:var(--text);background:#ffffff14}.chart-area{height:360px;position:relative}.chart-area canvas{width:100%!important;height:100%!important}.chart-status{color:var(--text-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;font-size:.9rem;display:flex;position:absolute;inset:0}.chart-status.is-error{color:var(--danger)}main section h2{letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.section-intro{max-width:40rem;color:var(--text-muted);margin:0 0 1.75rem;font-size:.95rem}.fine-print{color:var(--text-faint);margin:.9rem 0 0;font-size:.8rem}.spinner{border:2px solid var(--border);border-top-color:var(--text-muted);border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.retry-button{border:1px solid var(--border-strong);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem 1rem;font-family:inherit;font-size:.85rem}.retry-button:hover{background:#ffffff0f}.rates{border-top:1px solid var(--border);padding:3rem 0}.board-status{color:var(--text-muted);border:1px dashed var(--border);text-align:center;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;font-size:.9rem;display:flex}.board-status.is-error{color:var(--danger)}.table-wrap{overflow-x:auto}.rate-table{border-collapse:collapse;width:100%}@media (width>=681px){.rate-table{min-width:640px}}.rate-table th,.rate-table td{text-align:left;border-bottom:1px solid var(--border);padding:.9rem .75rem}.rate-table th:first-child,.rate-table td:first-child{padding-left:0}.rate-table th:last-child,.rate-table td:last-child{padding-right:0}.rate-table thead th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:.72rem;font-weight:500}.rate-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.rate-table td.num{color:var(--text-muted);font-size:1rem}.rate-table td.num-strong{color:var(--text);font-weight:600}.rate-name{font-weight:400}.rate-title{font-size:.95rem;font-weight:600;display:block}.rate-desc{color:var(--text-faint);max-width:24rem;margin-top:.15rem;font-size:.82rem;display:block}.updated-col{color:var(--text-faint);white-space:nowrap;text-align:right;font-size:.82rem}.converter{border-top:1px solid var(--border);padding:3rem 0}.converter-fields{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:1rem;margin-top:1.25rem;display:grid}.field{flex-direction:column;gap:.45rem;display:flex}.field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:.72rem;font-weight:500}.field-input-wrap{border:1px solid var(--border);background:0 0;border-radius:10px;align-items:center;transition:border-color .15s;display:flex}.field-input-wrap:focus-within{border-color:var(--border-strong)}.field-prefix{color:var(--text-faint);padding-left:.85rem;font-size:.9rem;font-weight:500}.field input,.field select{width:100%;color:var(--text);background:0 0;border:none;padding:.7rem .85rem;font-family:inherit;font-size:1rem}.field input:focus{outline:none}.field select{border:1px solid var(--border);cursor:pointer;border-radius:10px}.field select:focus{border-color:var(--border-strong);outline:none}.field-result output{border:1px solid var(--border);font-variant-numeric:tabular-nums;color:var(--text);background:#ffffff08;border-radius:10px;padding:.7rem .85rem;font-size:1.05rem;font-weight:600;display:block}.explainer{border-top:1px solid var(--border);padding:3rem 0}.explainer .section-intro{margin-bottom:0}.embed{border-top:1px solid var(--border);padding:3rem 0}.embed-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.embed-code-wrap{position:relative}.embed-code{border:1px solid var(--border);color:var(--text-muted);white-space:pre;background:#ffffff08;border-radius:12px;margin:0;padding:1.1rem 1.2rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.6;overflow-x:auto}.copy-button{border:1px solid var(--border-strong);background:var(--bg);color:var(--text);cursor:pointer;border-radius:999px;padding:.3rem .8rem;font-family:inherit;font-size:.75rem;font-weight:500;position:absolute;top:.6rem;right:.6rem}.copy-button:hover{background:#ffffff0f}.embed-preview .field-label{margin-bottom:.5rem;display:block}.embed-preview iframe{border-radius:12px;display:block}@media (width<=820px){.embed-grid{grid-template-columns:1fr}}@media (width<=680px){.hero{padding-top:3.25rem}.converter-fields{grid-template-columns:1fr}.chart-area{height:260px}.rate-table thead{display:none}.rate-table tbody tr{border-bottom:1px solid var(--border);padding:1.1rem 0;display:block}.rate-table tbody tr:last-child{border-bottom:none}.rate-table th,.rate-table td{border-bottom:none;padding:0;display:block}.rate-name{margin-bottom:.7rem}.rate-desc{max-width:none}.rate-table td.num,.rate-table td.updated-col{text-align:right;justify-content:space-between;align-items:baseline;gap:1rem;padding:.25rem 0;display:flex}.rate-table td.num:before,.rate-table td.updated-col:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);text-align:left;white-space:normal;font-size:.72rem;font-weight:500}}
