:root{--primary-color:#3498db;--secondary-color:#243043;--light-gray:#f8f9fa;--medium-gray:#e2e8f0;--dark-gray:#64748b;--success-color:#2ecc71;--info-color:#3498db;--warning-color:#f39c12;--danger-color:#e74c3c;--background-color:#f6f8fb;--surface-color:#fff;--surface-alt-color:#f1f5f9;--border-color:#0f172a14;--text-color:#1f2937;--muted-text-color:#64748b;--header-gradient-start:#5a8de4;--header-gradient-end:#2b4f78}:root[data-theme=dark],html[data-theme=dark]{--primary-color:#60a5fa;--secondary-color:#f8fafc;--light-gray:#1f2937;--medium-gray:#273449;--dark-gray:#94a3b8;--success-color:#4ade80;--info-color:#60a5fa;--warning-color:#fbbf24;--danger-color:#f87171;--background-color:#0f172a;--surface-color:#15213b;--surface-alt-color:#1d2a44;--border-color:#94a3b82e;--text-color:#e2e8f0;--muted-text-color:#94a3b8;--header-gradient-start:#0f172a;--header-gradient-end:#1f2b45}html{width:100%;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-color);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;transition:background-color .25s,color .25s;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 15px}.row{flex-wrap:wrap;margin:0 -15px;display:flex}.col-md-4{flex:0 0 33.3333%;max-width:33.3333%;padding:0 15px}.col-md-6,.col-sm-6{flex:0 0 50%;max-width:50%;padding:0 15px}.btn{text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:.25rem;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}.btn-primary{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-lg{border-radius:.3rem;padding:.5rem 1rem;font-size:1.25rem;line-height:1.5}.consentBanner{background:var(--surface-color);width:calc(100% - 2rem);max-width:960px;color:var(--text-color);border:1px solid var(--border-color);z-index:1200;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 14px 32px #0f172a2e}.consentBanner p{flex:1;margin:0;font-size:.95rem}.consentButton{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #3498db40}.consentButton:hover{filter:brightness(.95)}.consentButton.secondary{color:var(--text-color);border:1px solid var(--border-color);box-shadow:none;background:0 0}.consentButton.secondary:hover{background:var(--surface-alt-color)}html[data-theme=dark] .consentBanner{background:#15213b;border-color:#94a3b840;box-shadow:0 18px 36px #082f4980}html[data-theme=dark] .consentButton.secondary{color:#e2e8f0;border-color:#94a3b859}.w-100{width:100%!important}.text-center{text-align:center!important}.mb-3{margin-bottom:1rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.form-control{width:100%;color:var(--text-color);background-color:var(--surface-color);border:1px solid var(--border-color);appearance:none;background-clip:padding-box;border-radius:.25rem;padding:.375rem .75rem;font-size:1rem;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.form-select{width:100%;color:var(--text-color);background-color:var(--surface-color);border:1px solid var(--border-color);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234b5563' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 6l8 8 8-8'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;border-radius:.25rem;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;line-height:1.5;display:block}.form-label{margin-bottom:.5rem}.bg-light{background-color:var(--light-gray)!important}.rounded{border-radius:.25rem!important}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:none}@media (max-width:768px){.col-md-4,.col-md-6,.col-sm-6{flex:0 0 100%;max-width:100%}}:root[data-theme=dark] .form-control,html[data-theme=dark] .form-control{border-color:#94a3b859}:root[data-theme=dark] .form-select,html[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cbd5f5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 6l8 8 8-8'/%3e%3c/svg%3e");border-color:#94a3b859}
.hfCalculator{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;display:flex}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:0 20px 40px #0f172a14}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.rowGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:1rem;display:grid}.inlineChoices{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.inlineChoices label{align-items:center;gap:.4rem;display:flex}.checkboxRow{align-items:center;padding-top:1.6rem;display:flex}.fieldGroup label{color:var(--secondary-color);margin-bottom:.35rem;font-weight:600;display:block}.fieldGroup input,.fieldGroup select,.fieldGroup textarea{border:1px solid var(--border-color);background-color:var(--surface-alt-color);border-radius:10px;width:100%;padding:.6rem .75rem;font-size:.95rem}.fieldGroup textarea{resize:vertical;min-height:110px;line-height:1.4}.summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.summaryItem{background:linear-gradient(145deg,#60a5fa1f,#3b82f60d);border:1px solid #94a3b859;border-radius:12px;padding:1rem}.summaryItem h3{color:var(--secondary-color);word-break:break-word;white-space:normal;margin:0;font-size:2rem}.summaryItem span{color:var(--muted-text-color);font-size:.95rem}.bmiScale{border-radius:999px;grid-template-columns:repeat(5,1fr);height:1.35rem;display:grid;overflow:hidden}.bmiSegment{position:relative}.bmiSegment span{color:var(--muted-text-color);font-size:.8rem;position:absolute;top:-1.75rem;left:50%;transform:translate(-50%)}.activeSegment{box-shadow:inset 0 0 0 3px #fff}.bmiGaugeSection{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.bmiGauge{--progress:.5;aspect-ratio:1;background:conic-gradient(#34d399 calc(var(--progress)*360deg),#94a3b833 0deg);border-radius:50%;justify-content:center;align-items:center;width:min(220px,45vw);display:flex;position:relative}.bmiGauge:after{content:"";background:var(--surface-color);border-radius:50%;width:65%;height:65%;position:absolute;box-shadow:inset 0 0 0 1px #94a3b840}.bmiGaugeValue{z-index:1;color:var(--secondary-color);font-size:2.3rem;font-weight:700;position:relative}.bmiGauge span{letter-spacing:.1em;color:var(--muted-text-color);font-size:.85rem;position:absolute;bottom:12%}.bmiGaugeCopy{background:#3b82f60d;border:1px solid #94a3b859;border-radius:16px;flex:1;min-width:220px;padding:1rem}.bmiGaugeCopy h4{color:var(--secondary-color);margin:0 0 .35rem}.bmiGaugeCopy p{color:var(--muted-text-color);margin:0}.bmiGaugeCopy small{color:var(--muted-text-color);margin-top:.5rem;font-size:.85rem;display:block}.legend{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.legendItem{color:var(--muted-text-color);align-items:center;gap:.35rem;font-size:.9rem;display:flex}.legendSwatch{border-radius:999px;width:1rem;height:.35rem}.bmiInsights{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem;margin-top:1.25rem;display:grid}.bmiInsightCard{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:14px;padding:.9rem 1rem}.bmiInsightCard span{color:var(--muted-text-color);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.bmiInsightCard strong{color:var(--secondary-color);margin:.35rem 0;display:block}.bmiInsightCard p{color:var(--muted-text-color);margin:0;line-height:1.5}.checkboxRow{color:var(--muted-text-color);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.checkboxRow input{margin-right:.35rem}.tagRow{flex-flow:wrap;gap:.5rem}.tagButton{color:var(--secondary-color);cursor:pointer;background:linear-gradient(135deg,#3b82f614,#4f46e514);border:1px solid #3b82f659;border-radius:999px;padding:.55rem .9rem;font-weight:600;transition:transform .1s,box-shadow .2s}.tagButton:hover{transform:translateY(-1px);box-shadow:0 10px 20px #3b82f62e}.tagButton:active{box-shadow:none;transform:translateY(0)}.workingStack{border:1px solid #94a3b859;border-radius:999px;margin-top:1.25rem;display:flex;overflow:hidden}.workingStackSegment{text-align:center;color:#0f172a;flex-direction:column;flex:1;justify-content:center;gap:.2rem;min-width:90px;padding:.4rem .6rem;display:flex}.workingStackSegment span{font-weight:600}.workingStackSegment small{font-size:.8rem}.holidayGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;margin-top:1.25rem;display:grid}.holidayCard{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:14px;flex-direction:column;gap:.2rem;padding:.85rem;display:flex}.holidayCard strong{color:var(--secondary-color)}.holidayCard small{color:var(--muted-text-color);font-size:.8rem}.bridgeGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;margin-top:1.25rem;display:grid}.bridgeCard{color:var(--secondary-color);background:#3b82f60d;border:1px solid #3b82f666;border-radius:16px;padding:.95rem}.bridgeCard h4{margin:0 0 .4rem}.bridgeCard p{color:var(--muted-text-color);margin:0}.bridgeCard small{color:var(--secondary-color);margin-top:.4rem;font-size:.8rem;display:block}.holidayHeatGrid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem;margin-top:1.25rem;display:grid}.holidayHeatCard{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:14px;flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.holidayHeatBar{background:#94a3b840;border-radius:999px;height:.55rem;overflow:hidden}.holidayHeatFill{border-radius:inherit;background:linear-gradient(90deg,#34d399,#38bdf8);height:100%}.vacationGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;margin-top:1.25rem;display:grid}.vacationCard{background:#f1f5f9e6;border:1px solid #94a3b866;border-radius:14px;flex-direction:column;gap:.2rem;padding:.9rem;display:flex}.vacationCard strong{color:var(--secondary-color)}.vacationCard small{color:var(--muted-text-color)}.timerPanel{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:16px;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.timerPanel span{color:var(--muted-text-color);font-size:.85rem;display:block}.timerPanel h3{color:var(--secondary-color);margin:.25rem 0}.timerPanel small{color:var(--muted-text-color)}.timerDisplay{color:var(--secondary-color);letter-spacing:.1em;text-align:center;min-width:140px;font-size:2.5rem;font-weight:700}.timerControls{flex-wrap:wrap;gap:.5rem;display:flex}.timerControls button{min-width:90px}.pomodoroDial{aspect-ratio:1;background:conic-gradient(#34d399 calc(var(--progress,.65)*360deg),#94a3b840 0deg);border-radius:50%;justify-content:center;align-items:center;width:min(220px,45vw);margin:1.25rem 0;display:flex;position:relative}.pomodoroDial:after{content:"";background:var(--surface-color);border-radius:50%;width:65%;height:65%;position:absolute;box-shadow:inset 0 0 0 1px #94a3b859}.pomodoroDialValue,.pomodoroDialLabel{text-align:center;color:var(--secondary-color);position:absolute}.pomodoroDialValue{z-index:1;font-size:2.2rem;font-weight:700}.pomodoroDialLabel{letter-spacing:.1em;color:var(--muted-text-color);z-index:1;font-size:.85rem;bottom:15%}.pomodoroStack{border:1px solid #94a3b859;border-radius:999px;display:flex;overflow:hidden}.pomodoroStackSegment{text-align:center;color:#0f172a;flex-direction:column;flex:1;gap:.15rem;min-width:0;padding:.5rem .75rem;display:flex}.pomodoroStackSegment span{font-weight:600}.pomodoroStackSegment small{font-size:.85rem}.pomodoroSchedule{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;margin-top:1.25rem;display:grid}.pomodoroBlock{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:14px;flex-direction:column;gap:.25rem;padding:.85rem;display:flex}.pomodoroFocusBlock{border-color:#34d399b3}.pomodoroBreakBlock{border-color:#38bdf8b3}.pomodoroBlockType{color:var(--muted-text-color);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.pomodoroBlock strong{color:var(--secondary-color)}.deadlineGauge{border:1px solid #94a3b859;border-radius:999px;margin-top:1.25rem;display:flex;overflow:hidden}.deadlineGaugeSegment{text-align:center;color:#0f172a;flex-direction:column;flex:1;gap:.2rem;min-width:0;padding:.5rem .75rem;display:flex}.deadlineGaugeSegment span{font-weight:600}.deadlineGaugeSegment small{font-size:.8rem}.deadlineMatrix{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;margin-top:1.25rem;display:grid}.deadlineCard{border:1px solid var(--border-color);background:var(--surface-alt-color);color:var(--muted-text-color);border-radius:12px;padding:.85rem}.ratioScaleWrapper{flex-direction:column;gap:.75rem;margin-top:1.25rem;display:flex}.ratioScaleTrack{border-radius:999px;min-height:2.25rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a14}.ratioScaleSegment{color:#0f172a;text-transform:uppercase;letter-spacing:.04em;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.ratioMarker{background:var(--secondary-color);width:3px;height:calc(100% + .7rem);position:absolute;top:-.35rem;box-shadow:0 4px 16px #0f172a4d}.ratioMarker span{color:#fff;background:var(--secondary-color);white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.85rem;position:absolute;top:-1.9rem;left:50%;transform:translate(-50%)}.ratioScaleLabels{color:var(--muted-text-color);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.35rem;font-size:.85rem;display:grid}.ratioInsights{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:1.25rem;display:grid}.ratioInsightCard{background:linear-gradient(135deg,#3b82f614,#0ea5e90d);border:1px solid #94a3b859;border-radius:14px;padding:1rem}.ratioInsightCard h4{color:var(--secondary-color);margin:0 0 .4rem;font-size:1rem}.ratioInsightCard p{color:var(--muted-text-color);margin:0;line-height:1.6}.ratioMatrix{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.ratioMatrixCard{background:linear-gradient(120deg,#f8fafce6,#e2e8f080);border:1px solid #94a3b859;border-radius:16px;padding:1rem}.ratioMatrixTitle{color:var(--secondary-color);margin:0;font-weight:700}.ratioMatrixValues{color:var(--secondary-color);flex-direction:column;gap:.2rem;margin:.4rem 0;font-weight:600;display:flex}.ratioMatrixCopy{color:var(--muted-text-color);margin:0;line-height:1.5}.ringChartSection{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:1.5rem;display:flex}.ratioRing{--progress:.5;aspect-ratio:1;background:conic-gradient(var(--primary-color,#38bdf8)calc(var(--progress)*360deg),#94a3b84d 0deg);border-radius:50%;justify-content:center;align-items:center;width:min(220px,45vw);display:flex;position:relative}.ratioRing:after{content:"";background:var(--surface-color);border-radius:50%;width:65%;height:65%;position:absolute;box-shadow:inset 0 0 0 1px #94a3b840}.ratioRingValue,.ratioRingLabel{z-index:1;position:relative}.ratioRingValue{color:var(--secondary-color);font-size:2.2rem;font-weight:700;line-height:1}.ratioRingLabel{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-text-color);margin-top:.3rem;font-size:.9rem}.ringLegend{min-width:240px;color:var(--secondary-color);background:#3b82f60f;border:1px dashed #3b82f666;border-radius:16px;flex:1;padding:1rem 1.25rem}.ringLegend p{margin-top:0;margin-bottom:.5rem;line-height:1.5}.ringLegend ul{color:var(--muted-text-color);margin:0;padding-left:1.25rem}.ratioBandList{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:1.25rem;display:grid}.ratioBandCard{background:#f8fafcf2;border:1px solid #94a3b859;border-radius:14px;gap:.9rem;padding:.9rem 1rem;display:flex}.ratioBandSwatch{border-radius:12px;width:16px;height:48px}.ratioBandCard strong{color:var(--secondary-color);font-size:1rem;display:block}.ratioBandCard p{color:var(--secondary-color);margin:.1rem 0;font-weight:600}.ratioBandCard small{color:var(--muted-text-color)}.infoSection h3{color:var(--secondary-color);margin-top:0}.infoSection p{color:var(--muted-text-color);margin:0 0 1rem;line-height:1.7}.faqList{color:var(--muted-text-color);margin-top:.5rem;margin-left:1.25rem}.faqList li{margin-bottom:.65rem;line-height:1.6}.faqList li:last-child{margin-bottom:0}.calorieBars{flex-direction:column;gap:.75rem;display:flex}.calorieBar{flex-direction:column;gap:.35rem;display:flex}.calorieBarLabel{color:var(--secondary-color);justify-content:space-between;font-size:.9rem;display:flex}.calorieTrack{background:#94a3b840;border-radius:999px;height:.85rem;overflow:hidden}.calorieValue{border-radius:inherit;height:100%}@media (max-width:768px){.card{padding:1.15rem}.summaryItem h3{font-size:1.6rem}}.sectionDivider{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-text-color);margin:1rem 0 .35rem;font-size:.85rem;font-weight:600}.activityRows{flex-direction:column;gap:1rem;margin-top:1.25rem;display:flex}.activityRow{border:1px solid var(--border-color);background-color:var(--surface-alt-color);border-radius:14px;padding:1rem;box-shadow:inset 0 1px #ffffff0a}.activityHeader{justify-content:space-between;align-items:center;gap:1rem;display:flex}.activityHeader span{color:var(--muted-text-color);font-size:.85rem;display:block}.activityKcal{color:var(--secondary-color);font-size:1.1rem;font-weight:600}.rangeRow{align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.rangeRow input[type=range]{accent-color:var(--secondary-color);flex:1}.rangeRow input[type=number]{border:1px solid var(--border-color);background-color:#fff;border-radius:8px;width:90px;padding:.35rem .5rem;font-size:.9rem}.rangeValue{color:var(--muted-text-color);text-align:right;min-width:60px;font-size:.85rem}.activityBarTrack{background:#94a3b84d;border-radius:999px;height:.65rem;margin-top:.75rem;overflow:hidden}.activityBarFill{border-radius:inherit;height:100%;transition:width .3s}.dualResults{flex-direction:column;gap:.85rem;margin-top:1.5rem;display:flex}.dualResultRow{color:var(--secondary-color);grid-template-columns:minmax(140px,1fr) minmax(0,2fr) auto;align-items:center;gap:.75rem;font-size:.9rem;display:grid}.dualResultRow small{color:var(--muted-text-color);font-size:.75rem;display:block}.dualBarTrack{background:#94a3b840;border-radius:999px;height:.65rem;overflow:hidden}.dualBarFill{border-radius:inherit;height:100%;transition:width .3s}.bodyFatScale{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.65rem;margin-top:1.25rem;display:grid;position:relative}.bodyFatSegment{color:#0f172a;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;gap:.2rem;min-height:72px;padding:.75rem .85rem;display:flex}.bodyFatSegment span{font-weight:600}.bodyFatSegment small{font-size:.75rem}.bodyFatMarker{background:var(--secondary-color);border:2px solid #fff;border-radius:999px;width:16px;height:16px;position:absolute;top:-.6rem;box-shadow:0 6px 18px #0f172a4d}@media (max-width:768px){.activityRow{padding:.85rem}.dualResultRow{grid-template-columns:1fr;gap:.4rem}.dualResultRow span:last-child{justify-self:flex-start}.weightScale{padding-inline:1rem}.weightMarker,.weightLabel{max-width:100px}}.weightScale{margin-top:1.5rem;padding-inline:2.25rem}.weightScaleTrack{background:#94a3b840;border-radius:999px;height:24px;position:relative}.weightRange{background:linear-gradient(90deg,#34d399,#38bdf8);border-radius:999px;height:16px;position:absolute;top:4px}.weightMarker{color:#fff;text-align:center;white-space:normal;overflow-wrap:anywhere;border-radius:999px;max-width:120px;padding:.2rem .7rem;font-size:.75rem;font-weight:600;line-height:1.2;position:absolute;top:-42px;transform:translate(-50%);box-shadow:0 10px 20px #0f172a40}.weightMarker:after{content:"";background:inherit;border-radius:2px;width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.weightMarkerCurrent{background:#f97316}.weightMarkerTarget{background:#6366f1}.weightLabel{color:var(--muted-text-color);text-align:center;white-space:normal;overflow-wrap:anywhere;max-width:120px;font-size:.75rem;line-height:1.2;position:absolute;top:32px;transform:translate(-50%)}.methodList{flex-direction:column;gap:.85rem;margin-top:1.25rem;display:flex}.methodRow{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:14px;justify-content:space-between;gap:1rem;padding:.85rem 1rem;display:flex}.methodRow p{color:var(--muted-text-color);margin:.2rem 0 0;font-size:.85rem}.tag{color:var(--secondary-color);white-space:nowrap;background:#0f172a14;border-radius:999px;align-self:center;padding:.35rem .85rem;font-weight:600}.energyStack{flex-direction:column;gap:.4rem;margin-top:1.5rem;display:flex}.energyHeader{color:var(--secondary-color);justify-content:space-between;font-size:.85rem;display:flex}.energyTrack{background:#94a3b838;border-radius:999px;height:.95rem;overflow:hidden}.energyFill{border-radius:inherit;height:100%;transition:width .3s}.actionBar{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.primaryButton,.secondaryButton{cursor:pointer;border-radius:10px;padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s}.primaryButton{color:#fff;background:linear-gradient(120deg,#2563eb,#7c3aed);border:none;box-shadow:0 10px 20px #4f46e540}.primaryButton:hover{transform:translateY(-1px);box-shadow:0 12px 22px #4f46e54d}.secondaryButton{border:1px solid var(--border-color);color:var(--secondary-color);background:0 0}.secondaryButton:hover{transform:translateY(-1px)}.macroList{flex-direction:column;gap:.75rem;margin-top:1.25rem;display:flex}.macroRow{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:.75rem 1rem;display:grid}.macroMeta{color:var(--muted-text-color);font-size:.85rem}.macroBarTrack{background:#94a3b840;border-radius:999px;height:.6rem;margin-top:.35rem;position:relative;overflow:hidden}.macroBarFill{border-radius:inherit;height:100%;transition:width .3s;position:absolute;top:0;left:0}.macroTag{color:var(--secondary-color);background:#0f172a14;border-radius:999px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.waterGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:1.25rem;display:grid}.waterCard{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:14px;padding:1rem}.waterChart{background:#94a3b84d;border-radius:999px;height:1rem;margin-top:1rem;display:flex;overflow:hidden}.waterSegment{height:100%}.waterLegend{color:var(--muted-text-color);flex-direction:column;gap:.35rem;margin-top:.85rem;font-size:.85rem;display:flex}.waterLegendItem{align-items:center;gap:.4rem;display:flex}.waterSwatch{border-radius:4px;width:.75rem;height:.75rem}.zoneChart{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:1.25rem;display:grid}.zoneCard{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:16px;padding:1rem}.zoneLabel{color:var(--secondary-color);justify-content:space-between;font-size:.9rem;display:flex}.zoneRange{color:var(--muted-text-color);margin-top:.35rem;font-size:.85rem}.zoneBar{background:#94a3b840;border-radius:999px;height:.6rem;margin-top:.6rem;overflow:hidden}.zoneFill{border-radius:inherit;height:100%}.riskGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.25rem;display:grid}.riskCard{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:16px;padding:1rem}.riskGauge{width:180px;height:90px;margin:0 auto;position:relative}.riskGaugeArc{background:conic-gradient(#22c55e 0 40%,#fbbf24 40% 75%,#f87171 75% 100%);border-radius:999px 999px 0 0;width:100%;height:100%;-webkit-mask:radial-gradient(circle at bottom,#0000 55px,#000 56px);mask:radial-gradient(circle at bottom,#0000 55px,#000 56px)}.riskNeedle{transform-origin:bottom;background:#0f172a;width:2px;height:80px;position:absolute;bottom:0;left:50%}.riskLegend{color:var(--muted-text-color);margin-top:.75rem;font-size:.85rem}.timeline{border-left:3px solid var(--border-color);flex-direction:column;gap:1rem;margin-top:1.25rem;padding-left:1.2rem;display:flex}.timelineEvent{padding-left:.5rem;position:relative}.timelineEvent:before{content:"";background:var(--primary-color,#6366f1);border-radius:999px;width:12px;height:12px;position:absolute;top:.4rem;left:-1.55rem;box-shadow:0 0 0 4px #6366f126}.dueGraph{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.dueCard{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:14px;padding:1rem}.heatBar{background:#94a3b840;border-radius:999px;height:.6rem;margin-top:.6rem;display:flex;overflow:hidden}.heatSegment{height:100%}.weekGrid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-top:1rem;display:grid}.weekCard{background:var(--surface-alt-color);border:1px solid var(--border-color);color:var(--muted-text-color);border-radius:12px;padding:.75rem;font-size:.85rem}.fertilityGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.25rem;display:grid}.fertilityCard{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:16px;padding:1rem}.fertilityBar{background:#94a3b840;border-radius:999px;height:.6rem;margin-top:.75rem;position:relative;overflow:hidden}.fertilityWindow{border-radius:inherit;height:100%;position:absolute}.stepChart{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.stepRow{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:.75rem 1rem;display:grid}.stepRowBar{background:#94a3b840;border-radius:999px;height:.6rem;margin-top:.35rem;overflow:hidden}.stepRowFill{border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#34d399);height:100%}.durationChart{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.durationCard{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:16px;padding:1rem}.durationBar{background:#94a3b840;border-radius:999px;height:.65rem;margin-top:.6rem;overflow:hidden}.durationFill{border-radius:inherit;background:linear-gradient(90deg,#f97316,#ef4444);height:100%}.durationStats{color:var(--muted-text-color);flex-wrap:wrap;gap:1rem;margin-top:1rem;font-size:.9rem;display:flex}.cycleList{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.25rem;display:grid}.cycleCard{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:16px;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.activeCycleCard{border-color:#3b82f6cc;box-shadow:0 15px 35px #3b82f640}.cycleHeader{color:var(--secondary-color);justify-content:space-between;font-size:.95rem;display:flex}.cycleBarTrack{background:#94a3b840;border-radius:999px;height:.55rem;overflow:hidden}.cycleBarFill{border-radius:inherit;background:linear-gradient(90deg,#6366f1,#38bdf8);height:100%;transition:width .3s}.cycleMeta{color:var(--muted-text-color);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.35rem;font-size:.85rem;display:grid}.sleepTimeline{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.sleepSegment{color:#0f172a;background:#3b82f626;border-radius:14px;flex:1;min-width:140px;padding:.9rem;box-shadow:inset 0 0 0 1px #ffffff59}.sleepSegmentLabel{font-weight:600;display:block}.sleepSegmentTime{color:var(--secondary-color);font-size:.85rem}.sleepInsights{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.25rem;display:grid}.sleepInsightCard{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:16px;padding:1rem}.proteinStack{border:1px solid #94a3b859;border-radius:999px;margin-top:1.25rem;display:flex;overflow:hidden}.proteinStackSegment{color:#0f172a;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;padding:.4rem;display:flex}.proteinStackSegment span{font-weight:600}.proteinLegend{flex-wrap:wrap;gap:.75rem;margin-top:.9rem;display:flex}.proteinLegendItem{border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;display:flex}.proteinLegendSwatch{border-radius:4px;width:14px;height:14px}.macroGuide{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:16px;flex-direction:column;gap:.65rem;margin-top:1.25rem;padding:1rem;display:flex}.macroGuideRow{color:var(--secondary-color);justify-content:space-between;font-size:.95rem;display:flex}.proteinBarTrack{background:#94a3b840;border-radius:999px;height:.55rem;overflow:hidden}.proteinBarFill{border-radius:inherit;background:linear-gradient(90deg,#34d399,#22d3ee);height:100%}.proteinHighlights{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.25rem;display:grid}.proteinCard{border:1px solid var(--border-color);background:var(--surface-alt-color);color:var(--muted-text-color);border-radius:16px;padding:1rem}.proteinCard h4{color:var(--secondary-color);margin:0 0 .4rem}.proteinTips{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:1.25rem;display:grid}.proteinTip{background:#3b82f60d;border:1px dashed #3b82f666;border-radius:14px;align-items:flex-start;gap:.6rem;padding:.85rem;display:flex}.proteinTip span{color:var(--secondary-color);font-weight:700}.proteinTip p{color:var(--muted-text-color);margin:0}.foodTable{flex-direction:column;gap:.85rem;margin-top:1rem;display:flex}.foodRow{grid-template-columns:minmax(200px,2fr) minmax(120px,1fr) auto;align-items:end;gap:.75rem;display:grid}.removeButton{color:#ef4444;cursor:pointer;background:#f8717133;border:none;border-radius:999px;place-items:center;width:40px;height:40px;font-size:1.5rem;display:grid}.removeButton:disabled{opacity:.5;cursor:not-allowed}.macroSection{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center;gap:1.25rem;margin-top:1.5rem;display:grid}.macroDonut{aspect-ratio:1;width:min(260px,70vw);position:relative}.macroDonutBase{background:radial-gradient(circle,var(--surface-color)55%,transparent 56%);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.macroDonutBase span{border-radius:50%;position:absolute;inset:0}.macroDonutValue{color:var(--muted-text-color);flex-direction:column;justify-content:center;align-items:center;font-size:.95rem;display:flex;position:absolute;inset:0}.macroDonutValue strong{color:var(--secondary-color);font-size:2rem}.macroLegend{flex-direction:column;gap:.8rem;display:flex}.macroLegendItem{align-items:center;gap:.65rem;display:flex}.macroLegendSwatch{border-radius:4px;width:16px;height:16px}.foodBreakdown{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.foodCard{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:16px;padding:1rem}.foodCardHeader{color:var(--secondary-color);justify-content:space-between;margin-bottom:.6rem;display:flex}.foodCardRows{grid-template-columns:1fr auto;gap:.35rem .5rem;font-size:.9rem;display:grid}.foodCardRows strong{color:var(--secondary-color)}.insightGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:1.5rem;display:grid}.insightCard{border:1px solid var(--border-color);background:var(--surface-alt-color);border-radius:16px;padding:.9rem 1rem}@media (max-width:768px){.methodRow{flex-direction:column;align-items:flex-start}.tag{text-align:center;width:100%}.sleepTimeline,.proteinStack{flex-direction:column}.foodRow{grid-template-columns:1fr}}