.tool-area{
    padding:60px 20px;
}

.weight-card{
    max-width:560px;
    margin:0 auto;
    background:white;
    padding:35px;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    text-align:center;
}

.weight-card h1{
    color:#4CAF50;
    margin-bottom:25px;
}

.weight-card input,
.weight-card select{
    width:100%;
    padding:14px;
    margin:10px 0;
    font-size:16px;
    border:1px solid #ccc;
    border-radius:8px;
}

.convert-btn{
    width:100%;
    padding:14px;
    margin-top:12px;
    border:none;
    border-radius:10px;
    background:#4CAF50;
    color:white;
    font-size:17px;
    font-weight:bold;
    cursor:pointer;
}

.convert-btn:hover{
    background:#059669;
}

.result{
    margin-top:22px;
    font-size:22px;
    font-weight:bold;
    color:#10B981;
}

body.dark-mode .weight-card{
    background:#1f2937;
    color:#e5e7eb;
}

body.dark-mode .weight-card input,
body.dark-mode .weight-card select{
    background:#111827;
    color:#e5e7eb;
    border:1px solid #374151;
}