@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#1f2a26;background:#f3f0e8;font-family:DM Sans,Noto Sans SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1f2a26;--muted: #66716b;--paper: #fffdf8;--line: #dcded5;--accent: #d8ff62;--accent-deep: #b5dc3e;--green: #2f6b4f;--soft-green: #eef3e9;--error: #a84236;--shadow: 0 32px 80px rgba(45, 56, 48, .12)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 86% 10%,rgba(216,255,98,.24),transparent 22rem),radial-gradient(circle at 5% 65%,rgba(137,174,155,.14),transparent 23rem),#f3f0e8}button,input,select{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(47,107,79,.28);outline-offset:2px}#app{min-height:100vh}.site-header{width:min(1120px,calc(100% - 48px));height:92px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(31,42,38,.12)}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-family:Noto Sans SC,sans-serif;font-size:19px;font-weight:700;letter-spacing:.06em;text-decoration:none}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:50% 50% 50% 15%;color:var(--paper);background:var(--ink);font-size:15px;transform:rotate(-7deg)}.brand-mark:first-letter{transform:rotate(7deg)}.header-status{display:flex;align-items:center;gap:8px;color:#4e5b54;font-size:13px;font-weight:500}.status-dot{width:7px;height:7px;border-radius:50%;background:#52a46f;box-shadow:0 0 0 4px #52a46f1f}.page-shell{width:min(1040px,calc(100% - 48px));margin:0 auto;padding:70px 0 80px}.intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);grid-template-rows:auto 1fr;column-gap:72px;align-items:end;margin-bottom:46px}.eyebrow{grid-column:1 / -1;margin:0 0 16px;color:var(--green);font-size:11px;font-weight:600;letter-spacing:.22em}h1{margin:0;font-family:Noto Sans SC,sans-serif;font-size:clamp(42px,5.5vw,68px);font-weight:600;letter-spacing:-.055em;line-height:1.12}h1 em{color:var(--green);font-style:normal}.intro-copy{max-width:335px;margin:0 0 7px;color:var(--muted);font-size:14px;line-height:1.85}.converter-card{position:relative;overflow:hidden;padding:30px 34px 0;border:1px solid rgba(65,76,69,.12);border-radius:26px;background:#fffdf8f0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.converter-card:before{content:"";position:absolute;top:-95px;right:-65px;width:260px;height:210px;border-radius:50%;background:var(--accent);opacity:.62;pointer-events:none;filter:blur(2px)}.card-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;color:var(--ink);font-size:13px;font-weight:600;letter-spacing:.04em}.update-time{color:#5e6a63;font-size:11px;font-weight:500;letter-spacing:0}.currency-row{position:relative;z-index:1;display:grid;grid-template-columns:1fr 52px 1fr;gap:16px;align-items:end}.select-field{display:block}.field-label,.amount-label{display:block;margin-bottom:9px;color:#69736d;font-family:Noto Sans SC,sans-serif;font-size:12px;font-weight:500}.select-wrap{position:relative;display:block}.select-wrap select{width:100%;height:60px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:14px;padding:0 48px 0 18px;color:var(--ink);background:#fbfaf5;font-size:15px;font-weight:500;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.select-wrap select:hover{border-color:#aeb8b0;background:#fffefa}.select-wrap svg{position:absolute;top:50%;right:18px;width:16px;height:16px;fill:none;stroke:var(--ink);stroke-width:1.5;pointer-events:none;transform:translateY(-50%)}.swap-button{width:52px;height:52px;margin-bottom:4px;display:grid;place-items:center;border:1px solid #cfd5ca;border-radius:50%;color:var(--ink);background:var(--accent);transition:transform .18s ease,background .18s ease}.swap-button:hover{background:#cafa45;transform:rotate(180deg)}.swap-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.rate-panel{min-height:104px;margin:22px 0;padding:21px 24px;border-radius:16px;color:#f9fff7;background:linear-gradient(118deg,rgba(255,255,255,.045),transparent 40%),#20392e}.rate-loading{min-height:62px;display:flex;align-items:center;gap:12px;color:#f9fff7b8;font-size:13px}.loader{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rate-content{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.rate-kicker{display:block;margin-bottom:5px;color:#f9fff794;font-size:11px;font-weight:500;letter-spacing:.06em}.rate-value{margin:0;font-size:clamp(21px,3vw,31px);font-weight:500;letter-spacing:-.035em;line-height:1.25}.rate-meta{min-height:39px;display:flex;align-items:center;gap:18px;color:#f9fff7a8;font-size:11px;white-space:nowrap}.refresh-button{display:inline-flex;align-items:center;gap:6px;border:0;padding:7px 10px;color:#f9fff7d6;background:#ffffff14;border-radius:8px}.refresh-button:hover{color:#fff;background:#ffffff21}.refresh-button:disabled{cursor:wait;opacity:.45}.refresh-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.rate-error{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:24px}.rate-error strong,.rate-error span{display:block}.rate-error strong{margin-bottom:5px;color:#fff3ef;font-size:14px}.rate-error span{color:#ffeee8a6;font-size:12px}.retry-button{flex:0 0 auto;border:1px solid rgba(255,255,255,.25);border-radius:9px;padding:9px 13px;color:#fff;background:transparent;font-size:12px}.retry-button:hover{background:#ffffff14}.exchange-line{margin:0;padding:0;border:0}.exchange-line legend{margin-bottom:11px;padding:0;color:var(--ink);font-family:Noto Sans SC,sans-serif;font-size:13px;font-weight:600}.amount-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:end}.amount-field{position:relative;display:block;padding:12px 16px 13px;border:1px solid var(--line);border-radius:14px;background:#fbfaf5;transition:border-color .16s ease,box-shadow .16s ease}.amount-field:focus-within{border-color:#7b8b80;box-shadow:0 0 0 4px #2f6b4f12}.amount-label{margin-bottom:4px;font-size:10px}.amount-field input{width:calc(100% - 52px);min-width:0;border:0;outline:0;padding:0;color:var(--ink);background:transparent;font-family:DM Sans,sans-serif;font-size:clamp(25px,3.2vw,34px);font-weight:500;letter-spacing:-.04em;line-height:1.25}.unit{position:absolute;right:16px;bottom:18px;color:#737c77;font-size:12px;font-weight:600}.amount-separator{padding-bottom:28px;color:#758079;font-family:Noto Sans SC,sans-serif;font-size:11px;white-space:nowrap}.conversion-caption{min-height:19px;margin:12px 2px 0;color:#778079;font-family:Noto Sans SC,sans-serif;font-size:11px;line-height:1.7}.card-footer{display:flex;justify-content:space-between;gap:16px;margin-top:28px;border-top:1px solid #ecece5;padding:16px 0 18px;color:#919891;font-family:Noto Sans SC,sans-serif;font-size:10px}[hidden]{display:none!important}@media(max-width:760px){.site-header{width:min(100% - 32px,1120px);height:72px}.page-shell{width:min(100% - 28px,1040px);padding:46px 0 48px}.intro{display:block;margin-bottom:32px}.intro-copy{margin-top:19px}.converter-card{padding:24px 18px 0;border-radius:21px}.card-topline{margin-bottom:21px}.currency-row{grid-template-columns:1fr;gap:13px}.swap-button{width:40px;height:40px;margin:-4px auto;transform:rotate(90deg)}.swap-button:hover{transform:rotate(270deg)}.select-wrap select{height:56px}.rate-panel{padding:18px}.rate-content{display:block}.rate-meta{margin-top:12px;justify-content:space-between}.amount-row{grid-template-columns:1fr;gap:10px}.amount-separator{padding:0;text-align:center}.card-footer{display:block;line-height:1.8}.card-footer span{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}