:root{color-scheme:light;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--canvas: #f3f1f7;--surface: #fbfafc;--surface-strong: #ffffff;--ink: #281f31;--soft-ink: #62596a;--muted: #847b8b;--line: #ddd8e4;--line-strong: #c5bdce;--plum: #5e3b72;--plum-dark: #472657;--plum-soft: #e4d9e9;--coral: #df746f;--coral-dark: #aa514f;--coral-soft: #f3d8d7;--teal: #34796f;--teal-soft: #d9ebe7;--sun: #d5a844;--shadow: 0 22px 70px rgba(45, 31, 53, .12);--serif: Georgia, "Times New Roman", serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{min-width:320px;background:var(--canvas)}body{margin:0;min-width:320px;min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 8px 8px,rgba(94,59,114,.035) 1px,transparent 1.2px) 0 0 / 16px 16px,var(--canvas)}button,input,select,textarea{font:inherit}button{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(94,59,114,.28);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif)}.sheet-open{overflow:hidden}.app-shell{min-height:100dvh}.desktop-rail{display:none}.app-canvas{min-height:100dvh}.topbar{position:sticky;z-index:30;top:0;display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid rgba(197,189,206,.8);background:#f3f1f7eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.rail-brand,.connect-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand{font-family:var(--serif);font-size:19px;font-weight:700}.brand-mark{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:11px;color:var(--surface);background:var(--plum)}.brand-mark svg{width:21px;height:21px}.mobile-page-title{display:none;font-size:13px;font-weight:700}.connection-button{display:flex;min-width:42px;min-height:42px;align-items:center;justify-content:center;gap:9px;padding:6px;border:1px solid transparent;border-radius:12px;background:transparent;cursor:pointer}.connection-button:hover{border-color:var(--line);background:#ffffff8c}.connection-button>svg{width:20px;height:20px;color:var(--soft-ink)}.connection-copy,.status-dot{display:none}.page-frame{width:min(100%,1160px);margin:0 auto;padding:27px 16px 110px}.eyebrow{margin-bottom:8px;color:var(--plum);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.13em;line-height:1.4;text-transform:uppercase}.today-intro,.page-intro{margin-bottom:25px}.today-intro h1,.page-intro h1{max-width:760px;margin-bottom:9px;font-size:clamp(34px,8vw,58px);font-weight:400;letter-spacing:-.045em;line-height:1.04}.page-intro h1{max-width:680px}.lede,.page-intro>p:last-child{max-width:610px;margin-bottom:0;color:var(--soft-ink);font-size:15px;line-height:1.6}.today-intro{display:flex;align-items:end;justify-content:space-between;gap:24px}.desktop-log{display:none}.primary,.secondary,.quiet-danger{min-height:46px;padding:0 19px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.primary{border:1px solid var(--plum);color:#fff;background:var(--plum);box-shadow:0 8px 18px #5e3b7224}.primary:hover{border-color:var(--plum-dark);background:var(--plum-dark)}.secondary{border:1px solid var(--line-strong);color:var(--ink);background:transparent}.secondary:hover{border-color:var(--plum);background:var(--plum-soft)}.quiet-danger{min-height:38px;border:0;color:var(--coral-dark);background:transparent}.quiet-danger:hover{background:var(--coral-soft)}.primary:active,.secondary:active{transform:translateY(1px)}.primary:disabled,.secondary:disabled{cursor:wait;opacity:.55}.wide{width:100%}.week-strip{display:grid;margin:0 -4px 25px;grid-template-columns:repeat(7,1fr)}.week-day{position:relative;display:flex;min-width:0;height:74px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer}.week-day:last-child{border-right:0}.week-day small{color:var(--muted);font-family:var(--mono);font-size:9px;text-transform:uppercase}.week-day strong{font-family:var(--serif);font-size:18px;font-weight:400}.week-day.today:before{position:absolute;inset:4px 6px;border:1px solid var(--plum);border-radius:22px;content:""}.week-day.today strong{color:var(--plum);font-weight:700}.week-marker{width:5px;height:5px;border-radius:50%;background:transparent}.week-day.flow-none .week-marker{background:var(--teal)}.week-day.flow-spotting .week-marker,.week-day.flow-light .week-marker{background:#e9aaa6}.week-day.flow-medium .week-marker,.week-day.flow-heavy .week-marker{background:var(--coral-dark)}.today-grid,.insights-grid{display:grid;gap:16px}.cycle-panel,.checkin-panel,.calendar-panel,.selected-day-panel,.insight-panel{border:1px solid var(--line);border-radius:18px;background:#fbfafccc}.cycle-panel,.checkin-panel,.insight-panel{padding:21px}.panel-heading,.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.panel-heading h2,.section-title-row h2,.selected-day-panel h2{margin-bottom:0;font-size:23px;font-weight:400;letter-spacing:-.025em;line-height:1.2}.panel-heading>svg{width:24px;height:24px;color:var(--plum)}.cycle-content{display:grid;align-items:center}.cycle-dial{position:relative;width:min(100%,252px);margin:17px auto 4px;aspect-ratio:1}.cycle-dial svg{width:100%;height:100%;overflow:visible}.dial-guide{fill:none;stroke:var(--line);stroke-width:1}.dial-dot{fill:#cbc4d1}.dial-dot.past{fill:var(--plum-soft)}.dial-dot.period{fill:#eab1ae}.dial-dot.active{fill:var(--plum);stroke:var(--surface);stroke-width:3;filter:drop-shadow(0 3px 4px rgba(94,59,114,.24))}.dial-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dial-center small{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dial-center strong{margin:-2px 0;font-family:var(--serif);font-size:66px;font-weight:400;letter-spacing:-.07em;line-height:1}.dial-center span{color:var(--soft-ink);font-size:12px}.cycle-copy{padding:18px 0 0;border-top:1px solid var(--line)}.estimate-label{color:var(--teal);font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.cycle-copy p{margin:8px 0 7px;font-family:var(--serif);font-size:19px;line-height:1.4}.cycle-copy small{display:block;color:var(--muted);font-size:11px;line-height:1.5}.checkin-panel{display:flex;flex-direction:column}.today-summary,.empty-checkin{flex:1;margin:24px 0}.summary-row{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.summary-row>span{color:var(--muted)}.summary-row>strong{text-align:right;font-weight:600}.summary-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--teal)}.summary-dot.flow-spotting,.summary-dot.flow-light{background:#e9aaa6}.summary-dot.flow-medium,.summary-dot.flow-heavy{background:var(--coral-dark)}.summary-dot.flow-none{background:var(--teal)}.today-summary blockquote{margin:18px 0 0;padding-left:14px;border-left:2px solid var(--plum-soft);color:var(--soft-ink);font-family:var(--serif);font-size:15px;font-style:italic;line-height:1.5}.empty-checkin{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-drops{display:flex;align-items:center;gap:21px;margin-bottom:18px}.empty-drops svg{width:30px;height:30px;color:var(--plum)}.empty-drops svg:nth-child(2){width:24px;color:var(--coral)}.empty-drops svg:nth-child(3){color:var(--teal)}.empty-checkin p{max-width:290px;margin:0;color:var(--soft-ink);font-family:var(--serif);font-size:16px;line-height:1.5}.recent-section{margin-top:38px}.section-title-row{align-items:end;margin-bottom:14px}.section-title-row>span{color:var(--muted);font-family:var(--mono);font-size:10px;text-transform:uppercase}.recent-list{border-top:1px solid var(--line-strong)}.recent-row{display:grid;width:100%;align-items:center;gap:12px;grid-template-columns:52px 1fr auto 18px;padding:13px 0;border:0;border-bottom:1px solid var(--line);text-align:left;background:transparent;cursor:pointer}.recent-row:hover .recent-main strong{color:var(--plum)}.recent-row>svg{width:17px;color:var(--muted)}.date-tile{display:flex;width:48px;height:48px;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.date-tile.flow-spotting,.date-tile.flow-light{border-color:#e8c0be;background:var(--coral-soft)}.date-tile.flow-medium,.date-tile.flow-heavy{border-color:var(--coral);color:#fff;background:var(--coral-dark)}.date-tile small{font-family:var(--mono);font-size:8px;text-transform:uppercase}.date-tile strong{font-family:var(--serif);font-size:19px;line-height:1}.recent-main{min-width:0}.recent-main strong,.recent-main small{display:block}.recent-main strong{margin-bottom:3px;font-family:var(--serif);font-size:15px;font-weight:400}.recent-main small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.pain-mark{display:none;color:var(--soft-ink);font-family:var(--mono);font-size:9px;text-transform:uppercase}.plain-empty{margin:22px 0 0;color:var(--muted);line-height:1.6}.mobile-nav{position:fixed;z-index:35;right:0;bottom:0;left:0;display:grid;min-height:72px;padding:6px 12px max(6px,env(safe-area-inset-bottom));border-top:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr);background:#fbfafcf5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-button{position:relative;display:flex;min-height:56px;align-items:center;justify-content:center;gap:5px;border:0;border-radius:10px;color:var(--muted);background:transparent;cursor:pointer}.mobile-nav .nav-button{flex-direction:column;font-size:10px;font-weight:700}.nav-button svg{width:21px;height:21px}.nav-button.active{color:var(--plum)}.mobile-nav .nav-button.active:before{position:absolute;top:-7px;width:26px;height:2px;border-radius:2px;background:var(--plum);content:""}.calendar-panel{overflow:hidden;padding:10px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 18px}.calendar-toolbar h2{margin:0;font-size:21px;font-weight:400}.icon-button{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:12px;background:transparent;cursor:pointer}.icon-button:hover{border-color:var(--plum);background:var(--plum-soft)}.icon-button svg{width:20px;height:20px}.weekday-row,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekday-row span{padding:5px;color:var(--muted);font-family:var(--mono);font-size:9px;text-align:center}.calendar-day{position:relative;display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer}.calendar-day:hover{background:var(--plum-soft)}.calendar-day.outside{color:#aaa2af}.calendar-day.selected{border-color:var(--plum)}.calendar-day.is-today span{font-weight:800;text-decoration:underline;text-decoration-color:var(--plum);text-underline-offset:4px}.calendar-day i{position:absolute;bottom:6px;width:5px;height:5px;border-radius:50%;background:var(--teal)}.calendar-day.flow-spotting i,.calendar-day.flow-light i{background:#e9aaa6}.calendar-day.flow-medium i,.calendar-day.flow-heavy i{background:var(--coral-dark)}.calendar-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;padding:14px 8px 5px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.calendar-legend span{display:flex;align-items:center;gap:6px}.calendar-legend i{width:7px;height:7px;border-radius:50%;background:var(--teal)}.calendar-legend i.flow-heavy{background:var(--coral-dark)}.calendar-legend i.flow-light{background:#e9aaa6}.selected-day-panel{display:grid;gap:19px;margin-top:16px;padding:22px}.selected-day-details .summary-row:first-child{border-top:1px solid var(--line)}.selected-empty{margin:0;color:var(--muted)}.metric-strip{display:grid;margin-bottom:16px;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(2,1fr)}.metric-strip>div{padding:18px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-strip>div:nth-child(2n){border-right:0}.metric-strip>div:nth-child(n+3){border-bottom:0}.metric-strip small,.metric-strip strong{display:block}.metric-strip small{margin-bottom:6px;color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.metric-strip strong{font-family:var(--serif);font-size:22px;font-weight:400}.cycle-bars{display:flex;height:250px;align-items:end;justify-content:center;gap:19px;margin-top:24px;padding:0 5px}.cycle-bar-column{display:grid;height:100%;flex:1;align-items:end;grid-template-rows:20px 1fr 20px;text-align:center}.cycle-bar-column>span{font-family:var(--serif);font-size:15px}.cycle-bar-column>small{padding-top:6px;color:var(--muted);font-family:var(--mono);font-size:8px;text-transform:uppercase}.cycle-bar-track{position:relative;display:flex;height:100%;align-items:end;justify-content:center;border-bottom:1px solid var(--line-strong)}.cycle-bar-track i{display:block;width:min(100%,52px);border-radius:24px 24px 5px 5px;background:var(--plum-soft);box-shadow:inset 0 0 0 1px #5e3b7226}.cycle-bar-column:last-child .cycle-bar-track i{background:var(--plum)}.symptom-bars{display:grid;gap:18px;margin-top:28px}.symptom-bar{display:grid;align-items:center;gap:10px;grid-template-columns:82px 1fr 18px;font-size:12px}.symptom-bar>div{height:8px;overflow:hidden;border-radius:6px;background:var(--line)}.symptom-bar i{display:block;height:100%;border-radius:6px;background:var(--coral)}.symptom-bar strong{font-family:var(--mono);font-size:10px}.privacy-note{display:flex;gap:15px;margin-top:16px;padding:19px;border:1px solid #bfd9d4;border-radius:14px;background:var(--teal-soft)}.privacy-note>svg{flex:0 0 auto;width:22px;color:var(--teal)}.privacy-note strong{display:block;margin-bottom:4px;font-family:var(--serif);font-size:15px}.privacy-note p{margin:0;color:#456760;font-size:12px;line-height:1.5}.sheet-backdrop{position:fixed;z-index:100;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:20px 0 0;background:#2218286b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sheet,.settings-sheet{width:min(100%,720px);max-height:calc(100dvh - 20px);overflow-y:auto;border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;background:var(--surface-strong);box-shadow:var(--shadow);animation:sheet-in .22s ease-out both}.sheet-header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 20px;border-bottom:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sheet-header h2{margin:0;font-size:22px;font-weight:400}.sheet form{padding:4px 20px calc(22px + env(safe-area-inset-bottom))}.sheet fieldset{min-width:0;margin:0;padding:21px 0;border:0;border-bottom:1px solid var(--line)}.sheet legend,.select-field>span,.notes-field>span{display:block;width:100%;margin-bottom:12px;font-family:var(--serif);font-size:16px;font-weight:700}.flow-options{display:grid;gap:6px;grid-template-columns:repeat(5,1fr)}.flow-option{display:flex;min-width:0;min-height:76px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:13px;color:var(--muted);cursor:pointer}.flow-option input,.chip input,.scale-options input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.flow-option:has(input:checked){border-color:var(--plum);color:var(--plum);background:var(--plum-soft);box-shadow:inset 0 0 0 1px var(--plum)}.flow-option.flow-light:has(input:checked),.flow-option.flow-spotting:has(input:checked){border-color:#d99592;color:var(--coral-dark);background:var(--coral-soft);box-shadow:inset 0 0 0 1px #d99592}.flow-option.flow-medium:has(input:checked),.flow-option.flow-heavy:has(input:checked){border-color:var(--coral-dark);color:#fff;background:var(--coral-dark);box-shadow:none}.flow-option strong{overflow:hidden;max-width:100%;font-size:9px;text-overflow:ellipsis}.flow-drop svg{width:21px;height:21px}.flow-option.flow-none .flow-drop svg{opacity:.25}.chip-options{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;min-height:40px;align-items:center;gap:6px;padding:0 12px;border:1px solid var(--line-strong);border-radius:22px;color:var(--soft-ink);font-size:12px;cursor:pointer}.chip.checked{border-color:var(--plum);color:var(--plum-dark);background:var(--plum-soft)}.chip svg{width:14px;height:14px}.form-pair{display:grid;gap:16px}.scale-options{display:grid;gap:5px;grid-template-columns:repeat(5,1fr)}.scale-options label{cursor:pointer}.scale-options span{display:flex;height:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;color:var(--soft-ink)}.scale-options label:has(input:checked) span{border-color:var(--plum);color:#fff;background:var(--plum)}.scale-labels{display:flex;justify-content:space-between;margin-top:6px;color:var(--muted);font-family:var(--mono);font-size:8px;text-transform:uppercase}.select-field,.notes-field{display:block;padding:21px 0;border-bottom:1px solid var(--line)}.select-field select,.notes-field textarea{width:100%;border:1px solid var(--line-strong);border-radius:11px;color:var(--ink);background:#fff}.select-field select{height:46px;padding:0 12px}.notes-field textarea{min-height:92px;padding:12px;line-height:1.5;resize:vertical}.notes-field>span{display:flex;align-items:baseline;justify-content:space-between}.notes-field>span small{color:var(--muted);font-family:var(--mono);font-size:8px;font-weight:400;text-transform:uppercase}.form-error,.connect-error{margin:16px 0 0;padding:11px 12px;border:1px solid #e4a4a1;border-radius:9px;color:#7e3b39;background:var(--coral-soft);font-size:12px;line-height:1.5}.sheet-actions{display:grid;gap:9px;padding-top:20px;grid-template-columns:1fr 2fr}.toast{position:fixed;z-index:150;right:16px;bottom:calc(86px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;padding:12px 15px;border-radius:12px;color:#fff;background:var(--teal);box-shadow:0 12px 35px #1c413b40;font-size:12px;font-weight:700;animation:toast-in .18s ease-out both}.toast svg{width:18px}.settings-sheet{max-width:590px}.settings-body{padding:20px 20px calc(26px + env(safe-area-inset-bottom))}.collection-identity{display:grid;align-items:center;gap:12px;grid-template-columns:46px 1fr;padding-bottom:20px}.collection-mark{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;color:var(--plum);background:var(--plum-soft)}.collection-mark svg{width:21px}.collection-identity strong,.collection-identity small{display:block}.collection-identity strong{margin-bottom:3px;font-family:var(--serif);font-size:17px}.collection-identity small{overflow:hidden;max-width:100%;color:var(--muted);font-family:var(--mono);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.status-label{display:flex;align-items:center;gap:6px;grid-column:2;color:var(--teal);font-family:var(--mono);font-size:9px;text-transform:uppercase}.status-label i,.status-dot{width:7px;height:7px;border-radius:50%;background:var(--teal)}.settings-rows{border-top:1px solid var(--line-strong)}.settings-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.settings-row span{color:var(--muted)}.settings-row strong{text-align:right}.settings-explainer{display:flex;gap:12px;margin:20px 0;padding:14px;border:1px solid #bfd9d4;border-radius:11px;color:#456760;background:var(--teal-soft)}.settings-explainer svg{flex:0 0 auto;width:20px}.settings-explainer p{margin:0;font-size:11px;line-height:1.55}.settings-status{color:var(--teal);font-size:12px}.settings-actions{display:grid;gap:9px}.state-page{display:flex;min-height:calc(100dvh - 70px);flex-direction:column;align-items:center;justify-content:center;padding:40px 20px 120px;text-align:center}.loading-mark,.error-mark{display:flex;width:64px;height:64px;align-items:center;justify-content:center;margin-bottom:20px;border-radius:22px;color:#fff;background:var(--plum);box-shadow:0 14px 30px #5e3b7233}.loading-mark svg{animation:wave-pulse 1.6s ease-in-out infinite}.error-mark{background:var(--coral-dark);font-family:var(--serif);font-size:30px}.state-page h1{margin-bottom:8px;font-size:28px;font-weight:400}.state-page p{max-width:440px;margin-bottom:20px;color:var(--soft-ink)}.connect-page{min-height:100dvh;padding:18px 16px 45px}.connect-brand{width:min(100%,1000px);margin:0 auto 18px;font-family:var(--serif);font-size:21px}.connect-card{display:grid;width:min(100%,1000px);min-height:calc(100dvh - 105px);margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface-strong);box-shadow:var(--shadow)}.connect-visual{position:relative;display:none;min-height:300px;overflow:hidden;background:var(--plum)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.25);border-radius:50%}.orbit-one{width:310px;height:310px;top:calc(50% - 155px);left:calc(50% - 155px)}.orbit-two{width:450px;height:450px;top:calc(50% - 225px);left:calc(50% - 225px)}.connect-moon,.connect-drop{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%}.connect-moon{width:138px;height:138px;top:calc(50% - 69px);left:calc(50% - 69px);color:var(--plum);background:var(--surface)}.connect-moon svg{width:62px;height:62px}.connect-drop{width:54px;height:54px;top:19%;right:15%;color:#fff;background:var(--coral);box-shadow:0 8px 20px #28141e2e}.connect-drop svg{width:25px}.connect-copy{display:flex;flex-direction:column;justify-content:center;padding:31px 23px}.connect-copy h1{max-width:500px;margin-bottom:15px;font-size:clamp(38px,11vw,62px);font-weight:400;letter-spacing:-.055em;line-height:.98}.connect-copy>p:not(.eyebrow,.connect-error){margin-bottom:20px;color:var(--soft-ink);font-size:14px;line-height:1.6}.connect-copy ul{display:grid;gap:10px;margin:0 0 25px;padding:0;list-style:none}.connect-copy li{display:flex;align-items:center;gap:9px;font-size:12px}.connect-copy li svg{width:17px;height:17px;color:var(--teal)}.saved-connections{display:grid;gap:8px;margin-bottom:10px}.saved-connections button{display:grid;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:12px;grid-template-columns:42px 1fr 20px;text-align:left;background:transparent;cursor:pointer}.saved-connections button:hover{border-color:var(--plum)}.saved-connections strong,.saved-connections small{display:block}.saved-connections strong{font-size:13px}.saved-connections small{margin-top:2px;color:var(--muted);font-size:9px}.saved-connections>button>svg{width:18px;color:var(--muted)}.connect-actions{display:grid;gap:8px}.connect-footnote{display:block;margin-top:16px;color:var(--muted);font-size:9px;line-height:1.5;text-align:center}.connect-page.loading{display:flex;flex-direction:column}.connection-loading{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;color:var(--soft-ink)}.connection-loading .loading-mark{margin-bottom:12px}@keyframes sheet-in{0%{opacity:0;transform:translateY(30px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes wave-pulse{50%{transform:translateY(3px)}}@media(min-width:540px){.page-frame{padding-right:24px;padding-left:24px}.connection-copy{display:block}.calendar-day{min-height:64px}.pain-mark{display:inline}.form-pair,.settings-actions{grid-template-columns:repeat(2,1fr)}.settings-actions .quiet-danger{grid-column:1 / -1}}@media(min-width:760px){.topbar{padding-right:28px;padding-left:28px}.connection-copy,.status-dot{display:block}.connection-button{padding:5px 8px}.connection-copy{min-width:160px;text-align:left}.connection-copy strong,.connection-copy small{display:block}.connection-copy strong{overflow:hidden;max-width:190px;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.connection-copy small{margin-top:1px;color:var(--muted);font-size:8px}.today-grid,.insights-grid{grid-template-columns:1.35fr .85fr}.desktop-log{display:inline-flex;align-items:center;justify-content:center}.cycle-content{grid-template-columns:270px 1fr}.cycle-copy{padding:0 0 0 24px;border-top:0;border-left:1px solid var(--line)}.selected-day-panel{align-items:center;grid-template-columns:1fr 1.4fr auto}.selected-day-details{display:grid;grid-template-columns:repeat(2,1fr)}.selected-day-details .summary-row{display:block;padding:7px 13px;border:0;border-left:1px solid var(--line)}.selected-day-details .summary-row:first-child{border-top:0}.selected-day-details .summary-row>span,.selected-day-details .summary-row>strong{display:block;text-align:left}.selected-day-details .summary-row>span{margin-bottom:3px;font-size:9px}.metric-strip{grid-template-columns:repeat(4,1fr)}.metric-strip>div,.metric-strip>div:nth-child(n+3){border-right:1px solid var(--line);border-bottom:0}.metric-strip>div:last-child{border-right:0}.sheet-backdrop{align-items:center;padding:28px}.sheet,.settings-sheet{max-height:calc(100dvh - 56px);border-bottom:1px solid var(--line);border-radius:24px}.sheet form,.sheet-header,.settings-body{padding-right:28px;padding-left:28px}.connect-page{padding:28px}.connect-brand{margin-bottom:24px}.connect-card{min-height:min(720px,calc(100dvh - 112px));grid-template-columns:.92fr 1.08fr}.connect-visual{display:block}.connect-copy{padding:55px clamp(36px,6vw,72px)}}@media(min-width:1040px){.app-shell{display:grid;grid-template-columns:232px 1fr}.desktop-rail{position:sticky;top:0;display:flex;height:100dvh;flex-direction:column;padding:27px 19px;border-right:1px solid var(--line-strong);background:#fbfafcad}.rail-brand{padding:0 10px 31px}.rail-brand>span:last-child{display:flex;flex-direction:column}.rail-brand strong{font-family:var(--serif);font-size:21px}.rail-brand small{color:var(--muted);font-family:var(--mono);font-size:8px;letter-spacing:.06em;text-transform:uppercase}.desktop-rail nav{display:grid;gap:5px}.desktop-rail .nav-button{justify-content:flex-start;padding:0 13px;font-size:13px;font-weight:650}.desktop-rail .nav-button.active{background:var(--plum-soft)}.rail-note{display:flex;align-items:flex-start;gap:9px;margin:auto 4px 0;padding:17px 8px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.5}.rail-note svg{flex:0 0 auto;width:17px;color:var(--teal)}.topbar .brand{display:none}.mobile-page-title{display:inline}.mobile-nav{display:none}.page-frame{padding:48px 42px 70px}.toast{bottom:25px}.cycle-panel,.checkin-panel,.insight-panel{padding:25px}.calendar-panel{padding:22px}.calendar-day{min-height:74px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}