/* Two contexts, one familiar interaction system. */
body{--mode-accent:#995536;--mode-soft:#eee5d9;--mode-bg:#f6f3ed;--mode-ink:#383731;--mode-muted:#706b64;background:var(--mode-bg);color:var(--mode-ink)}
body[data-mode=multiple]{--mode-accent:#526044;--mode-soft:#e5e7df;--mode-bg:#f0f0eb;--mode-ink:#30352f;--mode-muted:#646b60}
.relationship-mode{max-width:480px;margin:0 0 20px}.mode-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#e6e2da;border-radius:18px;padding:4px;isolation:isolate}.mode-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--mode-accent);border-radius:14px;z-index:-1;transition:transform 240ms cubic-bezier(.22,1,.36,1),background-color 180ms ease}body[data-mode=multiple] .mode-thumb{transform:translateX(100%)}.mode-switch button{border:0;background:transparent;color:var(--mode-ink);min-height:48px;font-size:14px;font-weight:600;padding:8px}.mode-switch button[aria-pressed=true]{color:#fff}#modeHint{font-size:12px;margin:8px 3px 0;color:var(--mode-muted)}
body .sidebar,body .cycle-card,body .settings-card,body .appearance-card,body .calendar-card,body .initiative-card,body dialog{background:#fcfbf8;border-color:#e1ded6;color:var(--mode-ink)}
body .primary,body .cycle-card>.button,body .touch-options button[aria-pressed=true],body .touch-calendar button[aria-pressed=true]{background:var(--mode-accent);border-color:var(--mode-accent);color:white;box-shadow:none}
body .secondary,body .demo-banner,body .checkin,body .next-card,body .nav.active,body .pill{background:var(--mode-soft);color:var(--mode-ink);border-color:#dedbd2}
body .learn-banner{background:var(--mode-soft);color:var(--mode-ink);border:1px solid #ded8cc}
body .learn-kicker,body .learn-sub,body .text-button,body .nav,body .eyebrow,body .muted,body .hero-body p,body .hero-top,body .advice-card p{color:var(--mode-muted)}
body .hero-card,body .advice-card,body .touch-options button{background:#fffefa;color:var(--mode-ink);border-color:#e3dfd6}
body .brand,body h1,body h2,body h3{color:var(--mode-ink)}body .brand-mark{background:var(--mode-accent);color:#fff}body .brand-dot{color:var(--mode-accent)}
body[data-mode=single] h1,body[data-mode=single] .hero-body h2,body[data-mode=single] #ideaTitle,body[data-mode=single] .learn-banner strong{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.7px}
body[data-mode=multiple] h1,body[data-mode=multiple] .hero-body h2,body[data-mode=multiple] #ideaTitle{font-family:'Segoe UI',sans-serif;font-weight:700;letter-spacing:-.8px}
body[data-mode=multiple] .hero-card,body[data-mode=multiple] .initiative-card{border-radius:18px;border-top:3px solid #79836c}
body .profile-tabs button{min-height:52px;padding:12px 18px}body[data-mode=single] .profile-tabs button{background:transparent;border:0;color:var(--mode-ink);padding-left:0}
body .moods button.selected,body .moods button[aria-pressed=true]{background:var(--mode-accent);color:white}body .moods button{background:#fffefa;color:var(--mode-ink)}
body .profile-management[hidden]{display:none!important}
@media(max-width:700px){.relationship-mode{max-width:none;margin-bottom:14px}body .sidebar{background:#fcfbf8}body .nav.active{color:var(--mode-accent)}.mode-switch button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.mode-thumb{transition:none}}
.reproductive-settings{grid-column:1/-1}#contraceptionChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#contraceptionChoices button{min-width:0;white-space:normal}#pregnancyGoals,#todayPregnancyGoals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#pregnancyGoals button,#todayPregnancyGoals button{padding:10px 7px;font-size:13px;min-width:0}#reproductiveProfile{overflow-wrap:anywhere}#contraceptionHint{font-size:14px;line-height:1.5;padding:14px;background:var(--mode-soft);border-radius:12px}#reproductiveDialog{width:min(100% - 24px,620px);max-height:92dvh;overflow:auto;padding:24px}#reproductiveDetails h3{margin:25px 0 10px;font-size:21px}#reproductiveDetails a{color:var(--mode-accent);display:inline-block;padding:10px 0;min-height:44px}.pro-preview{margin:24px 0;padding:20px;background:var(--mode-soft);border-radius:16px}#prepChecklist .checkbox{display:flex;gap:12px;padding:10px 0;line-height:1.4}#prepChecklist input{flex-shrink:0}
@media(max-width:700px){#contraceptionChoices{grid-template-columns:repeat(2,minmax(0,1fr))}#pregnancyGoals,#todayPregnancyGoals{grid-template-columns:1fr 1fr}#pregnancyGoals button:last-child,#todayPregnancyGoals button:last-child{grid-column:1/-1}#reproductiveDialog{padding:18px 14px}}