:root {
    --bg: #eef4fa;
    --menutxtcl: 111, 115, 145;
    --menutxtweight: 600;
    --intlinear: 67, 74, 89;
    --txtall: 79, 82, 107;
    --cl1: 3, 123, 181;
    --pckdf: var(--cl1);
    --whydf: var(--cl1);
    --lbds: 255, 255, 255;
    --lsdb: 56, 58, 70;
    --text: 85, 85, 85;
    --fixedtel: #d581b4;
}
body.dark {
    --bg: #26272d;
    --menutxtcl: 226, 226, 228;
    --intlinear: 45, 45, 58;
    --txtall: 226, 226, 228;
    --cl1: 192, 128, 223;
    --lbds: 56, 58, 70;
    --lsdb: 255, 255, 255;
    --pckdf: var(--cl1);
    --text: 226, 226, 228;
}

/* TOOL ANA KUTU */ .tool-card { background: #ffffff; padding: 28px; border-radius: 16px; max-width: 760px; box-shadow: 0 12px 32px rgba(0,0,0,0.08); margin-bottom: 30px; animation: fadeUp 0.5s ease; } /* ETA */ .ig-like-eta { margin-bottom: 16px; font-size: 14px; color: #333; } .ig-like-eta span { font-weight: 600; } /* INPUT */ .ig-like-input input { width: 100%; padding: 14px 16px; border-radius: 10px; border: 1px solid #ddd; font-size: 15px; outline: none; } .ig-like-input input:focus { border-color: #4facfe; } /* AMOUNT */ .ig-like-amount { margin-top: 16px; } .amount-display { margin-bottom: 8px; font-size: 14px; } /* RANGE */ .ig-like-amount input[type="range"] { width: 100%; } /* SPEED BUTTONS */ .ig-like-speed { display: flex; gap: 12px; margin-top: 18px; } .speed-btn { flex: 1; background: #f1f3f5; color: #333; padding: 12px; border-radius: 10px; border: none; cursor: pointer; font-size: 14px; transition: all 0.25s ease; } .speed-btn.active { background: linear-gradient(135deg, #4facfe, #00f2fe); color: #ffffff; box-shadow: 0 6px 16px rgba(0,0,0,0.15); } .speed-btn:hover { transform: translateY(-1px); } /* ANIMASYON */ @keyframes fadeUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }   .icobox i::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f004"; /* HEART */
}