.menstrual-tool[data-v-0e6141a0]{max-width:680px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:24px}.section-title[data-v-0e6141a0]{font-size:16px;font-weight:700;color:#111827;margin:0 0 16px}.input-section[data-v-0e6141a0]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.input-grid[data-v-0e6141a0]{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:24px}.input-group[data-v-0e6141a0]{display:flex;flex-direction:column;gap:6px}.input-group label[data-v-0e6141a0]{font-size:14px;font-weight:600;color:#374151}.unit-hint[data-v-0e6141a0]{font-weight:400;color:#9ca3af}.date-input[data-v-0e6141a0],.number-input[data-v-0e6141a0]{padding:10px 14px;border:1.5px solid #d1d5db;border-radius:10px;font-size:15px;color:#111827;background:#f9fafb;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box}.date-input[data-v-0e6141a0]:focus,.number-input[data-v-0e6141a0]:focus{border-color:#e879a0;background:#fff}.number-row[data-v-0e6141a0]{display:flex;align-items:center;gap:8px}.number-row .number-input[data-v-0e6141a0]{text-align:center;width:80px;flex:0 0 80px}.stepper-btn[data-v-0e6141a0]{width:36px;height:36px;border:1.5px solid #d1d5db;border-radius:8px;background:#f9fafb;font-size:18px;cursor:pointer;color:#374151;display:flex;align-items:center;justify-content:center;transition:background .15s}.stepper-btn[data-v-0e6141a0]:hover{background:#fce7f3;border-color:#e879a0;color:#db2777}.input-hint[data-v-0e6141a0]{font-size:12px;color:#9ca3af;margin:2px 0 0}.calc-btn[data-v-0e6141a0]{width:100%;padding:14px;background:linear-gradient(135deg,#db2777,#e879a0);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s}.calc-btn[data-v-0e6141a0]:hover{opacity:.9}.error-msg[data-v-0e6141a0]{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:14px 18px;color:#dc2626;font-size:14px}.today-banner[data-v-0e6141a0]{border-radius:16px;padding:20px 24px;color:#fff}.today-banner-content[data-v-0e6141a0]{display:flex;align-items:center;gap:16px}.today-icon[data-v-0e6141a0]{font-size:40px;line-height:1}.today-text[data-v-0e6141a0]{display:flex;flex-direction:column;gap:4px}.today-text strong[data-v-0e6141a0]{font-size:20px;font-weight:800}.today-sub[data-v-0e6141a0]{font-size:14px;opacity:.9}.key-dates-grid[data-v-0e6141a0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.key-card[data-v-0e6141a0]{border-radius:14px;padding:18px;display:flex;gap:12px;align-items:flex-start;border:2px solid transparent}.key-card.period[data-v-0e6141a0]{background:#fef2f2;border-color:#fecaca}.key-card.ovulation[data-v-0e6141a0]{background:#f5f3ff;border-color:#ddd6fe}.key-card.fertile[data-v-0e6141a0]{background:#fffbeb;border-color:#fde68a}.key-card-icon[data-v-0e6141a0]{font-size:28px;line-height:1}.key-card-label[data-v-0e6141a0]{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.key-card-date[data-v-0e6141a0]{font-size:14px;font-weight:700;color:#111827;line-height:1.4}.key-card-sub[data-v-0e6141a0]{font-size:12px;color:#6b7280;margin-top:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.days-badge[data-v-0e6141a0]{background:#e5e7eb;color:#374151;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700}.days-badge.today[data-v-0e6141a0]{background:#d1fae5;color:#065f46}.days-badge.past[data-v-0e6141a0]{background:#f3f4f6;color:#9ca3af}.phases-section[data-v-0e6141a0]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.phases-list[data-v-0e6141a0]{display:flex;flex-direction:column;gap:12px}.phase-item[data-v-0e6141a0]{display:flex;align-items:flex-start;gap:14px;padding:14px;border-radius:12px;border:1.5px solid #f3f4f6;background:#f1f5f9;position:relative;transition:border-color .2s}.phase-item.highlight[data-v-0e6141a0]{border-color:#fde68a;background:#fffbeb}.phase-item.active[data-v-0e6141a0]{border-color:#bfdbfe;background:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.phase-icon[data-v-0e6141a0]{width:40px;height:40px;border-radius:10px;font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.phase-body[data-v-0e6141a0]{flex:1;min-width:0}.phase-header[data-v-0e6141a0]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px;margin-bottom:4px}.phase-header strong[data-v-0e6141a0]{font-size:15px}.phase-dates[data-v-0e6141a0]{font-size:13px;color:#6b7280}.phase-duration[data-v-0e6141a0]{margin-left:4px;color:#9ca3af}.phase-desc[data-v-0e6141a0]{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.current-badge[data-v-0e6141a0]{position:absolute;top:10px;right:10px;background:#3b82f6;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.future-section[data-v-0e6141a0]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.future-list[data-v-0e6141a0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.future-card[data-v-0e6141a0]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.future-card-num[data-v-0e6141a0]{font-size:13px;font-weight:700;color:#db2777;margin-bottom:4px}.future-row[data-v-0e6141a0]{display:flex;align-items:center;gap:8px;font-size:13px}.future-label[data-v-0e6141a0]{flex:0 0 70px;color:#6b7280;font-size:12px}.future-val[data-v-0e6141a0]{color:#111827;font-weight:500}.future-val.ovulation-date[data-v-0e6141a0]{color:#7c3aed;font-weight:700}.disclaimer[data-v-0e6141a0]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px 18px;font-size:12px;color:#6b7280;line-height:1.6}@media (max-width: 480px){.key-dates-grid[data-v-0e6141a0],.future-list[data-v-0e6141a0]{grid-template-columns:1fr}}.menstrual-page[data-v-8dc4d113]{max-width:760px;margin:0 auto;padding:20px 16px 60px}.page-header[data-v-8dc4d113]{text-align:center;margin-bottom:32px}.page-header h1[data-v-8dc4d113]{font-size:clamp(22px,5vw,30px);font-weight:800;color:#111827;margin:0 0 8px}.page-header p[data-v-8dc4d113]{color:#6b7280;font-size:15px;margin:0}.info-section[data-v-8dc4d113]{display:flex;flex-direction:column;gap:20px;padding:8px 0}.info-section h3[data-v-8dc4d113]{font-size:18px;font-weight:700;color:#111827;margin:0 0 16px}.info-card[data-v-8dc4d113]{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.info-card h4[data-v-8dc4d113]{font-size:15px;font-weight:700;color:#111827;margin:0 0 12px}.info-card p[data-v-8dc4d113]{color:#374151;font-size:14px;line-height:1.7;margin:0 0 12px}.info-card.tip[data-v-8dc4d113]{background:#f0fdf4;border-color:#bbf7d0}.phase-overview-grid[data-v-8dc4d113]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.phase-ov-item[data-v-8dc4d113]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border:2px solid;border-radius:12px;text-align:center}.phase-ov-icon[data-v-8dc4d113]{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.phase-ov-item strong[data-v-8dc4d113]{font-size:13px;color:#111827}.phase-ov-item span[data-v-8dc4d113]{font-size:12px;color:#6b7280}.phase-ov-desc[data-v-8dc4d113]{font-size:11px!important;color:#9ca3af!important}.info-table[data-v-8dc4d113]{width:100%;border-collapse:collapse;font-size:13px;margin-top:12px}.info-table th[data-v-8dc4d113],.info-table td[data-v-8dc4d113]{padding:10px 12px;text-align:center;border:1px solid #e5e7eb}.info-table th[data-v-8dc4d113]{background:#f3f4f6;font-weight:600;color:#374151}.info-table td[data-v-8dc4d113]{color:#111827}.tip-list[data-v-8dc4d113],.warning-list[data-v-8dc4d113]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.tip-list li[data-v-8dc4d113],.warning-list li[data-v-8dc4d113]{font-size:14px;color:#374151;line-height:1.5;padding-left:4px}.warning-list li[data-v-8dc4d113]:before{content:"⚠️ "}.disclaimer-box[data-v-8dc4d113]{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px 18px;font-size:12px;color:#92400e;line-height:1.6}@media (max-width: 480px){.phase-overview-grid[data-v-8dc4d113]{grid-template-columns:repeat(2,1fr)}}