:root{--bg:#fff8fb;--surface:#fff;--ink:#27212a;--muted:#6f6573;--line:#eadce4;--rose:#d84d7d;--rose-soft:#fbe8ef;--teal:#0f766e;--teal-soft:#e4f4f2;--gold:#b7791f;--shadow:0 18px 45px #57384f1a}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{letter-spacing:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.app-frame{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#ffffffeb;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--rose);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:inline-flex}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:12px}.topnav,.account,.profile-chip,.nav-link,.primary-button,.ghost-button,.segmented,.auth-points span,.pill,.toggle,.info-row{align-items:center;display:inline-flex}.topnav{gap:6px}.nav-link{color:var(--muted);border-radius:8px;gap:6px;padding:9px 10px}.nav-link.active{background:var(--rose-soft);color:var(--rose)}.account{gap:8px}.profile-chip{border:1px solid var(--line);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;gap:6px;max-width:260px;padding:8px 10px;overflow:hidden}.main-surface{max-width:1180px;margin:0 auto;padding:24px 20px 96px}.page-grid{gap:18px;display:grid}.hero-band,.content-band,.state-panel,.auth-form{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.hero-band{gap:14px;padding:28px;display:grid}.hero-top-row,.section-title-row,.list-item,.toggle-row,.info-row{align-items:center;gap:10px;display:flex}.hero-top-row,.section-title-row,.list-item{justify-content:space-between}.hero-band h1,.auth-visual h1,.state-panel h1{margin:6px 0 0;font-size:clamp(26px,3.8vw,42px);line-height:1.12}.hero-band p,.auth-visual p,.state-panel p,.metric-detail,.support-copy,.plan-card p,.list-item p{color:var(--muted);line-height:1.7}.eyebrow{color:var(--rose);font-size:13px;font-weight:800}.pill,.toggle{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.pill{background:var(--teal-soft);color:var(--teal)}.metrics-grid,.plan-grid,.support-grid{gap:12px;display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric,.plan-card,.support-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px}.metric{gap:8px;display:grid}.metric-icon{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.metric-label{color:var(--muted);font-size:13px}.metric-value{font-size:20px;line-height:1.1}.content-band{padding:24px}.section-title-row{margin-bottom:14px}.section-title-row h2{margin:0;font-size:18px}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card strong{margin-bottom:8px;display:block}.plan-card.featured{background:#fff6f0;border-color:#f3d3bf}.plan-card.muted{background:#f7fbfc}.list-stack{gap:10px;display:grid}.list-item{border:1px solid var(--line);border-radius:8px;padding:14px 16px}.list-item strong{display:block}.list-item span{color:var(--rose);font-weight:700}.support-grid{grid-template-columns:1.1fr .9fr}.toggle-row{justify-content:space-between;padding:10px 0}.toggle{color:var(--muted);background:#eef2f7}.toggle.on{background:var(--teal-soft);color:var(--teal)}.info-row{color:var(--muted);margin-top:10px}.auth-layout{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:stretch;gap:16px;display:grid}.auth-visual{border:1px solid var(--line);background:linear-gradient(#fffafc 0%,#fef6f9 100%);border-radius:8px;padding:28px}.auth-points{gap:10px;margin-top:18px;display:grid}.auth-points span{border:1px solid var(--line);background:#fff;border-radius:8px;gap:8px;padding:10px 12px}.auth-form{gap:12px;padding:22px;display:grid}.segmented{background:#f6f3f6;border-radius:8px;gap:6px;padding:6px}.segmented button,.primary-button,.ghost-button{border:0;border-radius:8px}.segmented button{color:var(--muted);background:0 0;gap:6px;padding:10px 12px}.segmented button.selected{color:var(--rose);background:#fff;box-shadow:0 2px 8px #0000000a}.primary-button,.ghost-button{justify-content:center;gap:8px;min-height:42px;padding:11px 14px}.primary-button{background:var(--rose);color:#fff;font-weight:800}.primary-button.compact{min-height:38px}.ghost-button{border:1px solid var(--line);color:var(--ink);background:#fff}label{color:var(--muted);gap:7px;display:grid}input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;min-height:42px;padding:10px 12px}.form-message,.alert{color:#8f5d14;background:#fff9f3;border:1px solid #f3ddc4;border-radius:8px;padding:12px 14px;line-height:1.7}.state-panel{justify-items:start;gap:12px;max-width:760px;padding:28px;display:grid}.web-feed-shell{grid-template-columns:104px minmax(0,1fr);gap:18px;display:grid}.feed-rail{background:#101114f0;border:1px solid #2b2d35;border-radius:8px;align-self:start;gap:4px;padding:8px;display:grid;position:sticky;top:92px}.feed-rail-item{color:#fff;border-radius:8px;place-items:center;gap:5px;min-height:62px;padding:8px 4px;font-size:12px;font-weight:900;display:grid}.feed-rail-item:hover,.feed-rail-item:focus-visible{color:#101114;background:#fff;outline:0}.web-feed{gap:18px;display:grid}.web-feed-section{border:1px solid #dce3ed;border-radius:8px;gap:14px;min-height:calc(100vh - 142px);padding:22px;scroll-margin-top:92px;display:grid}.web-feed-section.dark,.web-feed-section.ink{color:#fff;background:#101114;border-color:#2b2d35}.web-feed-section.blush{background:#fff7fb;border-color:#eadce4}.web-feed-section.mint{background:#effbf7;border-color:#bfe8d1}.web-feed-section.sky{background:#eef6ff;border-color:#cfe2ff}.web-feed-section.sun{background:#fff5e7;border-color:#f3d6a7}.web-feed-section.green{background:#f0fbf3;border-color:#bfe8d1}.web-feed-section.peach{background:#fff1ec;border-color:#ffd6c7}.feed-section-head,.calendar-top-row,.panel-title-row,.mini-row,.feed-button-row{justify-content:space-between;align-items:center;display:flex}.feed-section-head{color:#64748b;font-size:13px;font-weight:900}.web-feed-section.dark .feed-section-head,.web-feed-section.ink .feed-section-head{color:#d7dbe3}.web-feed-section h1{color:#101114;margin:0;font-size:clamp(34px,6vw,68px);line-height:1}.web-feed-section.dark h1,.web-feed-section.ink h1{color:#fff}.feed-hero-copy{gap:12px;max-width:720px;display:grid}.feed-hero-copy p{color:#eef2f7;margin:0;font-size:clamp(18px,2.8vw,28px);font-weight:800;line-height:1.35}.feed-hero-copy small{color:#b7bdc7;font-weight:800}.feed-progress-track{background:#2b2d35;border-radius:999px;height:10px;overflow:hidden}.feed-progress-track span{background:#ff4d82;border-radius:999px;height:100%;display:block}.feed-stat-grid,.record-input-grid,.record-control-grid,.trend-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.feed-stat-card{color:#101114;border-radius:8px;gap:8px;min-height:118px;padding:14px;display:grid}.feed-stat-card.rose{background:#ffdde8}.feed-stat-card.teal{background:#c9f4eb}.feed-stat-card.amber{background:#ffe7b8}.feed-stat-card.blue{background:#dbeafe}.feed-stat-icon,.info-strip>span,.feature-gate>span{background:#ffffff8c;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.feed-stat-card span:not(.feed-stat-icon),.metric-input-card,.chip-group>span,.segment-card>span,.toggle-card,.panel-title-row span,.share-code-card span,.switch-row small,.trend-card span{color:#64748b;font-size:12px;font-weight:800}.feed-stat-card strong{font-size:28px;line-height:1.05}.feed-action-stack,.switch-list,.plan-option-stack,.safety-stack{gap:10px;display:grid}.info-strip,.switch-row,.web-panel,.chart-card,.selected-day-panel,.metric-input-card,.toggle-card,.segment-card,.share-code-card,.safety-line,.status-panel,.feature-gate{background:#fff;border:1px solid #dce3ed;border-radius:8px}.info-strip{color:#101114;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:11px 12px;display:grid}.info-strip small,.info-strip strong,.selected-day-panel strong,.selected-day-panel span,.share-code-card span,.share-code-card strong{display:block}.info-strip small{color:#64748b;font-weight:800}.info-strip strong{overflow-wrap:anywhere;font-weight:900}.feed-button-row{justify-content:flex-start;gap:12px}.feed-primary-link,.feed-icon-link,.feed-primary-button,.feed-light-link{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 14px;font-weight:900;display:inline-flex}.feed-primary-link,.feed-primary-button{color:#fff;background:#101114}.feed-primary-button.compact{flex:0 180px}.feed-icon-link{color:#fff;background:#ff4d82;min-width:46px}.feed-light-link{color:#101114;background:#fff;border:1px solid #dce3ed}.metric-input-card{color:#64748b;gap:6px;padding:12px;display:grid}.metric-input-card span{align-items:end;gap:6px;display:flex}.metric-input-card input{color:#101114;border:0;flex:1;min-height:42px;padding:0;font-size:30px;font-weight:900}.metric-input-card small{color:#64748b;padding-bottom:7px;font-weight:900}.chip-group{gap:7px;display:grid}.chip-row{flex-wrap:wrap;gap:7px;display:flex}.choice-chip{color:#495466;background:#fff;border:1px solid #dce3ed;border-radius:8px;min-height:36px;padding:8px 10px;font-size:13px;font-weight:800}.choice-chip.active{color:#fff;background:#101114;border-color:#101114}.record-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toggle-card,.segment-card{justify-content:space-between;align-items:center;min-height:58px;padding:10px 12px;display:flex}.toggle-card input,.switch-row input{accent-color:#0f766e;width:20px;height:20px}.segment-card{align-items:stretch;gap:8px;display:grid}.segment-card div{background:#f3f4f6;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segment-card button{color:#64748b;background:0 0;border:0;border-radius:8px;min-height:30px;font-size:12px;font-weight:800}.segment-card button.active{color:#101114;background:#fff}.web-memo{color:#64748b;gap:7px;font-size:12px;font-weight:800;display:grid}.web-memo textarea{color:#101114;font:inherit;resize:vertical;border:1px solid #dce3ed;border-radius:8px;min-height:92px;padding:12px}.calendar-top-row strong{color:#101114;font-size:26px;display:block}.calendar-top-row span{color:#64748b;font-size:12px;font-weight:800}.calendar-top-row>span{color:#fff;background:#101114;border-radius:8px;padding:8px 10px}.web-week-row,.web-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.web-week-row span{color:#64748b;text-align:center;font-size:12px;font-weight:900}.web-calendar-grid{gap:5px}.calendar-cell-button{color:#101114;background:#fff;border:1px solid #dce3ed;border-radius:8px;place-items:center;gap:3px;min-height:56px;font-weight:900;display:grid}.calendar-cell-button.muted{color:#a6adba}.calendar-cell-button.period{background:#ffe4ee;border-color:#ff9fbd}.calendar-cell-button.fertile{background:#ccfbf1;border-color:#5eead4}.calendar-cell-button.ovulation{background:#99f6e4;border-color:#0f766e}.calendar-cell-button.test{background:#fef3c7;border-color:#f59e0b}.calendar-cell-button.selected{border-width:2px;border-color:#101114}.calendar-cell-button small{gap:2px;height:5px;display:flex}.calendar-cell-button i,.legend-dot i{border-radius:999px;display:inline-block}.calendar-cell-button i{width:4px;height:4px}.calendar-cell-button i.today{background:#111827}.calendar-cell-button i.record{background:#2563eb}.calendar-cell-button i.appointment{background:#f59e0b}.legend-row{flex-wrap:wrap;gap:10px;display:flex}.legend-dot{color:#536171;align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.legend-dot i{width:8px;height:8px}.selected-day-panel{gap:5px;padding:12px;display:grid}.selected-day-panel span{color:#536171;font-weight:800}.chart-card,.web-panel{gap:12px;padding:14px;display:grid}.temp-chart{align-items:end;gap:8px;min-height:168px;display:flex}.temp-column{flex:1;place-items:center;gap:6px;display:grid}.temp-column span{background:#2563eb;border-radius:8px;align-self:end;width:70%;min-height:36px;display:block}.temp-column small{color:#64748b;font-size:11px;font-weight:800}.trend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trend-card{background:#fff;border:1px solid #cfe2ff;border-radius:8px;gap:6px;padding:12px;display:grid}.trend-card strong{color:#101114;font-size:22px}.feature-gate{text-align:center;place-items:center;max-width:520px;margin:auto;padding:24px;display:grid}.feature-gate strong{color:#101114;font-size:24px}.feature-gate p{color:#536171;margin:0;font-weight:800;line-height:1.7}.appointment-hero{color:#fff;background:#101114;border-radius:8px;gap:8px;padding:18px;display:grid}.appointment-hero span{color:#9ae6d7;font-weight:900}.appointment-hero strong{font-size:clamp(28px,4vw,44px)}.appointment-hero small,.appointment-hero p{color:#d7dbe3;margin:0;font-weight:800}.mini-row{color:#536171;gap:10px;min-height:30px}.mini-row strong{color:#101114}.check-row{color:#101114;text-align:left;background:0 0;border:0;align-items:center;gap:9px;min-height:30px;padding:0;font-weight:800;display:flex}.check-box{border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.check-box.active{color:#fff;background:#0f766e;border-color:#0f766e}.share-code-card{color:#101114;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:14px;display:grid}.share-code-card svg{color:#0f766e}.share-code-card strong{font-size:28px}.switch-list{gap:9px;display:grid}.switch-row{justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:flex}.switch-row span{gap:3px;display:grid}.switch-row strong{color:#101114}.plan-option{color:#101114;text-align:left;background:#fff;border:1px solid #dce3ed;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.plan-option.active{background:#fef3c7;border-color:#f4c430}.plan-option>span:first-child{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.plan-option span:last-child{gap:3px;display:grid}.plan-option small{color:#5d6574;font-weight:700}.safety-line{color:#202734;align-items:start;gap:8px;padding:11px;font-size:13px;font-weight:800;line-height:1.6;display:flex}.safety-line svg{color:#0f766e;flex:none;margin-top:2px}.status-panel{color:#d7dbe3;background:#24262d;padding:12px;font-size:13px;font-weight:800;line-height:1.6}.legal-document{gap:18px;max-width:840px;margin:0 auto;display:grid}.legal-header,.legal-body{background:var(--surface);border:1px solid var(--line);border-radius:8px}.legal-header{padding:32px}.legal-header h1{margin:8px 0 12px;font-size:36px;line-height:1.2}.legal-header p{color:var(--muted);margin:0 0 14px;line-height:1.8}.legal-version{color:var(--muted);font-size:12px;font-weight:700}.legal-body{padding:8px 32px}.legal-section{gap:12px;padding:26px 0;display:grid}.legal-section+.legal-section{border-top:1px solid var(--line)}.legal-section h2{align-items:center;gap:10px;margin:0;font-size:19px;display:flex}.legal-section h2 span{color:var(--rose);font-variant-numeric:tabular-nums;font-size:12px}.legal-section-content{color:#514853;gap:12px;line-height:1.9;display:grid}.legal-section-content p,.legal-section-content ul{margin:0}.legal-section-content ul{gap:7px;padding-left:1.4rem;display:grid}.legal-section-content a,.legal-footer a{color:var(--teal);text-underline-offset:3px;font-weight:800;text-decoration:underline;text-decoration-thickness:1px}.legal-note{background:var(--teal-soft);border-left:3px solid var(--teal);color:#185e58;border-radius:0 8px 8px 0;padding:12px 14px}.legal-footer{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:12px 20px;padding:4px 16px;font-size:13px;display:flex}@media (max-width:1080px){.metrics-grid,.plan-grid,.support-grid,.auth-layout{grid-template-columns:1fr 1fr}.web-feed-shell{grid-template-columns:1fr}.feed-rail{z-index:30;grid-template-columns:repeat(8,minmax(0,1fr));position:fixed;inset:auto 12px 12px}.feed-rail-item{min-height:48px;font-size:10px}.web-feed-section{scroll-margin-top:92px}.feed-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.topbar{flex-direction:column;align-items:flex-start}.topnav{flex-wrap:wrap}.metrics-grid,.plan-grid,.support-grid,.auth-layout{grid-template-columns:1fr}.hero-band,.content-band,.auth-visual,.auth-form,.state-panel,.legal-header{padding:20px}.legal-body{padding:4px 20px}.legal-header h1{font-size:28px}.main-surface{padding:16px 12px 104px}.web-feed-section{min-height:calc(100vh - 132px);padding:16px}.record-input-grid,.record-control-grid,.trend-grid{grid-template-columns:1fr}.feed-button-row{flex-direction:column;align-items:stretch}.feed-primary-button.compact{flex-basis:auto}.share-code-card{grid-template-columns:auto 1fr}.share-code-card strong{grid-column:1/-1}.calendar-cell-button{min-height:42px}}