*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#1f2937;background-color:#f3f4f6}.biorhythm-calculator{max-width:1200px;margin:0 auto;padding:1rem}@media(min-width:768px){.biorhythm-calculator{padding:2rem}}header{text-align:center;margin-bottom:2rem}header h1{color:#3b82f6;font-size:2.5rem;margin-bottom:.5rem;font-weight:700}header p{color:#6b7280;font-size:1.1rem}.input-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column}@media(min-width:768px){.input-container{flex-direction:row;justify-content:space-between}}.date-input{margin-bottom:1rem;position:relative;width:100%}@media(min-width:768px){.date-input{margin-bottom:0;width:48%}}.date-input label{display:block;margin-bottom:.5rem;font-weight:600;color:#1f2937}.date-input input[type=date]{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:4px;font-size:1rem;font-family:inherit}.date-input input[type=date]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.25)}.reset-button{display:inline-block;margin-top:.5rem;padding:.5rem 1rem;border:none;border-radius:4px;background-color:#6366f1;color:#fff;font-weight:500;cursor:pointer;transition:background-color .2s}.reset-button:hover{background-color:rgb(75.6,79.05,238.9)}.results-container{margin-top:2rem}.summary{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:1.5rem;margin-bottom:1.5rem;text-align:center}.summary p{font-size:1.1rem}.summary p strong{color:#3b82f6}.biorhythm-chart{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:1.5rem;margin-bottom:1.5rem}.biorhythm-chart h2{margin-bottom:1rem;color:#3b82f6;font-size:1.5rem}.chart-container{display:flex;align-items:center;margin-bottom:1rem;height:300px}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:50px}.chart-y-axis span{font-size:.75rem;color:#6b7280;text-align:right;padding-right:.5rem}.chart{flex:1;height:100%;position:relative;border:1px solid #e5e7eb;border-radius:4px;overflow:hidden}.chart-grid{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.chart-grid .grid-line{height:1px;width:100%;background-color:rgba(229,231,235,.5)}.chart-center-line{position:absolute;top:50%;left:0;width:100%;height:1px;background-color:rgba(107,114,128,.5);z-index:1}.chart-today-line{left:50%;width:1px;background-color:#6b7280;z-index:1}.chart-svg,.chart-today-line{position:absolute;top:0;height:100%}.chart-svg{left:0;width:100%;z-index:2}.chart-line{fill:none;stroke-width:2}.chart-line.physical{stroke:#ef4444}.chart-line.emotional{stroke:#3b82f6}.chart-line.intellectual{stroke:#22c55e}.chart-line.intuitive{stroke:#a855f7}.chart-line.aesthetic{stroke:#ec4899}.chart-line.awareness{stroke:#f59e0b}.chart-dates{display:flex;justify-content:space-between;position:absolute;bottom:5px;left:0;width:100%;padding:0 10px}.chart-dates .date-label{font-size:.7rem;color:#6b7280;text-align:center;transform:rotate(-45deg);width:20px;transform-origin:top left}.chart-dates .date-label.today{color:#3b82f6;font-weight:600}.chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.chart-legend .legend-item{display:flex;align-items:center;margin-right:1rem}.chart-legend .legend-item .color-box{width:16px;height:16px;border-radius:4px;margin-right:.5rem}.chart-legend .legend-item .color-box.physical{background-color:#ef4444}.chart-legend .legend-item .color-box.emotional{background-color:#3b82f6}.chart-legend .legend-item .color-box.intellectual{background-color:#22c55e}.chart-legend .legend-item .color-box.intuitive{background-color:#a855f7}.chart-legend .legend-item .color-box.aesthetic{background-color:#ec4899}.chart-legend .legend-item .color-box.awareness{background-color:#f59e0b}.chart-legend .legend-item span{font-size:.9rem}.biorhythm-values{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:1.5rem;margin-bottom:1.5rem}.biorhythm-values h2{margin-bottom:1rem;color:#3b82f6;font-size:1.5rem}.biorhythm-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.biorhythm-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.biorhythm-grid{grid-template-columns:repeat(3,1fr)}}.biorhythm-item h3{margin-bottom:.5rem;font-size:1.2rem}.biorhythm-item .meter-container{height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.biorhythm-item .meter-container .meter{height:100%;border-radius:4px;transition:width .5s ease}.biorhythm-item .biorhythm-details{display:flex;justify-content:space-between;margin-bottom:.5rem}.biorhythm-item .biorhythm-details .status,.biorhythm-item .biorhythm-details .value{font-weight:600}.biorhythm-item .description{font-size:.9rem;color:#6b7280}.advanced-analysis{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:1.5rem;margin-bottom:1.5rem}.advanced-analysis h2{margin-bottom:1rem;color:#3b82f6;font-size:1.5rem}.advanced-analysis h3{margin-bottom:.5rem;font-size:1.2rem}.critical-days{margin-bottom:1.5rem}.critical-days p{margin-bottom:.5rem}.critical-days .critical-alert{color:#ef4444;font-weight:600}.compatibility{margin-bottom:1rem}.advanced-toggle{margin-top:1rem}.advanced-toggle label{display:flex;align-items:center;cursor:pointer}.advanced-toggle label input[type=checkbox]{margin-right:.5rem}.advanced-toggle label span{font-weight:500}footer{text-align:center;margin-top:2rem;padding:1rem}footer p{color:#6b7280;margin-bottom:.5rem}footer p:last-child{margin-bottom:0}footer small{font-size:.8rem}@media(prefers-color-scheme:dark){body{background-color:#1f2937;color:#f9fafb}.biorhythm-calculator header h1{color:rgb(107.7609756098,161.0975609756,248.2390243902)}.biorhythm-calculator header p{color:rgb(187.8,199,210.2)}.biorhythm-calculator .advanced-analysis,.biorhythm-calculator .biorhythm-chart,.biorhythm-calculator .biorhythm-values,.biorhythm-calculator .input-container,.biorhythm-calculator .summary{background-color:hsl(215,27.9069767442%,21.862745098%);box-shadow:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.4)}.biorhythm-calculator .date-input label{color:#f9fafb}.biorhythm-calculator .date-input input[type=date]{background-color:hsl(215,27.9069767442%,26.862745098%);border-color:hsl(215,27.9069767442%,36.862745098%);color:#f9fafb}.biorhythm-calculator .chart{border-color:hsl(215,27.9069767442%,36.862745098%)}.biorhythm-calculator .meter-container{background-color:hsl(215,27.9069767442%,31.862745098%)}.biorhythm-calculator .biorhythm-item .description,.biorhythm-calculator footer p{color:rgb(157.2,173.5,189.8)}}@media(max-width:480px){.biorhythm-calculator{padding:.5rem}.biorhythm-calculator header h1{font-size:2rem}.biorhythm-calculator header p{font-size:1rem}.biorhythm-calculator .chart-container{height:200px}.biorhythm-calculator .chart-y-axis{width:40px}.biorhythm-calculator .chart-y-axis span{font-size:.65rem}.biorhythm-calculator .chart-dates .date-label{font-size:.6rem}.biorhythm-calculator .chart-legend .legend-item{margin-bottom:.5rem}.biorhythm-calculator .chart-legend .legend-item span{font-size:.8rem}}@media print{.biorhythm-calculator{padding:0}.biorhythm-calculator header{margin-bottom:1rem}.biorhythm-calculator .advanced-analysis,.biorhythm-calculator .biorhythm-chart,.biorhythm-calculator .biorhythm-values,.biorhythm-calculator .input-container,.biorhythm-calculator .summary{box-shadow:none;border:1px solid #e5e7eb;margin-bottom:1rem;page-break-inside:avoid}.biorhythm-calculator .chart-container{height:250px}.biorhythm-calculator footer{margin-top:1rem}}@keyframes meter-animation{0%{width:0}to{width:var(--width)}}.meter{animation:meter-animation 1s ease-out forwards}.skeleton{background:linear-gradient(90deg,#e5e7eb 25%,rgb(243.4130434783,244.3043478261,246.0869565217) 50%,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}