:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:transparent;--surface-soft:#f1eee8;--surface-glass:#ffffff80;--surface-solid:#fff;--surface-input:#fbfbf9;--surface-blur:blur(12px);--text:#333;--card-description:#666;--muted:#999;--border-color:#000c;--border-width:1.5px;--border:var(--border-width) solid var(--border-color);--accent:#ff7477;--color-elevated:#00aa93;--color-content:#62a8e5;--color-neutral:#9c9f9e;--color-fatigue:#9d7ad2;--color-anxious:#aa60bf;--color-menstrual:#f2cdcf;--color-follicular:#82d8d5;--color-ovulatory:#e3ed55;--color-luteal:#eecafc;--color-skin:#f6a04d;--color-metabolism:#169b62;--color-sleep:#8878c8;--color-sociability:#169b62;--color-cravings:#4982cf;--color-discomfort:#9d7ad2;--color-bar:#0006;--font-size:16px;--font-size-tooltip:.9rem;--line-height:20px;--font-size-calendar:1.2rem;--month-label-width:10%;--breakpoint-compact:680px;--breakpoint-single-column:1200px;--max-width:1440px;--gap-s:16px;--gap-m:24px;--icon-size:28px;--card-shadow:0 1px 10px #00000005;--radius-control:8px;--radius-card:16px;--radius-pill:999px;--radius-round:50%;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo:cubic-bezier(.22, 1, .36, 1);--duration-chart-reveal:.45s;--duration-panel-in:.36s;--duration-panel-slide:.42s}[data-phase=menstrual]{--phase-color:var(--color-menstrual);--pill-color:var(--phase-color)}[data-phase=follicular]{--phase-color:var(--color-follicular);--pill-color:var(--phase-color)}[data-phase=ovulatory]{--phase-color:var(--color-ovulatory);--pill-color:var(--phase-color)}[data-phase=luteal]{--phase-color:var(--color-luteal);--pill-color:var(--phase-color)}[data-mood=elevated]{--mood-color:var(--color-elevated)}[data-mood=content]{--mood-color:var(--color-content)}[data-mood=neutral]{--mood-color:var(--color-neutral)}[data-mood=fatigue]{--mood-color:var(--color-fatigue)}[data-mood=anxious]{--mood-color:var(--color-anxious)}[data-metric=skin]{--metric-color:var(--color-skin)}[data-metric=metabolism]{--metric-color:var(--color-metabolism)}[data-metric=sleep]{--metric-color:var(--color-sleep)}[data-metric=sociability]{--metric-color:var(--color-sociability)}[data-metric=cravings]{--metric-color:var(--color-cravings)}[data-metric=discomfort]{--metric-color:var(--color-discomfort)}[data-rhythm-window=best]{--pill-color:color-mix(in srgb, var(--color-elevated) 40%, white)}[data-rhythm-window=dip]{--pill-color:color-mix(in srgb, var(--color-fatigue) 40%, white)}*{box-sizing:border-box}[hidden],div[hidden]{display:none}html{font-size:var(--font-size);line-height:var(--line-height)}body{background:var(--bg);color:var(--text);margin:0;font-family:Outfit,Georgia,serif}html,body,.workspace,.app-left,.curve-detail-panel{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}.workspace::-webkit-scrollbar{width:0;height:0;display:none}.app-left::-webkit-scrollbar{width:0;height:0;display:none}.curve-detail-panel::-webkit-scrollbar{width:0;height:0;display:none}h1,h2,h3,p{letter-spacing:0;margin:0;font-weight:400}h1{font-size:2rem;line-height:.95}h2{font-size:2rem;line-height:1.2}h3{font-size:1.6rem;line-height:1.25}button,input,select,textarea{font:inherit}button{cursor:pointer}form{gap:14px;display:grid}label{color:var(--muted);gap:6px;font-size:.84rem;font-weight:400;display:grid}input,select,textarea{background:var(--surface-input);border-radius:var(--radius-control);color:var(--text);width:100%;min-height:40px;padding:10px 12px}textarea{resize:vertical}fieldset{border-radius:var(--radius-control);gap:9px;margin:0;padding:12px;display:grid}legend{color:var(--muted);padding:0 6px;font-size:.84rem;font-weight:400}fieldset label{color:var(--text);align-items:center;font-weight:400;display:flex}fieldset input{accent-color:var(--accent);width:auto;min-height:auto}@keyframes summary-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-pop{0%{transform:scale(0)}60%{transform:scale(1.05)}80%{transform:scale(.98)}to{transform:scale(1)}}@keyframes mood-pop{0%{transform:scale(1)}30%{transform:scale(1.2)}55%{transform:scale(1.1)}75%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes today-spin{to{transform:translate(-50%)translateY(-50%)rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes legend-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes year-fade{0%{opacity:.25}to{opacity:1}}.label{color:var(--muted);font-size:.9rem}.surface-glass,.glass{background:var(--surface-glass);-webkit-backdrop-filter:var(--surface-blur);backdrop-filter:var(--surface-blur)}.summary-card{background:var(--surface-glass);-webkit-backdrop-filter:var(--surface-blur);backdrop-filter:var(--surface-blur);border-radius:var(--radius-card);box-shadow:var(--card-shadow)}.empty{color:var(--muted);padding:18px 0 4px}.pill{background:var(--pill-color);border-radius:var(--radius-pill);padding:4px 9px;font-size:.9rem;transition:opacity .18s ease-out,transform .18s ease-out;transform:translate(0,0)}.icon-button{border-radius:var(--radius-control);color:var(--text);border:0;justify-content:center;align-items:center;padding:10px;font-weight:400;display:inline-flex}span.material-symbols-rounded{width:var(--icon-size);height:var(--icon-size);font-size:var(--icon-size);font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 28;visibility:hidden;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.fonts-ready span.material-symbols-rounded{visibility:visible}.app-shell{z-index:1;min-height:100vh;padding:0;position:relative}.main-column{gap:18px;min-width:0;display:grid}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.workspace{flex:1;width:100%;max-width:none;margin:0;display:block;overflow:clip auto}.workspace-wrapper{flex-direction:column;height:100vh;padding:40px 40px 0 24px;display:none;overflow:hidden}.compact-header{display:none}.compact-header .icon-button{box-shadow:none;background:0 0;border:none;padding:4px}.close-calendar-btn{background:0 0;display:none}body.show-calendar .close-calendar-btn{top:var(--gap-s);right:var(--gap-s);z-index:300;display:flex;position:fixed}span.icon-show-summary{display:none}.user-bar{align-items:center;gap:10px;margin-bottom:40px;display:flex}.user-avatar{border-radius:var(--radius-round);cursor:pointer;outline-offset:-1px;outline:1px solid #0000001a;width:40px;height:40px;display:block}.avatar-wrap{margin:-8px;padding:8px;display:flex}.signout-btn{background:var(--surface-solid);border-radius:var(--radius-control);color:var(--muted);cursor:pointer;opacity:0;pointer-events:none;white-space:nowrap;border:none;margin-left:8px;padding:10px 14px;font-size:1rem;transition:opacity .15s,transform .15s;display:none;box-shadow:0 4px 16px #0000001f}.avatar-wrap.open .signout-btn{opacity:1;pointer-events:auto;display:block}.signout-btn:before{content:"";height:18px;position:absolute;top:-18px;left:0;right:0}.signout-btn:hover{color:var(--text)}.user-avatar[hidden]+.signout-btn{opacity:1;pointer-events:auto;position:static;transform:none}.cal-toggle-btn{border-radius:var(--radius-pill);color:var(--muted);box-shadow:var(--card-shadow);opacity:.5;background:#ffffffb3;border:none;align-items:center;gap:6px;margin-bottom:12px;padding:6px 18px 6px 12px;transition:background .2s,color .2s;display:flex}.cal-toggle-btn .cal-toggle-label{font-size:1rem}.cal-toggle-btn.active{opacity:1;color:var(--text);background:#ffffffe6}.summary-grid{gap:var(--gap-s);opacity:0;pointer-events:none;grid-template-columns:1fr 1fr;width:100%;font-size:1rem;font-weight:400;display:grid}.summary-grid.visible{opacity:1;pointer-events:auto}.summary-grid:not(.visible)>.summary-card{will-change:transform, opacity}.summary-grid.visible>.summary-card{animation:.15s forwards summary-fade-in;animation-delay:var(--summary-delay,0s)}body.mood-view .summary-grid.visible>.summary-card{animation-delay:var(--mood-delay,var(--summary-delay,0s))}body:not(.mood-view) .summary-grid.visible>.summary-card{animation-delay:var(--period-delay,var(--summary-delay,0s))}body.curve-detail-exiting .summary-grid.visible>.summary-card,body.curve-detail-active .summary-grid.visible>.summary-card{animation:none}body.mood-view .summary-grid [data-view]:not([data-view=mood]),body:not(.mood-view) .summary-grid [data-view]:not([data-view=period]){display:none}body.mood-view .summary-grid [data-view=mood]{order:var(--mood-order,999)}body:not(.mood-view) .summary-grid [data-view=period]{order:var(--period-order,999)}.summary-card{padding:var(--gap-s);opacity:0;position:relative}.summary-card.is-cycle-highlight-trigger{cursor:pointer}.summary-card--chart{grid-column:1/-1}.forecast-text{color:var(--card-description);margin:4px 0 12px}.period-alignment{color:var(--text);opacity:1;transition:grid-template-rows .35s var(--ease-out-expo), opacity 20ms ease, margin-top .35s var(--ease-out-expo);grid-template-rows:1fr;margin-top:12px;display:grid}.period-alignment-inner{overflow:hidden}#period-alignment-card.is-collapsed .period-alignment{opacity:0;grid-template-rows:0fr;margin-top:0}.summary-card-toggle{width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:9px;right:8px}.summary-card-toggle .material-symbols-rounded{font-size:28px;transition:transform .22s}#period-alignment-card.is-expanded .summary-card-toggle .material-symbols-rounded{transform:rotate(180deg)}.summary-card-toggle:focus-visible{outline:2px solid color-mix(in srgb, var(--text) 40%, transparent);outline-offset:2px}.alignment-item{opacity:1;border-top:1px solid #ccc;grid-template-columns:minmax(64px,.16fr) minmax(0,1fr);gap:12px;margin:0;padding:12px 4px 12px 0;display:grid}.alignment-item:last-child{border-bottom:0;padding-bottom:0}.horizon-label{text-transform:uppercase}.summary-card-title{display:inline}.summary-label{color:var(--muted);display:inline}.summary-card-title,.summary-label{font-size:1.2rem}.card-hint{color:var(--muted);margin-top:6px;font-size:.9rem;line-height:1.25}.cycle-irregularity-list{flex-direction:column;grid-template-columns:1fr 1fr;gap:4px;margin:12px 0 0;padding:0;list-style:none;display:none}.cycle-irregularity-list li{color:var(--card-description);align-items:center;gap:10px;margin-top:2px;display:flex}.cycle-irregularity-list li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:4px}.summary-grid small,.panel p{color:var(--muted)}.barchart{margin-top:8px}.barchart-plot{height:80px;position:relative}.barchart-threshold-line{pointer-events:none;opacity:.6;justify-content:flex-end;align-items:flex-end;height:0;margin-right:30px;display:flex;position:absolute;left:0;right:0}.barchart-threshold-line span{color:var(--color-bar);font-size:.9rem;line-height:1;position:absolute;top:-8px;right:-30px}#cycle-regularity-line-38,#cycle-regularity-line-24{border-top:1px solid var(--color-bar)}.barchart-bars{justify-content:space-between;align-items:flex-end;height:100%;display:flex}.barchart-bar{border:2px solid var(--color-bar);cursor:pointer;transform-origin:bottom;background-size:6px 6px;flex-shrink:0;width:32px;transition:opacity .15s;position:relative}.barchart-bar.is-split{background:0 0;border:none;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.barchart-seg{flex-shrink:0;width:100%}.barchart-seg--cycle{background:var(--color-bar);opacity:.25}.barchart-seg--period{background:var(--color-bar)}.barchart-bar.is-split.is-current{opacity:.8;outline:2px dashed var(--color-bar);outline-offset:2px}.barchart-bar:hover{--color-bar:#0009}.barchart-bar.is-irregular{--color-bar:var(--accent)}.barchart-bar.is-animating{animation:bar-grow var(--duration-chart-reveal) var(--ease-bounce) both;animation-delay:var(--bar-delay,0s)}.barchart-bar:hover{opacity:1}.barchart-labels,.barchart-bars{padding:0 60px 0 var(--gap-s)}.barchart-labels{justify-content:space-between;margin-top:6px;display:flex}.barchart-label{text-align:center;flex-shrink:0;width:32px}.ec-svg-wrap{margin-top:12px;position:relative}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.curve-chart-svg,.daily-bars-chart-svg{aspect-ratio:5}.daily-bars-line{stroke:var(--daily-bar-color,var(--text));stroke-linecap:round;opacity:.9;transition:opacity .18s,stroke-width .18s}.daily-bars-hit{pointer-events:all}.energy-daily-bars-svg .energy-curve-phase.is-dimmed,.mood-rhythm-daily-bars-svg .mood-rhythm-daily-bar.is-dimmed{opacity:.16}.energy-daily-bars-svg .energy-curve-phase.is-highlighted,.mood-rhythm-daily-bars-svg .mood-rhythm-daily-bar.is-highlighted{opacity:1}.chart-marker-line{stroke-linecap:round;stroke-width:1.5px;stroke:var(--marker-color,color-mix(in hsl, var(--phase-color) 86%, black))}.chart-marker-dot{fill:var(--marker-color,color-mix(in hsl, var(--phase-color) 86%, black));stroke:#fff;stroke-width:1.5px}.chart-marker-dot.pop{transform-origin:50%;transform-box:fill-box;animation:dot-pop .35s var(--ease-bounce) forwards}.energy-curve-phase{transition:opacity .18s,stroke-width .18s}.energy-curve-phase:not(.energy-curve-line){opacity:var(--curve-strip-opacity,.1)}.energy-curve-line{opacity:var(--curve-line-opacity,1)}#period-energy-card :is(.chart-marker-line,.chart-marker-dot){opacity:var(--chart-marker-opacity,0)}#period-energy-card .energy-daily-bars-svg :is(.chart-marker-line,.chart-marker-dot){opacity:1}#period-energy-card.phase-filter-active .energy-curve-phase.is-dimmed{opacity:.08}#period-energy-card.phase-filter-active .energy-curve-line.is-dimmed,#period-energy-card.phase-filter-active :is(.chart-marker-line,.chart-marker-dot).is-dimmed{opacity:.16}#period-energy-card.phase-filter-active :is(.chart-marker-line,.chart-marker-dot).is-highlighted{opacity:1}.chart-legend{margin-top:var(--gap-s);flex-wrap:wrap;gap:6px;display:flex}.chart-legend .pill:where([data-phase],[data-rhythm-window]){cursor:pointer}.chart-legend .pill:where([data-phase],[data-rhythm-window]):focus-visible{outline:2px solid var(--text);outline-offset:2px}.chart-legend .pill.is-active{transform:scale(1.05)}.mood-phase-chart{margin-top:-4px}.mood-phase-line{stroke-width:2.4px}.mood-trend-list{margin-top:12px}.mood-scatter-wrap{position:relative}.mood-scatter-grid{align-items:center;width:100%;display:grid}.mood-scatter-cell{justify-content:center;align-items:center;height:20px;display:flex}.mood-scatter-dot{aspect-ratio:1;background:var(--mood-color);border-radius:var(--radius-round)}.mood-scatter-month{text-align:center;margin-top:8px}.mood-scatter-col-overlay{pointer-events:none;display:grid;position:absolute;inset:0}.mood-scatter-col-hover{pointer-events:auto;cursor:default;border-radius:6px;transition:background .15s}.neutral-baseline{border-top:1px solid var(--color-neutral);opacity:.25;pointer-events:none;height:0;position:absolute;left:0;right:0}.today-mood-grid{flex-direction:row-reverse;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.today-mood-btn{border-radius:var(--radius-card);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 4px;transition:background .15s,transform .1s;display:flex}.today-mood-btn:active{transform:scale(.94)}.today-mood-icon{color:var(--mood-color);transition:opacity .15s}.today-mood-label{color:var(--mood-color);text-align:center;transition:opacity .15s}.today-mood-btn.is-active{background:color-mix(in srgb, var(--mood-color) 14%, transparent)}.today-mood-btn.is-active .today-mood-icon,.today-mood-btn.is-active .today-mood-label{opacity:1}#mood-rhythm-chart{margin-top:-4px}.mood-rhythm-area{opacity:1}.mood-rhythm-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px}.mood-rhythm-area-muted{fill:var(--surface-soft);opacity:.55}.mood-rhythm-daily-bars-svg .mood-rhythm-area-muted{fill:none}.mood-rhythm-line-muted{stroke:var(--muted);opacity:.32}.mood-rhythm-line-active{stroke:var(--color-elevated)}.mood-rhythm-line-dip{stroke:var(--color-fatigue)}.mood-rhythm-area-active,.mood-rhythm-line-active,.mood-rhythm-area-dip,.mood-rhythm-line-dip{cursor:pointer}#mood-rhythm-card.rhythm-window-filter-active [data-rhythm-window].is-dimmed{opacity:.16}.ov-date-row{align-items:flex-end;gap:16px;width:90%;margin-top:10px;display:flex}.ov-date-dot{background:var(--color-ovulatory);border-radius:var(--radius-round);aspect-ratio:1;opacity:.6;color:var(--text);flex:1;justify-content:center;align-items:center;max-width:56px;font-size:1.05rem;display:flex}.ov-date-dot.ov-peak{opacity:1}.period-checkin-row{gap:6px;margin-top:12px;display:flex}.period-checkin-day{border:1.5px solid var(--phase-color);border-radius:var(--radius-pill);min-width:0;color:var(--text);white-space:nowrap;opacity:.7;background:0 0;flex:1;padding:10px 2px;transition:background .18s,opacity .18s,transform .12s}.period-checkin-day:hover{opacity:1;transform:translateY(-1px)}.period-checkin-day.is-active{background:var(--phase-color);opacity:1}.rhythm-dot{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.label-tip{z-index:100;font-size:var(--font-size-tooltip);white-space:nowrap;pointer-events:none;opacity:0;border-radius:8px;padding:6px 10px;line-height:1.2;transition:opacity .15s,transform .15s;position:fixed;box-shadow:0 0 8px #00000026}.label-tip.visible{opacity:1}.mood-rhythm-area-active,.mood-rhythm-area-dip{cursor:pointer}.visual-calendar-head{border-bottom:var(--border);align-items:center;column-gap:var(--gap-s);grid-template-columns:var(--month-label-width) minmax(0, 1fr) auto;grid-template-areas:"year toggle nav";width:100%;height:48px;display:grid}.visual-calendar-head .muted{color:var(--muted)}.visual-calendar-head .week-row{flex:1}.visual-calendar-head h1{grid-area:year;justify-self:start}.visual-calendar-head strong{color:#000;letter-spacing:0;font-size:clamp(2.2rem,5vw,5rem);font-weight:400;line-height:1}.visual-calendar{width:100%;display:block;overflow:visible}.month-block{gap:var(--gap-s);display:flex}.visual-calendar .month-block{margin-bottom:8px}.year-fade{animation:.3s year-fade}.month-label{width:var(--month-label-width);z-index:9;font-size:var(--font-size-calendar);color:#000;height:calc(var(--font-size-calendar) * 1.5);flex-shrink:0;align-items:center;font-weight:400;line-height:1;display:flex;position:sticky;top:4px}.month-weeks{flex:1;gap:8px;display:grid}.week-row{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.visual-day{transition:opacity .2s}.calendar-dimmed .visual-day{opacity:.2}.calendar-dimmed .visual-day.tooltip-selected{opacity:1}.calendar-highlight-active .visual-day:not(.empty-day){opacity:.2}.calendar-highlight-active .visual-day.calendar-highlight-match,.calendar-highlight-active .visual-day.calendar-highlight-match.future-day{opacity:1}.calendar-highlight-active .visual-day.calendar-highlight-match .day-num{background:var(--calendar-highlight-bg,transparent);border:var(--calendar-highlight-border,0);outline:var(--calendar-highlight-outline,0);border-radius:var(--radius-round)}.visual-day{color:var(--text);cursor:pointer;font-size:var(--font-size-calendar);height:calc(var(--font-size-calendar) * 1.5);z-index:0;background:0 0;border:1.5px solid #0000;justify-content:center;align-items:center;min-width:0;padding:0;font-weight:400;line-height:1;display:flex;position:relative;overflow:visible}.visual-day:hover .day-num{border-radius:var(--radius-round);background:#0000000f}.visual-day:focus-visible{outline:3px solid var(--accent);outline-offset:4px;z-index:-1}.visual-day.today:hover:after{display:none}.visual-day.today.period-day{color:#000}.visual-day.today.period-day:after{display:none}.visual-day.period-day{border-color:#0000}.visual-day.period-day:before{border-bottom:var(--border);border-top:var(--border);content:"";pointer-events:none;z-index:-1;position:absolute;inset:-3px -2px}.visual-day.period-hover-match:before,body.period-style-filled .visual-day.period-hover-match:before{background:var(--color-menstrual);opacity:.8}.visual-day.period-start:before{border-left-color:var(--border-color);border-left-style:solid;border-left-width:var(--border-width);border-top-left-radius:999px;border-bottom-left-radius:999px;left:0}.visual-day.period-end:before{border-right-color:var(--border-color);border-right-style:solid;border-right-width:var(--border-width);border-top-right-radius:999px;border-bottom-right-radius:999px;right:0}body.period-style-filled .visual-day.period-day:before{background:var(--color-menstrual);border-radius:var(--radius-round);opacity:.6;border:none;width:1.75em;height:1.75em;top:50%;left:50%;transform:translate(-50%,-50%)}body.period-style-filled .visual-day.period-start:before,body.period-style-filled .visual-day.period-end:before{border-radius:var(--radius-round);border:none}.empty-day{pointer-events:none}.future-day{opacity:.2;pointer-events:none}.month-label.future-month{opacity:.2}.cal-mood-view .visual-day.ovulation-day:not(.today):after{display:none}.visual-day.ovulation-day:not(.today):after{content:"";border-radius:var(--radius-round);background:var(--color-ovulatory);opacity:1;width:6px;height:6px;display:none;position:absolute;bottom:-.1em;left:50%;transform:translate(-50%)}.cal-mood-view .visual-day[data-mood]{color:var(--mood-color)}.day-num{justify-content:center;align-items:center;width:1.75em;height:1.75em;transition:transform .18s;display:inline-flex}.visual-day.today .day-num{letter-spacing:-.02em}.visual-day.mood-just-set .day-num{animation:mood-pop .25s var(--ease-bounce) both}.goto-today-wrapper{z-index:1000;justify-content:flex-end;padding-right:4px;display:flex;position:sticky;bottom:40px}#goto-today{border-radius:24px}#goto-today .material-symbols-rounded{transition:transform .3s}#goto-today.flipped .material-symbols-rounded{transform:rotate(180deg)}.mood-menu{z-index:1000;background:0 0;display:none;position:fixed;inset:0}.mood-menu.visible{display:block}.mood-menu-inner{filter:drop-shadow(0 4px 20px #00000024);flex-direction:column;align-items:center;gap:8px;transition:opacity .18s,transform .18s;display:flex;position:absolute}.mood-menu-inner.flipped{flex-direction:column-reverse}.mood-btns{background:var(--surface-solid);border-radius:24px;gap:4px;padding:8px;display:grid;overflow:hidden}.mood-btn{background:var(--surface-solid);color:var(--mood-color);cursor:pointer;transform-origin:top;border:none;flex-direction:row;align-items:center;gap:6px;width:100%;padding:6px 16px 6px 10px;transition:background .12s,transform .1s;display:flex;position:relative}.mood-menu-inner.flipped .mood-btn{transform-origin:bottom}.mood-btn:before{content:"";border-radius:var(--radius-card);opacity:.25;background:var(--surface-solid);position:absolute;inset:0}.mood-btn:hover,.mood-btn.active{color:var(--mood-color)}:is(.mood-btn:hover,.mood-btn.active):before{background:var(--mood-color)}.mood-label{font-size:1rem;line-height:1}.mood-insight-label[data-mood]{color:var(--mood-color)}.insights-row{padding:var(--gap-s);grid-template-columns:1fr;gap:18px;height:100vh;display:grid}.insight-list{margin:var(--gap-s) 0 0;padding:0;list-style:none;display:grid}.insight-list li{font-size:var(--font-size-calendar);gap:4px;padding:8px 0;line-height:1.2em}.insight-list li:before{border-radius:var(--radius-round);content:"";background:#202124;flex-shrink:0;width:16px;height:16px;margin-right:16px;display:inline-block}body.loading{min-height:100vh}body.loading #app{opacity:0}body.loading #app-root{opacity:0;pointer-events:none}body.loading:after{background:var(--text);content:"";z-index:201;width:2px;height:40px;margin-top:-44px;margin-left:-1px;animation:.7s ease-in-out infinite spin;position:fixed;top:50%;left:50%}#app-root{z-index:1;transition:opacity .2s;position:relative}.login-screen{color:var(--text);z-index:300;grid-template-columns:minmax(320px,.78fr) 1fr;max-width:1200px;min-height:100vh;margin:0 auto;font-family:Outfit,Georgia,serif;display:grid;position:relative;overflow:hidden}.login-screen[hidden]{display:none}.login-copy,.login-preview{padding:clamp(28px,5vw,56px)}.login-copy{flex-direction:column;justify-content:center;gap:24px;display:flex}.login-brand-row{justify-content:space-between;align-items:center;display:flex}.login-screen h1{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:500;line-height:1}.login-message{gap:24px;max-width:520px;display:grid}.login-message p{color:var(--muted);max-width:440px;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.35}.signin-btn{background:var(--text);border-radius:var(--radius-pill);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:fit-content;margin-top:8px;padding:14px 24px;font-family:inherit;font-size:1rem;font-weight:500;transition:background .15s,transform .15s;display:inline-flex}.signin-btn:hover{background:#111;transform:translateY(-1px)}.signin-btn svg{flex-shrink:0}.login-preview{gap:var(--gap-s);align-content:center;padding-left:0;display:grid}.login-preview circle.pop{transform-origin:50%;transform-box:fill-box;animation:dot-pop .35s var(--ease-bounce) forwards}.auth-error{color:tomato;font-size:.9rem}.location-widget{color:var(--muted);letter-spacing:.01em;pointer-events:none;z-index:10;font-size:.78rem;line-height:1;position:fixed;bottom:24px;left:24px}#flo-toast{-webkit-backdrop-filter:var(--surface-blur);box-shadow:var(--card-shadow);color:#fff;border-radius:calc(var(--radius-control) / 2);letter-spacing:.01em;pointer-events:none;opacity:0;z-index:500;white-space:nowrap;background:#0009;width:280px;padding:10px 12px;transition:opacity .25s,transform .25s;position:fixed;bottom:24px;left:24px;transform:translate(0)translateY(6px)}#flo-toast.flo-toast-visible{opacity:1;transform:translate(0)translateY(0)}#flo-toast.flo-toast-exit{opacity:0;transition:opacity .4s,transform .4s;transform:translate(0)translateY(4px)}.app-left>section{padding:0 16px}.curve-multi-chart{margin-top:12px}.curve-multi-chart svg{aspect-ratio:400/72;width:100%;height:auto;display:block}.curve-multi-line{fill:none;stroke:var(--color-curve);opacity:var(--curve-opacity,1);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.curve-today-line{stroke:var(--marker-color,currentColor);stroke-dasharray:2 2;stroke-width:2px;opacity:.75}.curve-multi-legend{flex-wrap:wrap;gap:8px 14px;margin-top:6px;display:flex}.curve-multi-legend-item{color:var(--metric-color,var(--muted));white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.curve-multi-legend-dot{background:var(--metric-color,currentColor);border-radius:1px;flex-shrink:0;width:14px;height:2px;display:inline-block}#mood-phase-desc{margin-bottom:-6px}.wellness-chart{margin-top:8px}.wellness-hit-area,.curve-chart-hit-area{stroke:#0000;stroke-width:16px;fill:none;cursor:default;pointer-events:stroke}.curve-chart-tooltip{z-index:100;background:var(--surface-glass);pointer-events:none;opacity:0;border-radius:10px;min-width:200px;max-width:340px;padding:10px 12px;transition:opacity .15s;position:fixed;box-shadow:0 2px 10px #0000001f}.curve-chart-tooltip.visible{opacity:1}.curve-chart-tooltip-header{align-items:baseline;gap:6px;margin-bottom:2px;display:flex}.curve-chart-tooltip-name{color:var(--metric-color,var(--text));font-weight:500}.curve-chart-tooltip-text{font-size:var(--font-size-tooltip);color:var(--text);line-height:1.25}.wellness-chart svg{width:100%;height:100%}.wellness-today-hit,.curve-today-hit{stroke:#0000;stroke-width:16px;pointer-events:stroke;cursor:default}.curve-chart-today-row{color:var(--text);justify-content:space-between;gap:16px;padding:1px 0;font-size:.9rem;display:flex}.curve-chart-today-label{color:var(--color-curve);font-weight:500}.curve-chart-marker-dot{fill:var(--marker-color,var(--color-curve));pointer-events:none;opacity:0;transition:opacity .1s}.curve-chart-marker-dot.visible{opacity:1}.curve-chart-marker-line{stroke:var(--marker-color,var(--color-curve));stroke-width:1px;pointer-events:none;opacity:0;transition:all .1s}.curve-chart-marker-line.visible{opacity:.5}#wellness-detail-btn,#mood-phase-detail-btn{display:none}.app-left,.app-left>.toolbar,.compact-header,.summary-grid>.summary-card{transition:opacity .24s ease, transform .3s var(--ease-out-expo)}body.curve-detail-exiting .app-left,body.curve-detail-active .app-left{pointer-events:none}body.curve-detail-active .app-left{visibility:hidden}body.curve-detail-exiting .app-left>.toolbar,body.curve-detail-exiting .compact-header,body.curve-detail-exiting .summary-grid>.summary-card,body.curve-detail-active .app-left>.toolbar,body.curve-detail-active .compact-header,body.curve-detail-active .summary-grid>.summary-card{opacity:0;transform:translateY(-12px)}.curve-detail-body{margin-top:16px}.curve-detail-panel{z-index:300;opacity:0;pointer-events:none;transition:opacity var(--duration-panel-in) var(--ease-out-expo), transform var(--duration-panel-slide) var(--ease-out-expo);background:0 0;padding:16px 16px 32px;position:fixed;inset:0;overflow-y:auto;transform:translateY(18px)}.curve-detail-panel.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.curve-detail-back{box-shadow:none;z-index:1;background:0 0;border:none;padding:4px}.curve-detail-chart-card{opacity:1;margin-bottom:12px}.curve-detail-chart-card svg{width:100%;height:auto}.curve-detail-chart-card .summary-card-title{margin-bottom:12px;display:block}.curve-detail-title-muted{color:var(--muted);font-weight:400}.curve-detail-sections{opacity:1;padding:var(--gap-s)}.curve-detail-divider{background:#00000012;height:1px;margin:0}.curve-detail-metric{padding:14px 0}.curve-detail-metric:first-child{padding-top:0}.curve-detail-metric:last-child{padding-bottom:0}.curve-detail-metric-header{align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.curve-detail-metric-name{color:var(--metric-color,var(--text))}.curve-detail-metric-level{color:var(--muted)}.curve-detail-metric-desc{color:var(--text);line-height:1.25}.compact-avatar-wrap{flex-shrink:0;align-items:center;display:flex;position:relative}.compact-avatar-dropdown{background:var(--surface-solid);border-radius:var(--radius-card);z-index:100;min-width:120px;padding:4px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 4px 20px #0000001f}.compact-signout-btn{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;width:100%;padding:10px 14px;font-size:.9rem}.compact-signout-btn:hover{background:var(--surface-soft)}.compact-avatar-btn{border-radius:50%;flex-shrink:0;width:36px;height:36px;padding:0;overflow:hidden}.compact-user-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.compact-view-toggle{gap:8px;display:flex}.compact-toggle-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;display:flex;position:relative}.compact-toggle-btn:after{content:"";background:var(--text);opacity:0;width:48px;height:2px;transition:opacity .15s;display:block;position:absolute;bottom:-12px}body:not(.mood-view) #compact-cal-period,body.mood-view #compact-cal-mood{color:var(--text)}body:not(.mood-view) #compact-cal-period:after,body.mood-view #compact-cal-mood:after{opacity:1}@media (hover:none){.summary-card.is-cycle-highlight-trigger,.chart-legend .pill:where([data-phase],[data-rhythm-window]),.mood-rhythm-area-active,.mood-rhythm-area-dip{cursor:default}.calendar-highlight-active .visual-day:not(.empty-day){opacity:1}.calendar-highlight-active .visual-day.calendar-highlight-match .day-num{background:0 0;border:none;border-radius:0;outline:none}#wellness-detail-btn,#mood-phase-detail-btn{display:inline-flex}}@media (width<=1199px){.workspace,.insights-row{grid-template-columns:1fr}.summary-grid{width:100%}.compact-header{top:var(--gap-s);right:var(--gap-s);z-index:200;align-items:center;gap:8px;display:flex;position:fixed}body.show-calendar span.icon-show-calendar{display:none}body.show-calendar span.icon-show-summary{display:flex}body.show-calendar .app-left{display:none}body.show-calendar .workspace-wrapper{flex-direction:column;padding:40px 80px 0;display:flex;position:fixed;inset:0;overflow:hidden}}@media (width<=679px){:root{--font-size-calendar:1.2rem;--month-label-width:36px}h1{font-size:1.5rem}.location-widget{display:none}.app-left>section{padding:0}.barchart-labels,.barchart-bars{padding:0 40px 0 0}#menu-btn{top:unset;left:unset;position:static}.cycle-irregularity-list{grid-template-columns:1fr}.compact-header{top:unset;right:unset;z-index:unset;background:var(--surface-glass);border-radius:var(--radius-pill);box-shadow:var(--card-shadow);margin-bottom:var(--gap-s);justify-content:space-between;padding:8px 10px;position:static}.today-mood-btn{font-size:.8rem}#flo-toast{left:var(--gap-s);right:var(--gap-s);bottom:var(--gap-s);width:auto}.app-left{padding:var(--gap-s)}.toolbar{display:none}.summary-grid{grid-template-columns:1fr}.chart-legend{gap:4px}.month-block{gap:0}.month-label span{overflow-wrap:anywhere;height:clamp(34px,9vw,44px)}.visual-day{height:clamp(34px,9vw,44px)}.visual-calendar-head{grid-template-columns:minmax(0,1fr) auto;gap:8px}.login-screen{overflow:auto}.login-copy,.login-preview{padding:24px}.login-brand-row{margin-bottom:64px}body.show-calendar #menu-btn{display:none}body.show-calendar .workspace-wrapper{padding:40px 16px 0}body.mobile-menu-open .toolbar{justify-content:flex-start;gap:var(--gap-m);background:var(--surface-glass);width:75vw;max-width:300px;-webkit-backdrop-filter:var(--surface-blur);backdrop-filter:var(--surface-blur);z-index:300;padding:var(--gap-m);box-shadow:var(--card-shadow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}body.mobile-menu-open .app-shell:before{content:"";z-index:250;background:#00000040;position:fixed;inset:0}}@media (width>=680px) and (width<=1199px){#menu-btn{display:none}.app-shell{height:100vh;overflow:clip hidden}.app-left{grid-template-columns:minmax(80px,1fr) 3.5fr minmax(80px,1fr);height:100vh;min-height:0;padding:0 24px;display:grid;overflow:clip hidden}.toolbar{z-index:2;flex-direction:column;grid-column:1;align-self:start;padding-top:24px;display:flex;position:sticky;top:0}.app-left>section{scrollbar-width:none;grid-column:2;min-height:0;padding-top:24px;padding-bottom:24px;overflow:clip auto}.app-left>section::-webkit-scrollbar{width:0;height:0;display:none}.compact-view-toggle,.compact-avatar-wrap,body.show-calendar .app-left{display:none}}@media (width>=1200px){.app-shell{min-height:100vh;max-width:var(--max-width);grid-template-columns:minmax(140px,auto) 1fr 1fr;column-gap:24px;margin:0 auto;padding:0 40px;display:grid}.app-left{grid-column:1/3;grid-template-columns:subgrid;height:100vh;padding:40px 0;display:grid;overflow-y:auto}.app-left>.toolbar{align-self:start;position:sticky;top:0}.workspace-wrapper{flex-direction:column;grid-column:3;padding:40px 0 0;display:flex}}