:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{margin:0;padding:0}body{color:#1a1a1a;background:#f5f5f7;justify-content:center;align-items:flex-start;min-height:100svh;display:flex;overflow-y:auto}.app{text-align:center;max-width:420px;margin:0 auto;padding:3rem 1rem 1rem;font-family:system-ui,sans-serif}h1{margin-bottom:.25rem;font-size:1.8rem}.rate{color:#666;margin-bottom:1.5rem;font-size:.9rem}.converter{flex-direction:column;align-items:center;gap:.75rem;display:flex}.input-group{flex-direction:column;gap:.25rem;width:100%;display:flex}.input-group label{text-align:left;color:#555;font-size:.85rem;font-weight:600}.input-wrapper{width:100%;position:relative}.input-wrapper input{color:#1a1a1a;box-sizing:border-box;text-align:right;background:#fff;border:2px solid #ddd;border-radius:12px;width:100%;padding:.85rem 2.5rem .85rem .85rem;font-size:1.4rem}.input-wrapper input:focus{border-color:#646cff;outline:none}.clear-btn{color:#666;cursor:pointer;background:#ddd;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.clear-btn:hover{background:#ccc}.result-group{flex-direction:column;gap:.25rem;width:100%;display:flex}.result-group label{text-align:left;color:#555;font-size:.85rem;font-weight:600}.result-value{color:#646cff;text-align:right;box-sizing:border-box;justify-content:flex-end;align-items:center;width:100%;min-height:3.5rem;padding:.85rem;font-size:1.6rem;font-weight:700;display:flex}.swap-btn{color:#fff;cursor:pointer;background:#646cff;border:none;border-radius:50%;width:48px;height:48px;font-size:1.4rem;transition:transform .2s}.swap-btn:active{transform:rotate(180deg)}.updated{color:#999;margin-top:1.5rem;font-size:.75rem}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}