:root{color:#17233d;background:#f4f8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:#f4f8ff}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 92% 0%,rgb(37 99 235 / 9%),transparent 26rem),linear-gradient(180deg,#eef5ff 0,#f8fbff 22rem,#f4f8ff)}button,input,select{color:inherit;font:inherit}input,select{width:100%;min-width:0;min-height:42px;margin-top:.4rem;border:1px solid #bfd0e6;border-radius:.65rem;background:#fff;padding:.58rem .72rem;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}input:hover,select:hover{border-color:#8eadd2}input:focus,select:focus{border-color:#2563eb;outline:3px solid rgb(37 99 235 / 16%);outline-offset:1px}input[type=number],.rate-card p,.result-meta,.trend-chart__canvas{font-variant-numeric:tabular-nums lining-nums}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.3rem;font-size:clamp(1.7rem,5vw,2.35rem);line-height:1.08;letter-spacing:-.035em}h2{margin-bottom:0;font-size:clamp(1.18rem,3vw,1.5rem);letter-spacing:-.02em}h3{margin-bottom:0;font-size:1.05rem}.dashboard-shell{position:relative;width:min(100% - 1.25rem,1180px);min-width:300px;margin:0 auto;padding:1rem 0 3rem}.site-header{display:flex;align-items:center;min-width:0;margin-bottom:.9rem;border:1px solid #1d5bc8;border-radius:1rem;background:linear-gradient(135deg,#1d4ed8,#2563eb 58%,#3b82f6);box-shadow:0 12px 30px #1e40af2e;color:#fff;gap:.9rem;padding:1rem 1.15rem}.site-header__content{min-width:0;flex:1 1 auto}.site-header__actions{display:flex;flex:0 0 auto;align-items:center;gap:.5rem}.currency-panel--header-mobile{display:none}.site-header__intro{max-width:42rem;margin-bottom:0;color:#eaf2ff;font-size:.9rem;line-height:1.5}.eyebrow{margin-bottom:.28rem;color:#2563eb;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.site-header .eyebrow{color:#dbeafe}.feishu-subscription{flex:0 0 auto}.feishu-subscription__trigger{display:inline-flex;min-height:2.6rem;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / 42%);border-radius:.75rem;background:#ffffff29;color:#fff;cursor:pointer;font:inherit;font-size:.88rem;font-weight:800;gap:.45rem;padding:.65rem .9rem;white-space:nowrap}.feishu-subscription__trigger:hover,.feishu-subscription__trigger:focus-visible{background:#ffffff3d;outline:2px solid rgb(255 255 255 / 80%);outline-offset:2px}.subscription-dialog-backdrop{position:fixed;z-index:1000;display:grid;padding:.9rem;background:#0f172a8c;top:0;right:0;bottom:0;left:0;place-items:center}.subscription-dialog{box-sizing:border-box;width:min(30rem,calc(100vw - 1.8rem));max-width:100%;max-height:calc(100vh - 1.8rem);border:1px solid #d7e3f3;border-radius:1rem;background:#fff;box-shadow:0 24px 70px #0f172a47;color:#172033;overflow:auto;padding:1.25rem}.subscription-dialog *,.subscription-dialog *:before,.subscription-dialog *:after{box-sizing:border-box}.subscription-dialog__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.subscription-dialog__close{width:2.25rem;height:2.25rem;border:0;border-radius:50%;background:#eef4ff;color:#1e3a8a;cursor:pointer;font-size:1.4rem}.subscription-dialog__intro{margin:.9rem 0 1rem;color:#52627a}.subscription-dialog__time{display:grid;color:#25324a;font-weight:700;gap:.45rem;min-width:0}.subscription-dialog__time input{display:block;inline-size:100%;min-inline-size:0;width:100%;max-width:100%;min-width:0;min-height:2.8rem;border:1px solid #b8c8de;border-radius:.65rem;background:#fff;color:#172033;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.55rem .7rem}.subscription-dialog__currencies{min-width:0;border:0;margin:1rem 0 0;padding:0}.subscription-dialog__currencies legend{color:#25324a;font-weight:700;margin-bottom:.5rem}.subscription-dialog__currency-options{display:grid;max-height:12rem;overflow:auto;gap:.45rem}.subscription-dialog__currency-option{display:grid;grid-template-columns:1.1rem minmax(0,1fr);min-width:0;align-items:center;border:1px solid #e2ebf7;border-radius:.55rem;background:#f8fbff;gap:.55rem;line-height:1.35;padding:.42rem .5rem}.subscription-dialog__currency-option input{width:1rem;height:1rem;margin:0}.subscription-dialog__currency-option span{min-width:0;white-space:normal;overflow-wrap:break-word;word-break:normal}.subscription-dialog__hint{margin:.45rem 0 0;color:#6b7b91;font-size:.82rem}.subscription-dialog__error{margin:.8rem 0 0;color:#b42318;font-weight:700}.subscription-dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:1.2rem;gap:.65rem}.button{min-height:2.55rem;border:0;border-radius:.7rem;cursor:pointer;font:inherit;font-weight:800;padding:.65rem .95rem}.button:disabled{cursor:not-allowed;opacity:.6}.button--primary{background:#2563eb;color:#fff}.button--danger{background:#fff1f0;color:#b42318}.panel{min-width:0;margin-bottom:.9rem;border:1px solid #d7e3f3;border-radius:.95rem;background:#fffffff5;box-shadow:0 8px 24px #26487612;padding:clamp(.9rem,2.5vw,1.25rem)}.control-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem}.control-panel__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.control-panel__actions{display:flex;min-width:0;align-items:flex-start;gap:.75rem}.control-panel__actions>p{margin-bottom:0;color:#64748b;font-size:.82rem;line-height:1.5}.control-panel__footer{min-width:0}.control-panel__footer .currency-panel{margin:0;border:0;padding:0}.control-panel__footer .currency-panel legend{margin-bottom:.5rem;font-size:.84rem}.control-panel label,.control-panel legend,.trend-chart__controls label{color:#334155;font-size:.84rem;font-weight:700}.amount-query-group{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;align-items:end;gap:.55rem}.amount-query-group>label{min-width:0}.amount-base{min-width:0;margin:0;border:0;padding:0}.amount-base legend{margin-bottom:.4rem;padding:0}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:42px;border:1px solid #bfd0e6;border-radius:.68rem;background:#eef5ff;gap:.2rem;padding:.2rem}.segmented-control label{min-width:0;cursor:pointer}.segmented-control input{position:absolute;width:1px;height:1px;min-height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.segmented-control span{display:grid;min-height:34px;place-items:center;border-radius:.5rem;color:#526581;font-size:.78rem;line-height:1.2;padding:.35rem .45rem;text-align:center;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}.segmented-control input:checked+span{background:#fff;box-shadow:0 2px 8px #1e40af24;color:#1d4ed8}.segmented-control input:focus-visible+span{outline:3px solid rgb(37 99 235 / 22%);outline-offset:1px}.amount-input{position:relative;margin-top:.4rem}.amount-input>span{position:absolute;z-index:1;top:50%;left:.75rem;color:#2563eb;font-weight:800;transform:translateY(-50%)}.amount-input input{margin-top:0;padding-left:1.9rem}.currency-panel{margin-inline:0}.currency-panel legend{margin-bottom:.65rem;color:#17233d;font-size:1.08rem;font-weight:760}.currency-picker{width:100%;border:1px solid #d5e2f2;border-radius:.72rem;background:#f8fbff}.currency-picker summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;gap:.75rem;padding:.65rem .78rem;font-size:.86rem;font-weight:720;list-style:none}.currency-picker summary::-webkit-details-marker{display:none}.currency-picker summary:after{width:.48rem;height:.48rem;flex:0 0 auto;border-right:2px solid #64748b;border-bottom:2px solid #64748b;content:"";transform:rotate(45deg);transition:transform .15s ease}.currency-picker[open] summary:after{transform:rotate(-135deg)}.currency-picker summary>span:first-child{flex:0 0 auto}.currency-picker__summary-codes{min-width:0;flex:1 1 auto;overflow:hidden;color:#64748b;font-weight:500;text-align:right;text-overflow:ellipsis;white-space:nowrap}.currency-picker__options{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid #e1eaf5;gap:.2rem;padding:.55rem}.currency-option{display:flex;align-items:center;min-width:0;min-height:38px;border-radius:.5rem;color:#334155;cursor:pointer;gap:.5rem;padding:.32rem .45rem}.currency-option:hover{background:#eaf2ff}.currency-option input[type=checkbox]{width:1.05rem;min-height:1.05rem;flex:0 0 auto;margin:0;border:0;border-radius:.2rem;padding:0;accent-color:#2563eb}.status-banner{margin-bottom:.9rem;border:1px solid #b9d3f4;border-left:4px solid #2563eb;border-radius:.65rem;background:#eff6ff;color:#1e3a5f;font-size:.9rem;line-height:1.5;padding:.72rem .9rem}.status-banner--warning{border-color:#e6ca87;border-left-color:#a66b00;background:#fff9e9;color:#664700}.status-banner--error{border-color:#e3aaaa;border-left-color:#c03636;background:#fff2f2;color:#812626}.results-section{margin:1.25rem 0}.section-heading,.trend-chart__header{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;margin-bottom:.9rem}.section-heading>div:first-child{flex:0 0 auto}.section-heading__title{white-space:nowrap}.result-meta{display:flex;flex-wrap:wrap;gap:.35rem .85rem;color:#64748b;font-size:.84rem}.result-meta span{white-space:nowrap}.rates-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}.rate-card{min-width:0;overflow:hidden;border:1px solid #d5e2f2;border-radius:.85rem;background:#fff;box-shadow:0 6px 18px #2548750f;cursor:pointer;padding:1rem;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.rate-card:hover,.rate-card:focus-visible{border-color:#7aa5e8;outline:none;box-shadow:0 9px 24px #2563eb21}.rate-card--active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb24}.rate-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}.rate-card__code{margin-bottom:.18rem;color:#2563eb;font-size:.72rem;font-weight:850;letter-spacing:.08em}.rate-card__badge{flex:0 0 auto;border-radius:999px;background:#eaf2ff;color:#1d4ed8;font-size:.7rem;font-weight:760;padding:.28rem .5rem}.rate-card__conversion{display:flex;flex-direction:column;margin-bottom:.55rem;color:#475569;gap:.2rem;overflow-wrap:anywhere}.rate-card__conversion strong{color:#17233d;font-size:clamp(1.45rem,6vw,1.95rem);line-height:1.15;letter-spacing:-.025em}.copy-result{display:inline-flex;align-items:baseline;gap:.35rem}.copy-number{border-radius:.25rem;color:inherit;cursor:copy;font:inherit;-webkit-user-select:all;user-select:all;transition:color .15s ease,background-color .15s ease}.copy-number:hover{color:#2563eb}.copy-number:focus-visible{outline:3px solid rgb(37 99 235 / 18%);outline-offset:2px}.copy-number[data-copy-state=copied]{color:#15803d}.copy-number[aria-disabled=true]{color:#94a3b8;cursor:default}.copy-number--inline{font-weight:800}.copy-feedback{color:#15803d;font-size:.7rem;font-weight:750;white-space:nowrap}.copy-error{margin:.45rem 0 0;color:#b91c1c;font-size:.75rem}.rate-card__rate{margin-bottom:.45rem;color:#718096;font-size:.78rem;overflow-wrap:anywhere}.rate-card__date{margin:0 0 .45rem;color:#718096;font-size:.78rem;line-height:1.4}.rate-card__reverse{margin-bottom:0;border-radius:.55rem;background:#eff6ff;color:#1e4f91;font-size:.8rem;font-weight:700;line-height:1.45;overflow-wrap:anywhere;padding:.55rem .65rem}.trend-chart{min-width:0}.trend-chart__controls{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:.65rem}.trend-chart__legend{display:flex;max-width:100%;margin:0 0 .65rem;padding:.25rem .15rem .6rem;gap:.85rem;list-style:none;scrollbar-color:#9bb2cf #eef4fb;scrollbar-width:thin}.trend-chart__legend--scrollable{overflow-x:auto;overscroll-behavior-inline:contain}.trend-chart__legend:focus-visible{border-radius:.42rem;outline:3px solid rgb(37 99 235 / 20%);outline-offset:2px}.trend-chart__legend li{display:inline-flex;flex:0 0 auto;align-items:center;color:#334155;font-size:.78rem;font-weight:720;gap:.38rem;white-space:nowrap}.trend-chart__legend-swatch{display:inline-block;width:1.25rem;height:.2rem;border-radius:1rem}.trend-chart__canvas{width:100%;height:clamp(260px,62vw,380px);min-height:260px}.empty-state{margin-bottom:.45rem;color:#64748b}.empty-state--panel{border:1px dashed #b9cce5;border-radius:.8rem;background:#f8fbff;padding:1rem;text-align:center}@media(max-width:380px){.dashboard-shell{width:min(100% - .8rem,1180px)}.site-header{align-items:flex-start;flex-wrap:wrap;padding:.9rem}.feishu-subscription{width:100%;padding-left:0}.site-header__intro{font-size:.82rem}.segmented-control span{font-size:.72rem}.currency-picker summary{align-items:flex-start;flex-wrap:wrap}.currency-picker__summary-codes{order:3;width:100%;flex-basis:100%;text-align:left}}@media(max-width:719px){input,select{min-height:34px;margin-top:.2rem;border-radius:.5rem;padding:.38rem .5rem}.mobile-date-input{width:100%;height:34px;min-height:34px;max-height:34px;border-radius:.5rem;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23425466' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem 1rem;padding:.3rem 2rem .3rem .5rem;font-size:16px;line-height:1.2;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mobile-date-input::-webkit-calendar-picker-indicator{width:1.5rem;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}h1{margin-bottom:0;font-size:1.2rem}h2{font-size:1rem}h3{font-size:.9rem}.dashboard-shell{width:min(100% - .55rem,1180px);padding:.3rem 0 .8rem}.site-header{min-height:2.8rem;margin-bottom:.35rem;border-radius:.7rem;gap:.45rem;padding:.42rem .55rem}.site-header .eyebrow,.site-header__intro,.control-panel__actions>p{display:none}.control-panel__heading{align-items:center}.currency-panel--query-desktop{display:none}.currency-panel--header-mobile{display:block;width:7.4rem;flex:0 0 7.4rem;margin:0;border:0;padding:0}.currency-panel--header-mobile legend,.currency-panel--header-mobile .currency-picker__summary-codes{display:none}.currency-panel--header-mobile .currency-picker{position:static;width:7.4rem;border-color:#ffffff6b;background:#ffffff29}.currency-panel--header-mobile .currency-picker summary{width:7.4rem;min-height:2rem;color:#fff;gap:.3rem;padding:.35rem .5rem;font-size:.72rem;white-space:nowrap}.currency-panel--header-mobile .currency-picker summary>span:first-child{width:5.3rem;overflow:hidden;text-align:center;text-overflow:ellipsis}.currency-panel--header-mobile .currency-picker summary:after{border-color:#fff}.currency-panel--header-mobile .currency-picker__options{position:absolute;top:calc(100% + .35rem);right:0;z-index:40;width:min(360px,calc(100vw - 1.1rem));max-width:calc(100vw - 1.1rem);max-height:min(65vh,32rem);overflow-y:auto;border:1px solid #d5e2f2;border-radius:.7rem;background:#fff;box-shadow:0 14px 34px #17233d38}.site-header__actions{position:relative;min-width:0;gap:.35rem}.feishu-subscription{width:auto;padding-left:0}.feishu-subscription__trigger{min-height:2rem;border-radius:.5rem;font-size:.72rem;padding:.35rem .55rem}.panel{margin-bottom:.35rem;border-radius:.7rem;padding:.5rem}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.control-panel__heading,.amount-query-group{grid-column:1 / -1}.control-panel__heading{gap:0}.control-panel__heading .eyebrow,.section-heading .eyebrow,.trend-chart__header .eyebrow{display:none}.amount-query-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.amount-base legend,.control-panel label,.trend-chart__controls label{font-size:.7rem}.amount-base legend{margin-bottom:.2rem}.segmented-control{min-height:34px}.segmented-control span{min-height:27px;font-size:.68rem;padding:.2rem}.currency-panel--mobile-top{position:absolute;top:3.35rem;right:.3rem;z-index:20;width:auto;margin:0;border:0;background:transparent;box-shadow:none;padding:0}.currency-panel--mobile-top legend{display:none}.currency-panel--mobile-top .currency-picker{position:relative;width:auto;min-width:7.6rem;background:#fff;box-shadow:0 6px 18px #2548751a}.currency-panel--mobile-top .currency-picker__summary-codes{display:none}.currency-panel--mobile-top .currency-picker__options{position:absolute;top:calc(100% + .3rem);right:0;width:min(92vw,360px);max-height:65vh;overflow-y:auto;border:1px solid #d5e2f2;border-radius:.7rem;background:#fff;box-shadow:0 14px 34px #17233d2e}.currency-panel legend{margin-bottom:.3rem;font-size:.82rem}.currency-picker summary{min-height:34px;padding:.4rem .55rem;font-size:.72rem}.status-banner{margin-bottom:.35rem;font-size:.72rem;padding:.45rem .55rem}.results-section{margin:.35rem 0}.section-heading{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:.35rem;gap:.4rem}.result-meta{gap:.15rem .45rem;font-size:.62rem}.rates-grid{display:flex;overflow-x:auto;padding:.12rem .12rem .35rem;gap:.42rem;scroll-snap-type:x proximity;scrollbar-width:thin}.rate-card{min-width:min(72vw,245px);flex:0 0 min(72vw,245px);border-radius:.65rem;padding:.55rem;scroll-snap-align:start}.rate-card__heading{margin-bottom:.35rem}.rate-card__badge{font-size:.6rem;padding:.2rem .38rem}.rate-card__conversion{margin-bottom:.25rem;font-size:.72rem}.rate-card__conversion strong{font-size:1.15rem}.rate-card__rate,.rate-card__reverse{font-size:.66rem}.rate-card__reverse{padding:.35rem .45rem}.trend-chart__header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;margin-bottom:.3rem;gap:.5rem}.trend-chart__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.trend-chart__legend{margin-bottom:.15rem;padding:.1rem 0}.trend-chart__legend li{font-size:.68rem}.trend-chart__canvas{height:190px;min-height:190px}}@media(min-width:540px){.amount-query-group,.currency-picker__options,.trend-chart__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.rate-card__conversion{flex-direction:row;align-items:baseline;justify-content:space-between;gap:.75rem}}@media(min-width:720px){.dashboard-shell{width:min(100% - 2.5rem,1180px);padding-top:1.5rem}.site-header{padding:1.1rem 1.35rem}.control-panel{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));align-items:end}.control-panel__heading{grid-column:1 / -1;flex-direction:row;align-items:flex-end;justify-content:space-between}.control-panel__footer{grid-column:1 / -1}.control-panel__heading>p{max-width:31rem;text-align:right}.section-heading,.trend-chart__header{flex-direction:row;justify-content:space-between;align-items:flex-end}.result-meta{justify-content:flex-end}.rates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-chart__controls{width:min(100%,28rem)}}@media(min-width:1040px){.currency-picker__options,.rates-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}