body{box-sizing:border-box;background-color:#f5f5f7;justify-content:center;margin:0;padding:24px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex}#app{background:#fff;border-radius:12px;width:100%;max-width:448px;padding:24px;box-shadow:0 2px 8px #00000014}h1{color:#1a1a1a;margin:0 0 16px;font-size:18px}.category-wrap{color:#444;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;display:flex}.select-wrap{position:relative}.select-wrap:after{content:"";right:6px;clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none;background-color:#4c4f73;width:10px;height:7px;margin-block:auto;position:absolute;inset-block:0}select,input{border:1px solid #ddd;border-radius:6px;margin-top:4px;padding:8px 10px;font-size:15px}select{appearance:none;color:#333;cursor:pointer;background-color:#fff;border:none;border-bottom:2px solid #4c4f73;border-radius:0;margin:0;padding-right:20px;font-size:1em}#category{box-sizing:border-box;width:calc(100% - 4em)}.convert-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}#inputValue{width:80px}#fromUnit,#toUnit{flex:1}p{color:#1a1a1a;margin:0;font-size:16px}#result{color:#06c;font-weight:700}