:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#19251f;background:#f4f5f0;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #97b98a;outline-offset:3px}
.page{max-width:1010px;margin:auto;padding:36px clamp(16px,5vw,58px) 25px}.navbar{display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#19251f;font-size:25px;font-weight:800;letter-spacing:-1.5px}.brand-dot{display:inline-block;background:#95b875;width:9px;height:9px;border-radius:50%;margin-left:2px}.nav-right{display:flex;align-items:center;gap:9px;color:#77867b;font-size:12px}.nav-dot{width:7px;height:7px;border-radius:50%;background:#85ab66}.hero{text-align:center;margin:65px 0 34px}.eyebrow{letter-spacing:3px;color:#879689;font-size:10px;font-weight:750;margin:0 0 14px}.hero h1{font-size:clamp(32px,5vw,48px);letter-spacing:-2.1px;line-height:1.15;font-weight:680;margin:0 0 13px}.subtitle{font-size:13px;color:#839084;margin:0}.converter{max-width:540px;margin:auto;background:#fff;border:1px solid #e9ede8;border-radius:23px;box-shadow:0 22px 56px #263f2c0b;padding:22px}.currency-panel{background:#f7f8f5;border-radius:15px;padding:21px 22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-label{font-size:12px;color:#7e8c82}.currency-select{max-width:150px;border:1px solid #e2e8e0;background:white;padding:9px;border-radius:9px;color:#26382b;font-size:13px;font-weight:650}.money-input,.money-result{display:block;border:0;background:transparent;width:100%;min-height:49px;outline:0;font-size:clamp(29px,5vw,40px);font-weight:650;letter-spacing:-1.7px;color:#26352a}.money-input:focus-visible{outline:none}.money-input::-webkit-inner-spin-button,.money-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.money-input{appearance:textfield;-moz-appearance:textfield}.swap-row{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:65px;padding:8px 3px;color:#88988b;font-size:11px}.swap-button{border:1px solid #dee7dc;background:#e5eee0;color:#416341;border-radius:11px;font-size:21px;width:38px;height:38px;flex:none;display:grid;place-items:center;transition:transform .2s,background .2s}.swap-button:hover{transform:rotate(180deg);background:#d8e7d2}.converter-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:#8b988d;font-size:11px;flex-wrap:wrap}.status{display:flex;align-items:center;gap:6px}.status-dot{width:7px;height:7px;background:#b0b9ae;border-radius:50%}.status-dot.ready{background:#8caf70}.status-dot.cached{background:#e1b45c}.status-dot.failed{background:#d88c7b}.quick{max-width:540px;margin:26px auto 0}.quick-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.quick-heading h2{font-size:13px;font-weight:650;margin:0}.quick-heading span{font-size:11px;color:#94a195}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{background:#fff;border:1px solid #e1e6dd;color:#425347;border-radius:10px;padding:11px 14px;font-size:12px;font-weight:600}.chip:hover,.chip.active{background:#e5eee0;border-color:#b7cbb1}.error{max-width:540px;margin:16px auto 0;color:#a35a48;font-size:12px;text-align:center}footer{text-align:center;margin:44px 0 0;color:#a5aea3;font-size:10px;line-height:1.9;letter-spacing:.2px}footer span{letter-spacing:0}@media(max-width:540px){.page{padding:24px 14px 30px}.nav-right{font-size:10px}.hero{margin:55px 0 32px}.hero h1{letter-spacing:-1.5px}.converter{padding:13px}.currency-panel{padding:17px}.swap-row{min-height:60px}.converter-footer{font-size:10px}.chips{gap:8px}.chip{padding:10px 12px}}