:root{--oc-primary:#e879a0;--oc-primary-light:#fce7f3;--oc-primary-dark:#be185d;--oc-fertile:#10b981;--oc-fertile-light:#d1fae5;--oc-ovulation:#8b5cf6;--oc-ovulation-light:#ede9fe;--oc-period:#f43f5e;--oc-period-light:#ffe4e6;--oc-avoid:#ef4444;--oc-avoid-light:#fee2e2;--oc-text:#1e293b;--oc-text-secondary:#475569;--oc-text-muted:#64748b;--oc-bg:#fff;--oc-bg-secondary:#fdf2f8;--oc-border:#e2e8f0;--oc-radius:var(--main-radius,.5rem);--oc-radius-lg:var(--main-radius-lg,.75rem);--oc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--oc-shadow-md:0 4px 12px #00000014}._oc-container{gap:var(--main-space-5,1.25rem);flex-direction:column;max-width:860px;margin:0 auto;display:flex}._oc-section{margin-top:var(--main-space-5,1.25rem);background:var(--oc-bg);border-radius:var(--oc-radius-lg);padding:var(--main-space-5,1.25rem);border-style:solid;border-width:1px;border-color:var(--oc-border);box-shadow:var(--oc-shadow)}._oc-section-title{color:var(--oc-text);margin-bottom:var(--main-space-4,1rem);font-size:.9375rem;font-weight:600}._oc-privacy-note{color:var(--oc-text-muted);text-align:center;padding:var(--main-space-3,.75rem);justify-content:center;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}._oc-privacy-note svg{opacity:.7;flex-shrink:0}@media (max-width:768px){._oc-container{padding-left:1rem;padding-right:1rem}}._oc-mode-toggle{background:var(--oc-bg);border-radius:var(--oc-radius-lg);border-style:solid;border-width:1px;border-color:var(--oc-border);box-shadow:var(--oc-shadow);gap:.25rem;padding:.25rem;display:flex}._oc-mode-btn{border-radius:calc(var(--oc-radius-lg) - .125rem);color:var(--oc-text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s,color .2s;display:flex}._oc-mode-btn svg{flex-shrink:0}._oc-mode-btn._oc-mode-active{background:var(--oc-primary);color:#fff;box-shadow:0 2px 6px #e879a04d}._oc-mode-btn:not(._oc-mode-active):hover{color:var(--oc-text);background:var(--oc-bg-secondary)}._oc-inputs-section{background:var(--oc-bg);border-radius:var(--oc-radius-lg);padding:var(--main-space-5,1.25rem);border-style:solid;border-width:1px;border-color:var(--oc-border);box-shadow:var(--oc-shadow);gap:var(--main-space-5,1.25rem);flex-direction:column;display:flex}._oc-field{flex-direction:column;gap:.5rem;display:flex}._oc-label{color:var(--oc-text-secondary);font-size:.875rem;font-weight:500}._oc-label-row{justify-content:space-between;align-items:center;display:flex}._oc-cycle-value{color:var(--oc-primary);font-size:.875rem;font-weight:600}._oc-date-wrap{max-width:260px;position:relative}._oc-date-input{border-style:solid;border-width:1.5px;border-color:var(--oc-border);border-radius:var(--oc-radius);width:100%;color:var(--oc-text);background:var(--oc-bg);cursor:pointer;outline:none;padding:.625rem 2.5rem .625rem .875rem;font-size:.9375rem}._oc-date-input:focus{border-color:var(--oc-primary);box-shadow:0 0 0 3px #e879a026}._oc-date-icon{color:var(--oc-text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}._oc-slider-wrapper{flex-direction:column;gap:.375rem;display:flex}._oc-slider{-webkit-appearance:none;appearance:none;background:var(--oc-border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}._oc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--oc-primary);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #e879a066}._oc-slider::-moz-range-thumb{background:var(--oc-primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #e879a066}._oc-slider-labels{color:var(--oc-text-muted);justify-content:space-between;font-size:.75rem;display:flex}._oc-advanced{border-top-style:solid;border-top-width:1px;border-top-color:var(--oc-border);padding-top:var(--main-space-4,1rem)}._oc-advanced-toggle{color:var(--oc-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:0;font-size:.875rem;font-weight:500;display:flex}._oc-advanced-toggle:hover{color:var(--oc-primary)}._oc-advanced-toggle svg{transition:transform .2s}._oc-advanced-toggle[aria-expanded=true] svg{transform:rotate(180deg)}._oc-advanced-panel{margin-top:var(--main-space-4,1rem);display:none}._oc-advanced-panel._oc-open{display:block}._oc-field-hint{color:var(--oc-text-muted);margin:0;font-size:.8125rem}@media (max-width:480px){._oc-mode-btn{padding:.5rem .625rem;font-size:.8125rem}}._oc-result-cards{gap:var(--main-space-4,1rem);margin-bottom:var(--main-space-5,1.25rem);grid-template-columns:repeat(3,1fr);display:grid}._oc-result-card{background:var(--oc-bg);border-radius:var(--oc-radius-lg);padding:var(--main-space-4,1rem) var(--main-space-4,1rem);border-style:solid;border-width:1px;border-color:var(--oc-border);box-shadow:var(--oc-shadow);text-align:center;flex-direction:column;align-items:center;gap:.375rem;display:flex}._oc-result-card-icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:.125rem;display:flex}._oc-card-ovulation ._oc-result-card-icon{background:var(--oc-ovulation-light);color:var(--oc-ovulation)}._oc-card-fertile ._oc-result-card-icon{background:var(--oc-fertile-light);color:var(--oc-fertile)}._oc-card-next ._oc-result-card-icon{background:var(--oc-primary-light);color:var(--oc-primary)}._oc-result-card-label{color:var(--oc-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:500}._oc-result-card-value{color:var(--oc-text);font-size:1.0625rem;font-weight:700;line-height:1.3}._oc-card-ovulation ._oc-result-card-value{color:var(--oc-ovulation)}._oc-card-fertile ._oc-result-card-value{color:var(--oc-fertile)}._oc-card-next ._oc-result-card-value{color:var(--oc-primary)}._oc-result-card-sub{color:var(--oc-text-muted);font-size:.75rem}._oc-advice-banner{border-radius:var(--oc-radius);margin-bottom:var(--main-space-4,1rem);padding:.75rem 1rem;font-size:.875rem;display:none}._oc-advice-banner._oc-advice-planning{background:var(--oc-fertile-light);color:#065f46;border:1px solid #a7f3d0;display:block}._oc-advice-banner._oc-advice-avoid{background:var(--oc-avoid-light);color:#991b1b;border:1px solid #fecaca;display:block}._oc-empty-state{text-align:center;padding:var(--main-space-10,2.5rem) var(--main-space-4,1rem);color:var(--oc-text-muted);flex-direction:column;align-items:center;gap:1rem;display:flex}._oc-empty-state svg{opacity:.3;color:var(--oc-primary)}._oc-empty-state p{max-width:360px;margin:0;font-size:.9375rem}@media (max-width:600px){._oc-result-cards{grid-template-columns:1fr}}@media (max-width:768px) and (min-width:601px){._oc-result-card-value{font-size:.9375rem}}._oc-calendar-legend{margin-bottom:var(--main-space-4,1rem);flex-wrap:wrap;gap:.75rem;display:flex}._oc-legend-item{color:var(--oc-text-secondary);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}._oc-legend-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}._oc-legend-period ._oc-legend-dot{background:var(--oc-period)}._oc-legend-fertile ._oc-legend-dot{background:var(--oc-fertile)}._oc-legend-ovulation ._oc-legend-dot{background:var(--oc-ovulation)}._oc-calendars{gap:var(--main-space-4,1rem);grid-template-columns:repeat(3,1fr);display:grid}._oc-month{flex-direction:column;gap:.5rem;display:flex}._oc-month-title{color:var(--oc-text);text-align:center;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--oc-border);padding-bottom:.375rem;font-size:.875rem;font-weight:600}._oc-cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}._oc-cal-dow{text-align:center;color:var(--oc-text-muted);text-transform:uppercase;padding:.25rem 0;font-size:.6875rem;font-weight:600}._oc-cal-day{aspect-ratio:1;color:var(--oc-text);cursor:default;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:relative}._oc-cal-day._oc-day-empty{visibility:hidden}._oc-cal-day._oc-day-today{outline-width:2px;outline-style:solid;outline-color:var(--oc-primary);outline-offset:-1px;font-weight:700}._oc-cal-day._oc-day-period{background:var(--oc-period-light);color:var(--oc-period);font-weight:600}._oc-cal-day._oc-day-fertile{background:var(--oc-fertile-light);color:#065f46;font-weight:600}._oc-cal-day._oc-day-ovulation{background:var(--oc-ovulation);color:#fff;font-weight:700}._oc-mode-avoid-active ._oc-cal-day._oc-day-fertile{background:var(--oc-avoid-light);color:var(--oc-avoid)}._oc-mode-avoid-active ._oc-cal-day._oc-day-ovulation{background:var(--oc-avoid);color:#fff}@media (max-width:700px){._oc-calendars{grid-template-columns:1fr}}@media (max-width:900px) and (min-width:701px){._oc-calendars{grid-template-columns:repeat(2,1fr)}}._oc-chart-container{padding-bottom:.25rem;overflow-x:auto}._oc-chart{align-items:flex-end;gap:4px;min-width:400px;height:140px;padding:0 .25rem;display:flex}._oc-chart-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}._oc-chart-bar{border-radius:3px 3px 0 0;width:100%;min-height:4px;transition:opacity .15s;position:relative}._oc-chart-bar:hover{opacity:.85}._oc-chart-bar._oc-bar-period{background:var(--oc-period-light)}._oc-chart-bar._oc-bar-low{background:var(--oc-border)}._oc-chart-bar._oc-bar-fertile{background:var(--oc-fertile)}._oc-chart-bar._oc-bar-ovulation{background:var(--oc-ovulation)}._oc-chart-bar._oc-bar-avoid{background:var(--oc-avoid)}._oc-chart-day-label{color:var(--oc-text-muted);text-align:center;white-space:nowrap;font-size:.625rem;line-height:1}._oc-chart-axis{color:var(--oc-text-muted);justify-content:space-between;min-width:400px;padding:.25rem .25rem 0;font-size:.6875rem;display:flex}