.ovulation-calculator-container{display:flex;justify-content:center;padding:2rem 1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;background-color:#f8f9fa;min-height:100vh}@media(max-width:768px){.ovulation-calculator-container{padding:1rem .5rem}}.calculator-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:2rem;width:100%;max-width:600px}.calculator-card h1{color:#6a1b9a;margin-top:0;font-size:1.8rem;text-align:center}.calculator-card .description{text-align:center;color:#666;margin-bottom:2rem}@media(max-width:768px){.calculator-card{padding:1.5rem}.calculator-card h1{font-size:1.5rem}}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.input-group input{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s}.input-group input:focus{outline:none;border-color:#9c27b0;box-shadow:0 0 0 2px rgba(156,39,176,.2)}.cycle-input-container{display:flex;flex-direction:column;gap:.8rem}.cycle-presets{display:flex;flex-wrap:wrap;gap:.5rem}.cycle-presets button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:.4rem .8rem;font-size:.9rem;cursor:pointer;transition:all .2s}.cycle-presets button:hover{background-color:#e0e0e0}.cycle-presets button.active{background-color:#9c27b0;color:#fff;border-color:#9c27b0}.button-group{display:flex;gap:1rem;margin-top:1rem;margin-bottom:1.5rem}@media(max-width:480px){.button-group{flex-direction:column;gap:.8rem}}.calculate-btn,.reset-btn{padding:.8rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;flex:1}.calculate-btn{background-color:#9c27b0;color:#fff}.calculate-btn:hover{background-color:#7b1fa2}.reset-btn{background-color:#f0f0f0;color:#666}.reset-btn:hover{background-color:#e0e0e0}.error-message{color:#d32f2f;font-size:.9rem;margin:.5rem 0 1rem}.results-container{margin-top:2rem;border-top:1px solid #eee;padding-top:1.5rem}.results-container h2{font-size:1.4rem;color:#6a1b9a;margin-bottom:1.5rem}.result-card{background-color:#f9f5fd;border-radius:8px;padding:1.2rem;margin-bottom:1rem;border-left:4px solid}.result-card h3{margin-top:0;margin-bottom:.5rem;font-size:1.1rem}.result-card p{font-size:1.1rem;font-weight:500;margin:.3rem 0}.result-card small{display:block;color:#666;font-size:.85rem;margin-top:.5rem}.fertile-window{border-left-color:#ff9800}.fertile-window h3{color:#e65100}.ovulation{border-left-color:#9c27b0}.ovulation h3{color:#6a1b9a}.next-period{border-left-color:#2196f3}.next-period h3{color:#0d47a1}.disclaimer{margin-top:2rem;padding:1rem;background-color:#f5f5f5;border-radius:6px;font-size:.85rem;color:#555}.disclaimer p{margin:0;line-height:1.4}