.hesap-konteynir { max-width: 360px; margin: auto; font-family: sans-serif; background: #fff; padding: 20px; border-radius: 12px; border: 1px solid #ddd; }
.ust-girisler { display: flex; gap: 10px; margin-bottom: 15px; }
.input-grup { flex: 1; }
.input-grup label { font-size: 10px; font-weight: bold; color: #666; display: block; margin-bottom: 4px; }
.input-grup input { width: 100%; padding: 10px; text-align: center; font-weight: bold; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; }
.sonuc-ekrani { background: #1e293b; color: #38bdf8; padding: 25px; border-radius: 10px; text-align: center; margin-bottom: 15px; }
#wpc_ana_rakam { font-size: 45px; font-weight: 900; line-height: 1; }
#wpc_alt_etiket { font-size: 12px; color: #94a3b8; margin-top: 10px; display: block; font-weight: bold; }
.adet-alani label { display: block; text-align: center; font-weight: bold; color: #2563eb; font-size: 12px; margin-bottom: 5px; }
#wpc_adet { width: 100%; padding: 15px; font-size: 28px; font-weight: 900; border: 3px solid #2563eb; border-radius: 10px; text-align: center; box-sizing: border-box; }
/* Okları gizle */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }