:root{--bg-dark:#0f172a;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-dim:#64748b;--color-period:#ff5d8f;--color-period-past:#9f1239;--color-fertile:#2dd4bf;--color-fertile-avoid:#f97316;--color-luteal:#a5b4fc;--color-follicular:#60a5fa;--color-late:#ef4444;--accent-pink:#ff5d8f;--accent-teal:#2dd4bf}*{box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-primary);flex-direction:column;min-height:100vh;margin:0;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}#main-content,.calc-content-wrapper{max-width:100%;overflow-x:hidden}.page-header{text-align:center;padding:2rem 1rem .5rem}.page-title{background:linear-gradient(135deg, #fff 0%, #fda4c2 50%, var(--color-period) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 .4rem;font-size:2.2rem;font-weight:800}.page-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.main-container{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.top-tab-control{border:1px solid var(--glass-border);background:#0000004d;border-radius:14px;gap:0;margin-bottom:1.5rem;padding:4px;display:flex}.top-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.top-tab-btn:hover{color:#fff;background:#ffffff0d}.top-tab-btn.active{color:var(--color-period);background:#ff5d8f26;box-shadow:0 2px 8px #ff5d8f33}.tab-icon{font-size:1rem}.main-grid{grid-template-columns:380px 1fr;align-items:start;gap:1.5rem;display:grid}.controls-column,.insights-column{flex-direction:column;gap:1rem;display:flex}.input-card{border:1px solid var(--glass-border);border-left:3px solid var(--color-period);background:#1e293b99;border-radius:16px;padding:1.25rem}.result-card{border:1px solid var(--glass-border);border-left:3px solid var(--color-luteal);background:#1e293b99;border-radius:16px;padding:1.5rem}.card-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:.9rem;font-size:.7rem;font-weight:700}.result-card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:1rem;font-size:.7rem;font-weight:700}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.chip-row--wrap{gap:.4rem}.chip{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:20px;padding:.35rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s}.chip:hover{border-color:var(--color-period);color:#fff}.chip.active{border-color:var(--color-period);color:var(--color-period);background:#ff5d8f26}.chip-sm{padding:.25rem .65rem;font-size:.75rem}.chip-emoji{padding:.35rem .75rem}.chip-emoji.active{border-color:var(--color-period);color:#fff;background:#ff5d8f1f}.input-group{margin-bottom:1rem}.input-group:last-child{margin-bottom:0}.input-group label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.8rem;font-weight:500;display:block}.label-hint{color:var(--text-dim);font-weight:400}.num-input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#0000004d;border-radius:8px;padding:.6rem .8rem;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s}.num-input:focus{border-color:var(--color-period);outline:none}.date-input{cursor:pointer;color-scheme:dark}textarea.num-input{resize:vertical;min-height:60px}.range-slider{width:100%;accent-color:var(--color-period);cursor:pointer;margin:.4rem 0}body.mode-conceive .range-slider{accent-color:var(--color-fertile)}.range-labels{color:var(--text-dim);justify-content:space-between;font-size:.7rem;display:flex}.input-row-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.avg-display{color:var(--accent-teal);text-align:center;margin-top:.4rem;font-size:.8rem;font-weight:600}.toggle-row{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.toggle-switch{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider-track{cursor:pointer;background:#334155;border-radius:22px;transition:all .3s;position:absolute;inset:0}.slider-track:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.slider-track{background:var(--color-period)}.toggle-switch input:checked+.slider-track:before{transform:translate(18px)}.toggle-label{color:var(--text-secondary);font-size:.85rem}.mode-toggle-group{background:#0000004d;border-radius:20px;gap:4px;padding:4px;display:flex}.mode-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:16px;padding:6px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.mode-btn:hover{color:#fff}.mode-btn.active{color:#fff;background:#334155}.mode-btn.active[data-mode=conceive]{background:var(--color-fertile);color:#0f172a}.mode-btn.active[data-mode=monitor]{background:var(--color-fertile-avoid);color:#fff}.disclaimer-text{color:#94a3b8;margin-top:.5rem;font-size:.72rem;line-height:1.4}body.mode-conceive .disclaimer-text{display:none}.wheel-wrapper{aspect-ratio:1;width:100%;max-width:340px;margin:0 auto;position:relative}#cycle-wheel-container{width:100%;height:100%}.wheel-tooltip{border:1px solid var(--glass-border);pointer-events:none;opacity:0;z-index:200;color:#fff;white-space:nowrap;background:#0f172af2;border-radius:8px;padding:6px 10px;font-size:.8rem;transition:opacity .15s;position:fixed}.chart-legend{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.75rem;display:flex}.legend-item{color:#e2e8f0;align-items:center;gap:.4rem;font-size:.78rem;font-weight:500;display:flex}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot-period{background-color:var(--color-period)}.dot-fertile{background-color:var(--color-fertile)}.dot-luteal{background-color:var(--color-luteal)}.hero-block{text-align:center;padding:1.5rem 1rem}.hero-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.72rem;font-weight:700}.hero-value{color:#fff;letter-spacing:-2px;margin-bottom:.6rem;font-size:4rem;font-weight:900;line-height:1}.hero-unit{color:var(--text-secondary);letter-spacing:0;font-size:1.4rem;font-weight:500}.health-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:20px;margin-bottom:.6rem;padding:.3rem 1rem;font-size:.78rem;font-weight:700;display:inline-block}.badge-follicular{color:#60a5fa;background:#60a5fa26;border:1px solid #60a5fa4d}.badge-menstruation{color:var(--color-period);background:#ff5d8f26;border:1px solid #ff5d8f4d}.badge-fertile{color:var(--color-fertile);background:#2dd4bf26;border:1px solid #2dd4bf4d}.badge-risk{color:var(--color-fertile-avoid);background:#f9731626;border:1px solid #f973164d}.badge-luteal{color:var(--color-luteal);background:#a5b4fc26;border:1px solid #a5b4fc4d}.badge-waiting{color:#94a3b8;background:#64748b26;border:1px solid #64748b4d}.badge-late{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.hero-subtext{color:var(--color-period);font-size:.85rem;font-weight:500}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.stat-cell{text-align:center;border:1px solid var(--glass-border);background:#0003;border-radius:10px;padding:.75rem .5rem}.stat-value{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;line-height:1.2}.stat-value.cyan{color:#00f3ff}.stat-value.pink{color:var(--color-period)}.stat-value.teal{color:var(--color-fertile)}.stat-value.gold{color:#fbbf24}.stat-value.purple{color:var(--color-luteal)}.stat-value.green{color:#4ade80}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.68rem;font-weight:600}@keyframes flash{0%{opacity:.3;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.flash{animation:.35s ease-out flash}.alert-stack{flex-direction:column;gap:.5rem;display:flex}.alert-msg{border-radius:8px;align-items:flex-start;gap:.5rem;padding:.65rem .85rem;font-size:.8rem;line-height:1.45;display:flex}.alert-msg svg{flex-shrink:0;margin-top:1px}.alert-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.alert-error svg{color:#ef4444}.alert-warning{color:#fed7aa;background:#f973161a;border:1px solid #f973164d}.alert-warning svg{color:#f97316}.alert-info{color:#bfdbfe;background:#60a5fa1a;border:1px solid #60a5fa40}.alert-info svg{color:#60a5fa}.alert-success{color:#bbf7d0;background:#4ade801a;border:1px solid #4ade8040}.alert-success svg{color:#4ade80}.formula-strip{border:1px solid var(--glass-border);background:#00000040;border-radius:10px;margin:.75rem 0;padding:.9rem 1rem}.fs-line{color:var(--text-secondary);margin-bottom:.3rem;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.5}.fs-line:last-child{margin-bottom:0}.fv{color:#fbbf24;font-weight:600}.fr{color:var(--color-period);font-weight:700}.cal-card{border:1px solid var(--glass-border);background:#00000026;border-radius:12px;padding:1rem}.cal-card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:.6rem;font-size:.7rem;font-weight:700}.mini-cal-header{color:var(--text-primary);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.mini-cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.mini-day-header{text-align:center;color:var(--text-dim);padding:2px 0;font-size:.7rem;font-weight:600}.mini-day{aspect-ratio:1;color:var(--text-secondary);cursor:default;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;transition:background .15s;display:flex}.mini-day:hover{background:#ffffff0f}.mini-day.is-period{background:var(--color-period);color:#fff;font-weight:600}.mini-day.is-period-logged{background:var(--color-period-past);color:#fff}.mini-day.is-fertile{background:var(--color-fertile);color:#0f172a;font-weight:600}.mini-day.is-fertile.is-ovulation:after{content:"★";color:#fbbf24;font-size:.5rem;position:absolute;top:-2px;right:-2px}.mini-day.is-fertile{position:relative}body.mode-monitor .mini-day.is-fertile{background:var(--color-fertile-avoid);color:#fff}.mini-day.today{z-index:1;font-weight:800;box-shadow:0 0 8px #ffffff40;color:#fff!important;border:2px solid #fff!important}.mini-day.today.is-period{background:var(--color-period)!important}.mini-day.today.is-fertile{background:var(--color-fertile)!important;color:#0f172a!important}body.mode-monitor .mini-day.today.is-fertile{background:var(--color-fertile-avoid)!important;color:#fff!important}.mini-day.opacity-dim{opacity:.3}.cal-legend-row{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.6rem;font-size:.72rem;display:flex}.cal-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cal-dot--period{background:var(--color-period)}.cal-dot--fertile{background:var(--color-fertile)}.cal-dot--ovulation{background:#fbbf24}.cal-dot--today{background:0 0;border:2px solid #fff}.action-bar{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.action-btn{border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:20px;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s}.action-btn:hover{background:#ffffff1a;border-color:#ffffff40}.action-btn--share{color:var(--color-fertile);border-color:#2dd4bf66}.action-btn--share:hover{background:#2dd4bf1a}.action-btn--danger{color:#fca5a5;border-color:#ef444466}.action-btn--danger:hover{background:#ef44441a}.stepper-row{align-items:center;gap:1rem;display:flex}.stepper-btn{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff14;border-radius:8px;width:32px;height:32px;font-size:1.1rem;line-height:1;transition:background .2s}.stepper-btn:hover{border-color:var(--color-period);background:#ff5d8f33}.stepper-display{color:#fff;text-align:center;min-width:30px;font-family:JetBrains Mono,monospace;font-size:1.3rem;font-weight:700}.pain-dots{gap:.5rem;margin-top:.4rem;display:flex}.pain-dot{border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border-radius:50%;font-size:.85rem;font-weight:600;transition:all .2s}.pain-dot:hover{border-color:var(--color-period)}.pain-dot.active{background:var(--color-period);border-color:var(--color-period);color:#fff}.pain-labels{color:var(--text-dim);justify-content:space-between;margin-top:.3rem;font-size:.7rem;display:flex}.chart-wrap{width:100%;min-height:160px;position:relative}.chart-note{color:var(--text-dim);text-align:center;margin-top:.5rem;font-size:.78rem}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff5d8f,#ec4899);border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s}.save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff5d8f66}.full-width{width:100%}.cycle-history-list{flex-direction:column;gap:.6rem;max-height:420px;padding-right:4px;display:flex;overflow-y:auto}.cycle-history-list::-webkit-scrollbar{width:4px}.cycle-history-list::-webkit-scrollbar-track{background:0 0}.cycle-history-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.empty-state{text-align:center;padding:2rem 1rem}.empty-icon{margin-bottom:.5rem;font-size:2rem}.empty-state p{color:var(--text-dim);font-size:.85rem;line-height:1.5}.log-entry-item{border:1px solid var(--glass-border);border-left:3px solid var(--color-period);background:#0003;border-radius:10px;padding:.75rem}.log-entry-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.log-entry-date{color:var(--text-primary);font-size:.82rem;font-weight:600}.log-entry-delete{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.1rem;line-height:1;transition:color .2s}.log-entry-delete:hover{color:#ef4444}.log-entry-chips{flex-wrap:wrap;gap:.3rem;margin-bottom:.4rem;display:flex}.badge-flow{color:var(--color-period);background:#ff5d8f1a;border:1px solid #ff5d8f4d;border-radius:12px;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.log-entry-symptoms{flex-wrap:wrap;gap:.25rem;margin-bottom:.3rem;display:flex}.symptom-tag{border:1px solid var(--glass-border);color:var(--text-secondary);background:#ffffff0d;border-radius:8px;padding:.1rem .45rem;font-size:.7rem}.log-entry-notes{color:var(--text-dim);margin-top:.3rem;font-size:.75rem;font-style:italic}.forecast-legend{color:var(--text-secondary);flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;font-size:.78rem;display:flex}.fc-swatch{vertical-align:middle;border-radius:3px;flex-shrink:0;width:12px;height:12px;margin-right:2px;display:inline-block}.fc-swatch--period{background:var(--color-period)}.fc-swatch--fertile{background:var(--color-fertile)}.fc-swatch--ovulation{background:#fbbf24}.fc-swatch--luteal{background:var(--color-luteal)}.fc-swatch--today{background:0 0;border:2px solid #fff}.forecast-calendar{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.fc-month{border:1px solid var(--glass-border);background:#0003;border-radius:10px;padding:.85rem}.fc-month-header{color:var(--text-primary);text-align:center;margin-bottom:.5rem;font-size:.78rem;font-weight:700}.fc-day-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.fc-day-header{text-align:center;color:var(--text-dim);padding:2px 0;font-size:.62rem;font-weight:600}.fc-day{aspect-ratio:1;color:var(--text-dim);border-radius:4px;justify-content:center;align-items:center;font-size:.68rem;transition:all .1s;display:flex;position:relative}.fc-empty{background:0 0}.fc-today{font-weight:800;color:#fff!important;border:1.5px solid #fff!important}.fc-period{color:var(--color-period);background:#ff5d8f40;border-radius:50%;font-weight:600}.fc-fertile{color:var(--color-fertile);background:#2dd4bf38;font-weight:600}.fc-fertile--avoid{color:var(--color-fertile-avoid);background:#f9731633}.fc-ovulation{font-weight:700;color:#fbbf24!important;background:#fbbf2440!important}.fc-ovulation:after{content:"★";color:#fbbf24;font-size:.45rem;position:absolute;top:0;right:1px}.fc-luteal{color:var(--color-luteal);background:#a5b4fc1a}.tips-grid{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.5rem;display:grid}.tip-card{border:1px solid var(--glass-border);background:#0003;border-radius:10px;padding:.75rem}.tip-icon{margin-bottom:.3rem;font-size:1.4rem}.tip-title{color:var(--text-primary);margin-bottom:.25rem;font-size:.78rem;font-weight:700}.tip-desc{color:var(--text-secondary);font-size:.73rem;line-height:1.45}.hidden{display:none!important}@media (width<=960px){.main-grid{grid-template-columns:minmax(0,1fr);overflow:hidden}.forecast-calendar{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.top-tab-btn .tab-label{display:none}.top-tab-btn{padding:.6rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.forecast-calendar{grid-template-columns:1fr 1fr}.tips-grid{grid-template-columns:minmax(0,1fr);overflow:hidden}.page-title{font-size:1.7rem}.main-container{padding:1rem .75rem 2rem}}@media (width<=460px){.forecast-calendar{grid-template-columns:minmax(0,1fr);overflow:hidden}.stats-grid{grid-template-columns:repeat(3,1fr)}}.calc-back-to-top{color:#fff;cursor:pointer;opacity:0;pointer-events:none;z-index:50;background:#ff5d8fcc;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .3s,transform .2s;display:flex;position:fixed;bottom:2rem;right:2rem}.calc-back-to-top.visible{opacity:1;pointer-events:auto}.calc-back-to-top:hover{background:var(--color-period);transform:translateY(-2px)}.calc-back-to-top svg{width:20px;height:20px}.toast{z-index:9999;color:#fff;border-radius:8px;max-width:320px;padding:.75rem 1.25rem;font-size:.875rem;animation:.3s toastIn;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 12px #0000004d}.toast-success{background:#00b4d8}.toast-warn{background:#f59e0b}.toast-error{background:#dc2626}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=light]{--bg-dark:#f1f5f9;--glass-border:#0000001f;--text-dim:#334155;--text-primary:#0f172a;--text-secondary:#334155}[data-theme=light] body{color:#0f172a;background-color:#f1f5f9;background-image:none}[data-theme=light] input,[data-theme=light] select{color-scheme:light}[data-theme=light] .dashboard-container,[data-theme=light] .dashboard-wrapper{background:0 0}[data-theme=light] .dashboard-panel,[data-theme=light] .dashboard-card,[data-theme=light] .card,[data-theme=light] .glass-card,[data-theme=light] .compact-card,[data-theme=light] .calculator-card{color:#0f172a;background:#fff;border-color:#0000001f;box-shadow:0 2px 8px #00000014}[data-theme=light] .input-group label,[data-theme=light] .input-label{color:#334155}[data-theme=light] .input-group input,[data-theme=light] .input-group select,[data-theme=light] .glass-input,[data-theme=light] .input-field,[data-theme=light] .fintech-input,[data-theme=light] .dashboard-input,[data-theme=light] .styled-input{color:#0f172a;background:#e2e8f0;border-color:#00000026}[data-theme=light] .tab-btn,[data-theme=light] .calc-tab-btn,[data-theme=light] .segment-pill,[data-theme=light] .input-tab-btn{color:#334155;background:#e2e8f0;border-color:#00000014}[data-theme=light] .tab-btn.active,[data-theme=light] .calc-tab-btn.active,[data-theme=light] .segment-pill.active,[data-theme=light] .input-tab-btn.active{color:#fff;background:#0e7490}[data-theme=light] .preset-chip,[data-theme=light] .chip{color:#334155;background:#e2e8f0;border-color:#00000014}[data-theme=light] .preset-chip.active,[data-theme=light] .chip.active{color:#fff;background:#0e7490}[data-theme=light] .stat-card{background:#fff;border-color:#0000001f}[data-theme=light] .stat-label{color:#475569}[data-theme=light] .stat-value{color:#0f172a}[data-theme=light] .hero-result,[data-theme=light] .hero-result-box,[data-theme=light] .result-card{color:#0f172a;background:#fff;border-color:#0000001f}[data-theme=light] .formula-strip,[data-theme=light] .formula-pill{color:#334155;background:#f1f5f9;border-color:#00000014}[data-theme=light] .alert{color:#334155;background:#f8fafc;border-color:#00000014}[data-theme=light] .action-btn{color:#334155;background:#fff;border-color:#00000026}[data-theme=light] .action-btn:hover{background:#f1f5f9}[data-theme=light] .chart-card,[data-theme=light] .chart-block,[data-theme=light] .chart-wrapper{background:#fff;border-color:#0000001f}[data-theme=light] .scenario-card{color:#0f172a;background:#fff;border-color:#0000001f}[data-theme=light] .compare-card,[data-theme=light] .winner-card,[data-theme=light] .winner-banner{color:#0f172a;background:#f8fafc;border-color:#0000001f}[data-theme=light] table,[data-theme=light] .data-table,[data-theme=light] .schedule-table,[data-theme=light] .amort-table{border-color:#0000001f}[data-theme=light] th{color:#334155;background:#f1f5f9;border-color:#0000001f}[data-theme=light] td{color:#0f172a;border-color:#0000000f}[data-theme=light] .how-to-card,[data-theme=light] .how-it-works,[data-theme=light] .onboarding-card-final{color:#0f172a;background:#fff;border-color:#00000014}[data-theme=light] .faq-item{background:#fff;border-color:#00000014}[data-theme=light] .faq-question{color:#0f172a}[data-theme=light] .faq-answer{color:#475569}[data-theme=light] .breadcrumb,[data-theme=light] .calc-breadcrumb{color:#475569;background:#00000008}[data-theme=light] .breadcrumb a{color:#475569}[data-theme=light] .breadcrumb a:hover{color:#0e7490}[data-theme=light] .calc-btn,[data-theme=light] .calculate-btn{color:#fff;background:#0e7490}[data-theme=light] .toggle-btn{color:#334155;background:#e2e8f0}[data-theme=light] .toggle-btn.active{color:#fff;background:#0e7490}[data-theme=light] .modal-content,[data-theme=light] .modal-body{color:#0f172a;background:#fff;border-color:#0000001f}[data-theme=light] .tooltip-label{color:#475569}[data-theme=light] .glossary-card{color:#0f172a;background:#f8fafc;border-color:#00000014}[data-theme=light] .mobile-nav,[data-theme=light] .mobile-sticky-footer{background:#fffffffa;border-top:1px solid #0000001f}[data-theme=light] .mobile-nav .nav-link{color:#334155}[data-theme=light] .back-to-top{color:#475569;background:#0000000f}[data-theme=light] .sub-category-nav-wrapper,[data-theme=light] .sub-nav-link{color:#334155;background:0 0}[data-theme=light] .sub-nav-link.active{color:#0e7490;border-color:#0e7490}[data-theme=light] .custom-select-trigger,[data-theme=light] .glass-select,[data-theme=light] .styled-select{color:#0f172a;background:#e2e8f0;border-color:#00000026}[data-theme=light] .custom-select-options{background:#fff;border-color:#0000001f}[data-theme=light] .custom-select-option{color:#0f172a}[data-theme=light] .custom-select-option:hover{background:#f1f5f9}[data-theme=light] .controls-panel,[data-theme=light] .sidebar,[data-theme=light] .results-column{background:0 0}[data-theme=light] .section-title,[data-theme=light] .section-header{color:#0f172a}[data-theme=light] .section-subtitle,[data-theme=light] .section-desc{color:#475569}.late-period-banner{color:#fca5a5;background:#ef44441f;border:1px solid #ef444466;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.75rem;padding:.65rem 1rem;font-size:.82rem;display:flex}.late-period-icon{flex-shrink:0;font-size:1rem}.late-period-text{flex:1;min-width:140px;font-weight:500}.late-period-link{color:#f87171;white-space:nowrap;font-size:.8rem;font-weight:700;text-decoration:underline}.late-period-close{color:#f87171;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:0 4px;font-size:1rem;line-height:1}[data-theme=light] .late-period-banner{color:#b91c1c;background:#fff1f2;border-color:#ef44444d}[data-theme=light] .late-period-link,[data-theme=light] .late-period-close{color:#dc2626}.hormone-legend{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem;font-size:.75rem;display:flex}.h-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.h-vline{background:repeating-linear-gradient(90deg,#fbbf24 0 3px,#0000 3px 6px);border-radius:1px;flex-shrink:0;width:10px;height:2px;display:inline-block}.wellness-cards{flex-direction:column;gap:.5rem;margin:.75rem 0;display:flex}.wellness-card{border:1px solid var(--glass-border);cursor:pointer;background:#00000026;border-radius:10px;padding:.75rem 1rem;transition:all .2s}.wellness-card.wc-current{background:#ff5d8f14;border-color:#ff5d8f73}.wellness-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.wellness-card-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:flex}.wellness-card-days{color:var(--text-dim);font-size:.7rem}.wellness-card-chevron{color:var(--text-dim);font-size:.7rem;transition:transform .2s}.wellness-card.open .wellness-card-chevron{transform:rotate(180deg)}.wellness-card-current-badge{background:var(--color-period);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:10px;padding:.1rem .45rem;font-size:.65rem;font-weight:700}.wellness-card-body{border-top:1px solid var(--glass-border);margin-top:.6rem;padding-top:.6rem;display:none}.wellness-card.open .wellness-card-body{display:block}.wellness-card-tips{flex-wrap:wrap;gap:.35rem;margin-bottom:.4rem;display:flex}.wc-tip{border:1px solid var(--glass-border);color:var(--text-secondary);background:#ffffff12;border-radius:8px;padding:.15rem .5rem;font-size:.72rem}.wellness-card-insight{color:var(--text-dim);font-size:.73rem;line-height:1.4}[data-theme=light] .wellness-card{background:#f8fafc;border-color:#0000001a}[data-theme=light] .wellness-card.wc-current{background:#fff0f3;border-color:#ff5d8f59}[data-theme=light] .wellness-card-title{color:#0f172a}[data-theme=light] .wellness-card-body{border-top-color:#0000001a}[data-theme=light] .wc-tip{color:#334155;background:#edf2f9;border-color:#0000001a}.symptom-category{margin-bottom:.6rem}.symptom-cat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:.35rem;font-size:.68rem;font-weight:700}.chip-ewcm{color:var(--color-fertile)!important;border-color:#2dd4bf66!important}.chip-ewcm.active{background:#2dd4bf26!important}.show-more-btn{color:var(--color-period);cursor:pointer;background:0 0;border:none;margin-top:.4rem;padding:.25rem 0;font-size:.78rem;font-weight:600;transition:opacity .2s}.show-more-btn:hover{opacity:.8}[data-theme=light] .show-more-btn{color:#0e7490}.bbt-row{align-items:center;gap:.75rem;display:flex}.bbt-input{width:100px!important}.bbt-unit-chips{flex-wrap:nowrap}.insights-cells{grid-template-columns:repeat(2,1fr);gap:.6rem;margin:.6rem 0;display:grid}.insight-cell{text-align:center;border:1px solid var(--glass-border);background:#0003;border-radius:8px;padding:.65rem}.insight-value{color:var(--color-fertile);margin-bottom:.2rem;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;line-height:1.2}.insight-value--sm{font-size:.82rem}.insight-value.pcos-risk{color:#ef4444}.insight-value.pcos-clear{color:#4ade80}.insight-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.67rem;font-weight:600}[data-theme=light] .insight-cell{background:#edf2f9;border-color:#0000001a}[data-theme=light] .insight-value{color:#0f766e}[data-theme=light] .input-card,[data-theme=light] .result-card{background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000f}[data-theme=light] .stat-cell{background:#edf2f9;border-color:#0000001a}[data-theme=light] .stat-value.cyan{color:#0e7490}[data-theme=light] .stat-value.teal{color:#0f766e}[data-theme=light] .stat-value.purple{color:#7c3aed}[data-theme=light] .stat-value.gold{color:#a16207}[data-theme=light] .stat-value.green{color:#065f46}[data-theme=light] .stat-value.pink{color:#be185d}[data-theme=light] .num-input{color:#0f172a;background:#edf2f9;border-color:#00000026}[data-theme=light] .num-input:focus{border-color:var(--color-period)}[data-theme=light] .formula-strip{background:#f1f5f9;border-color:#0000001a}[data-theme=light] .fs-line{color:#334155}[data-theme=light] .cal-card{background:#edf2f9;border-color:#0000001a}[data-theme=light] .log-entry-item,[data-theme=light] .fc-month{background:#f8fafc;border-color:#0000001a}[data-theme=light] .mode-toggle-group{background:#edf2f9}[data-theme=light] .mode-btn{color:#475569}[data-theme=light] .mode-btn.active{color:#fff;background:#475569}[data-theme=light] .mode-btn.active[data-mode=conceive]{color:#fff;background:#0f766e}[data-theme=light] .mode-btn.active[data-mode=avoid]{color:#fff;background:#b45309}[data-theme=light] .top-tab-control{background:#edf2f9;border-color:#0000001a}[data-theme=light] .top-tab-btn{color:#475569}[data-theme=light] .top-tab-btn.active{color:#be185d;background:#ff5d8f1a}[data-theme=light] .tip-card{background:#f8fafc;border-color:#0000001a}[data-theme=light] .tip-title{color:#0f172a}[data-theme=light] .tip-desc{color:#475569}[data-theme=light] .stepper-btn{color:#0f172a;background:#edf2f9;border-color:#0000001f}[data-theme=light] .pain-dot{color:#475569;background:#edf2f9;border-color:#0000001f}[data-theme=light] .symptom-tag{color:#334155;background:#edf2f9;border-color:#0000001a}[data-theme=light] .hero-value{color:#0f172a}[data-theme=light] .hero-subtext{color:#be185d}@media print{.glass-navbar,.nav-links-container,.top-tab-control,.calc-back-to-top,.action-bar,.calc-breadcrumb,footer,.page-sections-outer,#main-content,.chart-legend,.late-period-banner .late-period-close,#btn-print-tracker{display:none!important}body{color:#000!important;background:#fff!important}.main-container{max-width:100%!important;padding:0!important}.page-header{padding:.5rem 0!important}.page-title{-webkit-text-fill-color:#000!important;font-size:1.4rem!important}#tab-tracker{display:block!important}#tab-log,#tab-planner{display:none!important}.main-grid{grid-template-columns:1fr 1fr!important}.input-card,.result-card{break-inside:avoid;box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}.stat-cell{background:#f5f5f5!important;border-color:#ccc!important}.late-period-banner{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#c00!important;background:#fff0f0!important;border-color:red!important}.wellness-card{background:#f9f9f9!important;border-color:#ccc!important}.wellness-card-body{display:block!important}canvas{max-width:100%!important}}