.msub-legend{color:var(--fg-muted);flex-wrap:wrap;gap:14px;margin:10px 0 16px;font-size:.8rem;display:flex}.msub-legend-item{align-items:center;gap:6px;display:inline-flex}.msub-dot{border-radius:4px;width:12px;height:12px;display:inline-block}.msub-dot.haid{background:#ec4899}.msub-dot.subur{background:#c4b5fd}.msub-dot.ovulasi{background:#7c3aed}.msub-dot.haid-next{background:0 0;border:2px dashed #ec4899}.msub-calendar{flex-direction:column;gap:20px;margin-top:8px;display:flex}.msub-month{background:rgb(var(--ink) / .03);border:1px solid var(--card-border);border-radius:var(--r-md);padding:14px}.msub-month-title{color:var(--fg);margin-bottom:10px;font-size:.9rem;font-weight:800}.msub-dow{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px;display:grid}.msub-dow span{text-align:center;color:var(--fg-subtle);text-transform:uppercase;font-size:.68rem;font-weight:700}.msub-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.msub-cell{aspect-ratio:1;color:var(--fg-muted);background:rgb(var(--ink) / .03);border-radius:8px;place-items:center;font-size:.75rem;font-weight:700;display:grid;position:relative}.msub-cell.empty{background:0 0}.msub-cell.haid{color:#fff;background:#ec4899d9}.msub-cell.subur{color:#ede9fe;background:#c4b5fd59}.msub-cell.ovulasi{color:#fff;background:#7c3aed;box-shadow:0 0 0 2px #7c3aed66}.msub-cell.haid-next{color:var(--fg);border:2px dashed #ec4899}.msub-cell.today:after{content:"";border:2px solid var(--accent);pointer-events:none;border-radius:10px;position:absolute;inset:-3px}.msub-list{flex-direction:column;gap:12px;margin-top:10px;display:flex}.msub-list-item{background:rgb(var(--ink) / .03);border:1px solid var(--card-border);border-radius:var(--r-md);padding:12px 14px}.msub-list-title{color:var(--accent);margin-bottom:4px;font-size:.85rem;font-weight:800}:root[data-scheme=light] .msub-cell.subur{color:#5b21b6}