:root{--uc-primary:#2563eb;--uc-secondary:#0ea5e9;--uc-success:#16a34a;--uc-warning:#f59e0b;--uc-gradient:linear-gradient(135deg,#2563eb 0%,#0ea5e9 100%)}body{background:#f4f7fb}.uc-card{border:none;border-radius:18px;overflow:hidden}.unit-btn{border-radius:12px;margin:4px;font-weight:700;transition:.2s}.unit-btn.active{background:var(--uc-gradient);color:#fff;border:none}.converter-box{background:#fff;border-radius:18px;padding:25px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.section-title{font-size:.8rem;font-weight:800;text-transform:uppercase;color:var(--uc-primary);margin-bottom:15px;letter-spacing:.5px}.result-card{background:var(--uc-gradient);color:#fff;border-radius:18px;padding:25px}.result-value{font-size:2.5rem;font-weight:800}.unit-select{height:48px;border-radius:12px;font-weight:600}.unit-input{height:48px;border-radius:12px;font-size:1.2rem;font-weight:700}.unit-select{cursor:pointer;font-weight:600;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7L10 12L15 7' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;padding-right:38px!important}.swap-btn{width:55px;height:55px;border-radius:50%;border:none;background:var(--uc-gradient);color:#fff;font-size:22px;font-weight:700;margin-top:30px}.formula-box{background:#eef4ff;border-radius:12px;padding:15px;font-size:.9rem}