body{font-family:'Vazir',sans-serif;background-color:#e0f7fa;margin:0;padding:0;direction:rtl}.fertility-calculator{width:90%;max-width:800px;margin:20px auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.calculator-section{margin-bottom:30px;padding:15px;border-radius:5px}.form-section{background-color:#f0f0f5;border:2px solid #3498db}.output-section{background-color:#f0f0f5;border:2px solid #3498db}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:10px}label{display:block;font-size:16px;color:#0c0d0e;font-weight:700;width:100%;margin-bottom:0}.input-field{font-size:16px;padding:10px;border-radius:5px;border:1px solid #42a5f5;width:100%;box-sizing:border-box}select.input-field{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url('data:image/svg+xml;utf8,<svg fill="#800080" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;background-size:12px;padding-right:30px}.checkbox-field{margin-top:5px;transform:scale(1.2)}.btn{background-color:#42a5f5;color:#fff;padding:12px 20px;border:none;border-radius:5px;cursor:pointer;width:100%;font-size:16px;transition:background-color .3s}.btn:hover{background-color:#42a5e9}.result-table,.calendar-container{margin-top:15px;background-color:#f0f0f5;border:2px solid #3498db;padding:10px;border-radius:5px}.fertility-table{width:100%;border-collapse:collapse;margin-top:10px}.fertility-table td{border:1px solid #203b54;padding:8px;text-align:center;font-size:14px;color:#203b54}.cycle-controls{text-align:center;margin-top:20px}.calendar-container{margin-top:20px;padding:10px;border:1px solid #ccc;border-radius:5px}#calendarPicker{display:block !important}.picker-day.last-period-day{background-color:#f33 !important;color:#fff !important;border-radius:50%}.picker-day.fertile-day{background-color:#3c3 !important;color:#fff !important;border-radius:50%}td.last-period-day{background-color:#f33 !important;color:#fff !important;border-radius:50%}td.fertile-day{background-color:#3c3 !important;color:#fff !important;border-radius:50%}.pdp-today{background-color:#ff9 !important;color:#000 !important}@media (max-width:600px){.fertility-calculator{width:85%;padding:10px}.form-group{gap:8px}label{font-size:14px}.input-field,.btn{font-size:14px;padding:8px}.fertility-table td{font-size:12px;padding:6px}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{from{opacity:0}to{opacity:1}}