ul.card-list{list-style:none;margin:0;padding:0}.card-item{-webkit-backdrop-filter:var(--blur-effect);backdrop-filter:var(--blur-effect);background:var(--button-bg);border-radius:var(--border-radius-lg);box-shadow:var(--section-shadow);display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:var(--spacing-lg);opacity:1;padding:var(--spacing-lg);text-align:center;transition:transform var(--transition-speed),background var(--transition-speed)}.card-item.article-disclaimer,.card-item.medical-disclaimer{background:#ffeb3b3d;margin-top:var(--spacing-lg)}.calculator-disclaimer{color:#c94281;margin:var(--spacing-sm) 0}.card-item:hover{transform:var(--hover-lift)}.card-item h2{color:var(--text-color);font-size:var(--text-lg);margin-bottom:var(--spacing-md)}.card-item a h3,.card-item p a{text-decoration:underline}.card-item p a{color:var(--text-secondary)}.card-item p a:hover{color:var(--text-color);text-decoration:underline}.time-picker{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;margin:0}.time-picker select{appearance:none;-webkit-backdrop-filter:var(--blur-effect);backdrop-filter:var(--blur-effect);background:var(--select-bg);border:none;border-radius:var(--border-radius-md);color:var(--text-color);cursor:pointer;font-size:var(--text-lg);min-width:70px;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.time-picker select:focus{outline:none}.time-picker span{font-size:var(--text-xl);opacity:.5}.btn{background:var(--button-active-bg);border:none;border-radius:var(--border-radius-md);color:var(--text-color);cursor:pointer;display:block;font-size:var(--text-base);font-weight:500;margin-top:var(--spacing-lg);padding:var(--spacing-md);text-align:center;transition:all var(--transition-speed);width:100%}.btn:hover{opacity:.9;transform:var(--hover-lift)}.btn-link{align-items:center;-webkit-backdrop-filter:var(--blur-effect);backdrop-filter:var(--blur-effect);background:var(--button-bg);border:none;border-radius:var(--border-radius-md);color:var(--text-color);cursor:pointer;display:flex;font-size:var(--text-base);gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg);padding:var(--spacing-md);transition:all var(--transition-speed);width:100%}.btn-link:hover{background:var(--button-hover-bg)}#results{-webkit-backdrop-filter:var(--blur-effect);backdrop-filter:var(--blur-effect);background:var(--button-bg);border-radius:var(--border-radius-lg);box-shadow:var(--section-shadow);margin-top:0;max-height:0;opacity:0;overflow:hidden;padding:0;transition:max-height .4s ease-in-out,opacity .3s ease-in-out,padding .4s ease-in-out,margin .4s ease-in-out}#results.show{margin-top:var(--spacing-lg);max-height:2000px;opacity:1;padding:var(--spacing-lg)}#results.hide{margin-top:0;max-height:0;opacity:0;padding:0}.results-container{position:relative}.results-header,.results-header h2{margin-bottom:var(--spacing-md)}.results-header h2{color:var(--text-color);font-size:var(--text-lg)}.results-subheader{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--spacing-md);opacity:.8}.time-suggestions{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-lg)}.time-suggestion{-webkit-backdrop-filter:var(--blur-effect);backdrop-filter:var(--blur-effect);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--section-shadow);padding:var(--spacing-md);transition:transform var(--transition-speed),background var(--transition-speed)}.time-suggestion:hover{transform:var(--hover-lift)}.time-suggestion.recommended{border:1px solid var(--accent-color)}.time{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.time h3{color:var(--text-color);font-size:var(--h3-size);margin:0}.badge{background:var(--accent-color);border-radius:var(--border-radius-sm);color:var(--text-on-accent);font-size:var(--text-xs);margin-left:auto;padding:2px 8px}.badge.secondary{background:var(--secondary-accent)}.badge.warning{background:var(--warning-color)}.details{color:var(--text-secondary);font-size:var(--text-sm)}.details .cycles-row{align-items:center;color:var(--text-color);display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);margin:0}.details .cycles-row .duration,.details .tip{color:var(--text-secondary)}.details .tip{font-size:var(--text-xs);font-style:italic;margin-top:var(--spacing-xs);opacity:.9}.sleep-tips{margin-top:var(--spacing-xl)}.sleep-tips p{margin-bottom:var(--spacing-md)}.sleep-tips p:last-child{margin-bottom:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){#results,.btn,.btn-link,.card-item,.clock-legend .legend-item,.time-suggestion,.timeline-cycle{transition:none}#results.show{margin-top:var(--spacing-lg);max-height:none;opacity:1;padding:var(--spacing-lg)}#results.hide{margin-top:0;max-height:0;opacity:0;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media (forced-colors:active){.btn,.btn-link,.card-item{border:1px solid}}@media print{.card-item{background:none;border:1px solid #ccc;box-shadow:none;break-inside:avoid}.btn,.btn-link{background:none;border:1px solid #000;color:#000}}.btn-link:focus-visible,.btn:focus-visible,select:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}@media (max-width:768px){.card-item{border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.card-item .btn{margin-top:var(--spacing-md)}.time-suggestions{grid-template-columns:1fr}.time-suggestion{margin-bottom:var(--spacing-md)}}.how-works-section{margin-top:var(--spacing-xl)}.how-works-section h2{color:var(--text-color);color:#fff;font-size:var(--h2-size);margin-bottom:var(--spacing-md);text-align:center}.how-works-section h3{color:var(--text-color);font-size:var(--text-lg);font-weight:500;margin-bottom:var(--spacing-md);margin-top:0;opacity:1;text-align:left}.how-works-section p{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--spacing-xs);text-align:left}.how-works-section .card-item{padding:var(--spacing-xl);text-align:left}.how-works-section .card-item a{opacity:1}.how-works-section ol li{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-sm)}.calculator-inputs{align-items:flex-end;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.calculator-inputs .input-group{flex:1}.calculator-inputs label{display:block;margin-bottom:var(--spacing-xs);padding:0 var(--spacing-md);text-align:left}.calculator-inputs input,.calculator-inputs select{background:var(--select-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-color);font-size:var(--text-base);height:35px;padding:var(--spacing-sm);width:100%}.calculator-header h1{color:var(--text-color);contain:content;font-display:swap;font-family:var(--font-family-sans-serif);font-size:var(--h1-size);margin:0;min-height:60px;padding:0;text-align:center}.calculator-header .intro-text{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--spacing-md);margin-top:var(--spacing-xs);text-align:center}@media (max-width:768px){.calculator-header .intro-text{padding:0 var(--spacing-sm)}}.card-item-label{font-weight:600}#results .highlight{color:var(--accent-color);font-size:var(--text-xl);font-weight:700}#newborn-age-group{flex-grow:.5}@media (max-width:768px){.calculator-inputs{align-items:stretch;flex-direction:column;gap:var(--spacing-lg)}.calculator-inputs label{text-align:center}}.chart-container{-webkit-backdrop-filter:var(--blur-effect);backdrop-filter:var(--blur-effect);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--section-shadow);margin:var(--spacing-lg) 0;padding:var(--spacing-lg)}.chart-container h3{color:var(--text-color);font-size:var(--h3-size);margin-bottom:var(--spacing-lg);text-align:center}.sleep-clock{display:flex;flex-direction:column;gap:var(--spacing-xl)}.clock-container{flex-wrap:wrap;gap:var(--spacing-xl)}.clock-container,.clock-face{align-items:center;display:flex;justify-content:center}.clock-face{height:200px;position:relative;width:200px}.clock-center{align-items:center;background:var(--card-bg);border:3px solid var(--border-color);border-radius:50%;box-shadow:0 0 20px #0000004d;display:flex;flex-direction:column;height:80px;justify-content:center;position:absolute;text-align:center;width:80px;z-index:10}.total-time{color:var(--accent-color);font-size:var(--text-lg);font-weight:700;line-height:1}.total-cycles{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--spacing-xs)}.clock-chart{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:100%;left:0;position:absolute;top:0;width:100%}.clock-legend{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:250px}.clock-legend .legend-item{align-items:center;background:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:transform var(--transition-speed)}.clock-legend .legend-item:hover{transform:var(--hover-lift)}.clock-legend .legend-color{border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;height:20px;width:20px}.legend-color.rem-sleep{background:linear-gradient(135deg,#ffd54f,#ffb300)}.legend-color.deep-sleep{background:linear-gradient(135deg,#4a5a8e,#3f4c6b)}.legend-color.light-sleep{background:linear-gradient(135deg,#7b8ab8,#6c7b9a)}.legend-text{color:var(--text-color);font-size:var(--text-sm);line-height:1.4}.cycle-timeline{text-align:center}.cycle-timeline h4{color:var(--accent-color);font-size:var(--text-lg);margin-bottom:var(--spacing-md)}.timeline-container{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.timeline-cycle{align-items:center;background:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:80px;padding:var(--spacing-sm);transition:transform var(--transition-speed)}.timeline-cycle:hover{transform:var(--hover-lift)}.cycle-marker{align-items:center;background:var(--accent-color);border-radius:50%;box-shadow:0 2px 8px #ffd54f4d;color:var(--text-on-accent);display:flex;font-size:var(--text-sm);font-weight:700;height:30px;justify-content:center;width:30px}.cycle-time{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.2;text-align:center}.sleep-architecture{margin-top:var(--spacing-md)}.architecture-item{background:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.architecture-bar{border-radius:var(--border-radius-sm);box-shadow:inset 0 2px 4px #0003;display:flex;height:50px;margin-bottom:var(--spacing-md);overflow:hidden}.architecture-segment{align-items:center;color:var(--text-on-accent);display:flex;font-size:var(--text-sm);font-weight:600;justify-content:center;position:relative;transition:all var(--transition-speed)}.architecture-segment.rem-sleep{background:linear-gradient(135deg,#ffd54f,#ffb300);box-shadow:0 0 15px #ffd54f66}.architecture-segment.deep-sleep{background:linear-gradient(135deg,#4a5a8e,#3f4c6b);box-shadow:0 0 15px #4a5a8e66}.architecture-segment.light-sleep{background:linear-gradient(135deg,#7b8ab8,#6c7b9a);box-shadow:0 0 15px #7b8ab866}.architecture-legend{display:flex;flex-direction:column;gap:var(--spacing-sm)}.architecture-legend .legend-item{align-items:center;color:var(--text-color);display:flex;font-size:var(--text-base);font-weight:500;gap:var(--spacing-sm)}.architecture-legend .legend-color{border:2px solid var(--border-color);border-radius:var(--border-radius-sm);flex-shrink:0;height:20px;width:20px}.sleep-breakdown{display:flex;flex-direction:column;gap:var(--spacing-sm)}.breakdown-item{align-items:center;background:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm)}.breakdown-label{color:var(--text-secondary);font-weight:500}.breakdown-value{color:var(--text-color);font-size:var(--text-lg);font-weight:600}.rem-details{text-align:center}.rem-highlight{margin-bottom:var(--spacing-md)}.rem-duration{color:var(--accent-color);display:block;font-size:var(--h2-size);font-weight:700;margin-bottom:var(--spacing-xs)}.rem-percentage{color:var(--text-secondary);font-size:var(--text-lg);font-weight:500}.rem-insights{margin-top:var(--spacing-md)}.insight-good{background:#4a9f3e1a;border-left:4px solid var(--secondary-accent);color:var(--secondary-accent)}.insight-good,.insight-warning{border-radius:var(--border-radius-sm);font-weight:600;margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.insight-warning{background:#9f3e3e1a;border-left:4px solid var(--warning-color);color:var(--warning-color)}.insight-info{background:#ffd54f1a;border-left:4px solid var(--accent-color);border-radius:var(--border-radius-sm);color:var(--accent-color);font-weight:600;margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}@media (max-width:768px){.clock-container{flex-direction:column;gap:var(--spacing-lg)}.clock-face{height:180px;width:180px}.clock-center{height:70px;width:70px}.total-time{font-size:var(--text-base)}.total-cycles{font-size:var(--text-xs)}.clock-legend{min-width:200px}.timeline-container{gap:var(--spacing-sm)}.timeline-cycle{min-width:70px}.rem-duration{font-size:var(--h3-size)}.breakdown-value{font-size:var(--text-base)}}@media (max-width:480px){.chart-container{padding:var(--spacing-md)}.clock-face{height:150px;width:150px}.clock-center{height:60px;width:60px}.total-time{font-size:var(--text-sm)}.total-cycles{font-size:var(--text-xs)}.clock-legend{min-width:180px}.legend-text{font-size:var(--text-xs)}.timeline-container{align-items:center;flex-direction:column}.timeline-cycle{flex-direction:row;justify-content:space-between;min-width:120px}.cycle-marker{height:25px;width:25px}.cycle-marker,.cycle-time{font-size:var(--text-xs)}}
