:root{--ribbon-period:#f43f7e;--ribbon-fertile:#f59e0b;--ribbon-ovulation:#ff7a1a;--ribbon-theday:#ef4444;--ribbon-neutral:#8aa0c8;--ribbon-base:#0d0f1e;--ribbon-stroke:34px}.page-layout{flex:1;grid-template-columns:1fr;align-items:stretch;width:100%;min-width:600px;max-width:950px;margin:0 auto;display:grid}.page-layout.advisor-collapsed{grid-template-columns:1fr}.advisor-indicator{z-index:10;cursor:pointer;container-type:inline-size;width:56px!important;height:56px!important;box-shadow:none!important;background:0 0!important;border:none!important;margin-left:-28px!important;padding:0!important;animation:4s ease-in-out infinite float-advisor!important;position:absolute!important;inset:auto auto 12px 60%!important}@keyframes float-advisor{0%{transform:translateY(0)rotate(2deg)}50%{transform:translateY(-4px)rotate(2deg)}to{transform:translateY(0)rotate(2deg)}}@container (min-width:90px){.advisor-indicator{width:64px!important;height:64px!important;margin-left:-32px!important;bottom:13px!important}}@container (min-width:110px){.advisor-indicator{width:72px!important;height:72px!important;margin-left:-36px!important;bottom:14px!important}}@container (min-width:130px){.advisor-indicator{width:80px!important;height:80px!important;margin-left:-40px!important;bottom:16px!important}}.advisor-placard-wrapper{pointer-events:none;z-index:10;transform-origin:50% 100%;filter:drop-shadow(0 4px 6px #0000004d);opacity:1;flex-direction:column;align-items:center;font-size:20cqw;animation:1s cubic-bezier(.34,1.56,.64,1) forwards raise-and-hold;display:flex;position:absolute;bottom:10%;left:20%;transform:translate(-50%)rotate(-5deg)}@keyframes raise-and-hold{0%{opacity:0;transform:translate(-50%)translateY(2em)rotate(60deg)}to{opacity:1;transform:translate(-50%)translateY(0)rotate(-5deg)}}.advisor-placard-wrapper.ovulation-placard,.advisor-placard-wrapper.period-placard,.advisor-placard-wrapper.the-day-placard,.advisor-placard-wrapper.fertile-placard,.advisor-placard-wrapper.headache-placard{animation:1s cubic-bezier(.34,1.56,.64,1) forwards raise-and-hold-right;left:auto;right:12%;transform:translate(50%)rotate(5deg)}@keyframes raise-and-hold-right{0%{opacity:0;transform:translate(50%)translateY(2em)rotate(-60deg)}to{opacity:1;transform:translate(50%)translateY(0)rotate(5deg)}}.advisor-placard-sign{background:var(--placard-bg);color:var(--placard-text);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;border:.1em solid var(--placard-border);z-index:2;border-radius:.6em;padding:.4em .8em;font-size:1em;font-weight:800;position:relative;box-shadow:inset 0 .1em .1em #fff9}.advisor-placard-stick{z-index:-1;background:linear-gradient(90deg,#444,#777,#333);border-radius:.2em;width:.4em;height:3.5em;position:relative;top:-.2em}.calendar-container{background:var(--glass-bg);border:1px solid var(--primary-accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;flex-direction:column;flex:1;padding:1.2rem;display:flex;box-shadow:0 10px 30px -10px #00000080}.advisor-container{background:var(--glass-bg);border:1px solid var(--primary-accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:24px;flex-direction:column;min-height:220px;padding:1.2rem;display:flex;box-shadow:0 10px 30px -10px #00000080}.advisor-content-wrapper{flex-direction:column;flex:1;display:flex}.advisor-card-carousel{flex-direction:column;flex:1;justify-content:center;padding:1rem 0;display:flex}.advisor-card{width:100%}.advice-text-container{flex:1}.advisor-navigation{border-top:1px solid var(--glass-border);justify-content:center;align-items:center;gap:1rem;margin-top:auto;padding-top:1rem;display:flex}.nav-indicator{color:var(--primary-accent);text-align:center;min-width:40px;font-size:.85rem;font-weight:600}.nav-btn-sm{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .2s;display:inline-flex}.nav-btn-sm:hover{background:var(--primary-accent);color:var(--bg-dark)}.cycle-saying-btn{background:color-mix(in srgb, var(--primary-accent) 10%, transparent);border:1px dashed var(--primary-accent);color:var(--primary-accent);cursor:pointer;border-radius:8px;align-items:center;gap:.3rem;margin-top:.8rem;padding:.4rem .8rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.advisor-divider{background:linear-gradient(90deg,#0000,#ffffff1a 20% 80%,#0000);border:0;height:1px;margin:0}.advisor-stats-section{flex-direction:column;display:flex}.cycle-saying-btn:hover{background:var(--primary-accent);color:var(--bg-dark);border-style:solid}.cycle-saying-container{justify-content:center;margin-top:auto;padding-top:.5rem;padding-bottom:.5rem;display:flex}.advisor-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:.5rem;display:flex}.highlight-toggle-btn{border:1px solid var(--glass-border);cursor:pointer;width:32px;height:32px;color:var(--primary-accent);background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.highlight-toggle-btn:hover{color:var(--primary-accent);box-shadow:0 0 8px color-mix(in srgb, var(--primary-accent) 30%, transparent);background:#ffffff14}.highlight-toggle-btn.active{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2473;box-shadow:0 0 12px #fbbf2459}.highlight-toggle-btn.active .bulb-icon{fill:#fbbf24da;filter:drop-shadow(0 0 4px #fbbf24e6)}.cycle-day-badge{background:color-mix(in srgb, var(--primary-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--primary-accent) 30%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 12px color-mix(in srgb, var(--primary-accent) 10%, transparent);border-radius:12px;align-items:center;gap:.5rem;padding:.4rem .8rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:3s infinite alternate pulse-glow;display:flex}.cycle-day-badge:hover{background:color-mix(in srgb, var(--primary-accent) 18%, transparent);border-color:color-mix(in srgb, var(--primary-accent) 50%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--primary-accent) 25%, transparent);transform:translateY(-1px)}.cycle-day-label{text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;font-size:.75rem;font-weight:600}.cycle-day-number{color:var(--primary-accent);font-size:1.1rem;font-weight:600}@keyframes pulse-glow{0%{box-shadow:0 0 8px color-mix(in srgb, var(--primary-accent) 5%, transparent)}to{box-shadow:0 0 16px color-mix(in srgb, var(--primary-accent) 20%, transparent)}}.advisor-title{align-items:center;gap:.6rem;margin:0;font-size:1.8rem;font-weight:700;display:flex}.advisor-title-icon{width:auto;height:84px;filter:drop-shadow(0 2px 4px color-mix(in srgb, var(--primary-accent) 40%, transparent))}.lila-text{color:var(--primary-accent)}.advisor-p{color:var(--primary-accent);white-space:pre-line;margin:0;font-size:.95rem;font-style:italic;line-height:1.6}.advisor-p strong{font-weight:700}.no-data-advisor{text-align:center;color:var(--text-dim);flex:1;justify-content:center;align-items:center;padding:2rem 0;display:flex}.advisor-content{flex-direction:column;gap:1rem;display:flex}.advice-section{align-items:flex-start;gap:.8rem;display:flex}.status-icon{flex-shrink:0;font-size:1.3rem;line-height:1.4}.advisor-divider{border:none;border-top:1px solid var(--glass-border);margin:.2rem 0}.notes-section{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.notes-section-footer{flex-direction:column;gap:.5rem;margin-top:1.2rem;display:flex}.advisor-column{flex-direction:column;gap:1rem;display:flex}.notes-container{background:var(--glass-bg);border:1px solid var(--primary-accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:24px;flex-direction:column;flex:1;padding:1.2rem;display:flex;box-shadow:0 10px 30px -10px #00000080}.notes-title-container{color:#fff;align-items:center;gap:.6rem;margin:0 0 1rem;font-size:1.2rem;font-weight:700;display:flex}.notes-purple-icon{stroke:var(--primary-accent);fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--primary-accent) 50%, transparent))}.notes-title{color:var(--primary-accent);margin:0;font-size:.95rem;font-weight:600}.notes-content-area{flex-direction:column;flex:1;display:flex}.notes-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.no-notes-placeholder{color:#fff6;text-align:center;padding:.6rem;font-size:.85rem;font-style:italic;line-height:1.4}.notes-item{border:1px solid var(--glass-border);background:#ffffff05;border-radius:8px;align-items:center;gap:.6rem;padding:.4rem .6rem;font-size:.85rem;transition:transform .3s,opacity .3s;display:flex}.notes-item.deleting{opacity:0;transform:translate(-100%)}.note-cycle-day{border:1px solid var(--primary-accent);width:24px;height:24px;color:var(--primary-accent);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.note-date{color:var(--primary-accent);flex-shrink:0;font-weight:600}.note-text{color:#cbd5e1;word-break:break-word}.calendar-header{border-bottom:1px solid var(--glass-border);flex-wrap:wrap;align-items:center;gap:1.5rem;width:100%;margin-bottom:0;padding-bottom:.25rem;display:flex;position:relative}.calendar-header-status{border-bottom:0;padding-bottom:0}.header-left{z-index:2;flex-shrink:0;align-items:center;gap:.6rem;width:240px;padding-right:1.2rem;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s;display:flex;position:relative}.header-left.collapsed{width:0;padding-right:0;overflow:visible}.header-left.collapsed .advisor-log-card{opacity:0;visibility:hidden;pointer-events:none}.header-left .log-btn{white-space:nowrap}.header-center{flex:1;justify-content:center;align-items:center;gap:.75rem;display:flex}.header-right{z-index:2;justify-content:flex-end;align-items:center;display:flex;position:relative}.calendar-container:not(.no-periods) .calendar-header:not(.ribbon-tutorial-calendar-header):not(.calendar-header-status){margin-top:-1.2rem;padding-top:.7rem;padding-bottom:.7rem}@media (min-width:769px){.calendar-header:not(.ribbon-tutorial-calendar-header):not(.calendar-header-status){flex-wrap:nowrap}.calendar-container:not(.no-periods) .calendar-header:not(.ribbon-tutorial-calendar-header):not(.calendar-header-status) .header-center{z-index:1;flex:0 auto;max-width:min(58vw,720px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar-header:not(.ribbon-tutorial-calendar-header):not(.calendar-header-status) .header-right{margin-left:auto}}.current-month-title{color:var(--primary-accent);white-space:nowrap;margin:0;font-size:1.5rem;font-weight:700}.current-month-title .purple-highlight{color:var(--primary-accent)}.current-month-title .year-label{color:var(--text-strong)}.cycle-title-wrapper{vertical-align:middle;align-items:center;gap:.6rem;display:inline-flex}.cycle-title-prefix{text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--primary-accent) 10%, transparent);color:var(--primary-accent);border:1px solid color-mix(in srgb, var(--primary-accent) 30%, transparent);border-radius:6px;padding:.15rem .5rem;font-size:.75rem;font-weight:700;line-height:1.2}.cycle-title-dates{color:#fff;font-size:1.15rem;font-weight:700;line-height:1.2}@media (max-width:768px){.cycle-title-dates{font-size:1.05rem}.cycle-title-prefix{padding:.1rem .4rem;font-size:.65rem}.cycle-title-wrapper{gap:.4rem}}@media (max-width:480px){.cycle-title-dates{font-size:1rem}.cycle-title-prefix{border-radius:4px;padding:.05rem .3rem;font-size:.6rem}.cycle-title-wrapper{gap:.3rem}}@media (max-width:360px){.cycle-title-dates{font-size:.9rem}.cycle-title-prefix{display:none}}.nav-btn{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex}.nav-btn:hover{background:var(--primary-accent);color:var(--bg-dark)}.weekdays{text-align:center;color:#fff;grid-template-columns:repeat(7,1fr);justify-content:center;gap:6px;margin-bottom:.5rem;font-weight:700;display:grid}.days-grid{flex:1;grid-template-columns:repeat(7,1fr);grid-auto-rows:auto;justify-content:center;gap:6px;display:grid}.day-cell{border:1px solid var(--glass-border);cursor:pointer;background:#ffffff05;border-radius:12px;flex-direction:column;height:100%;min-height:85px;padding:.4rem;transition:all .2s;display:flex;position:relative;overflow:visible;container-type:inline-size}.day-cell:hover{z-index:150;background:#ffffff14;transform:translateY(-2px)}.day-cell:focus-visible,.cycle-cell:focus-visible{outline:2px solid var(--primary-accent);outline-offset:2px;z-index:160}.day-num{color:#ffffff73;font-size:1.1rem;font-weight:500}.not-current-month{opacity:.65;transition:opacity .2s}.not-current-month:hover{opacity:1}.day-cell.today{border:2px solid var(--primary-accent);background:color-mix(in srgb, var(--primary-accent) 8%, transparent);box-shadow:0 0 15px color-mix(in srgb, var(--primary-accent) 35%, transparent)}.today .cycle-day-num,.today .day-num{background:var(--primary-accent);width:24px;height:24px;box-shadow:0 2px 8px color-mix(in srgb, var(--primary-accent) 40%, transparent);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex;color:var(--bg-dark)!important}.legend{color:#f1f5f9;justify-content:center;margin-top:1.2rem;font-size:.95rem;font-weight:500;display:flex}.legend-grid{grid-template-columns:repeat(4,minmax(150px,auto));align-items:center;gap:.8rem 2rem;display:grid}.legend-item{align-items:center;gap:.5rem;display:flex}.swatch{border:1px solid var(--glass-border);border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:inline-flex}.today-swatch{color:var(--primary-accent);background:0 0;font-weight:700;border:1px solid var(--primary-accent)!important;box-shadow:none!important;border-radius:50%!important}.day-cell.has-notes:not(.period-day):not(.predicted-period):not(.fertile):not(.ovulation):not(.the-day):not(.predicted-the-day){background:color-mix(in srgb, var(--primary-accent) 8%, transparent);border-color:color-mix(in srgb, var(--primary-accent) 20%, transparent)}.the-day{animation:1.5s ease-in-out infinite alternate threatPulse;background:radial-gradient(circle,#c1121f6b 0%,#020617e6 100%)!important;border-color:#c1121f!important}.the-day .cycle-day-num,.the-day .day-num{color:#ef4444!important}.minimal-view .day-cell,.minimal-view .cycle-cell{justify-content:flex-start!important;min-height:52px!important;padding:.2rem!important}.minimal-view .day-cell.has-label .cell-label-text,.minimal-view .day-cell.has-label .the-day-text,.minimal-view .cycle-cell.has-label .cell-label-text,.minimal-view .cycle-cell.has-label .the-day-text{text-align:center!important;width:auto!important;font-size:clamp(.52rem,9cqw,.95rem)!important;line-height:1!important;position:absolute!important;top:clamp(21px,24cqw,26px)!important;left:0!important;right:0!important;transform:none!important}.minimal-view .day-cell.has-label .the-day-text,.minimal-view .cycle-cell.has-label .the-day-text{font-size:clamp(.58rem,10cqw,1.05rem)!important}.day-cycle-num{opacity:.6;color:#ffffffd9;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:clamp(16px,18cqw,28px);height:clamp(16px,18cqw,28px);font-size:clamp(.65rem,10cqw,1.1rem);font-weight:600;line-height:1;display:inline-flex;position:absolute;top:clamp(3px,5cqw,8px);right:clamp(4px,6cqw,10px)}.minimal-view .the-day,.minimal-view .cycle-cell.the-day{background:linear-gradient(135deg,#991b1b40 0%,#02061799 100%)!important;border-color:#991b1b!important;box-shadow:0 0 8px #991b1b40!important}.minimal-view .predicted-the-day,.minimal-view .cycle-cell.predicted-the-day{background:#991b1b08!important;border-color:#991b1b99!important}.minimal-indicator{pointer-events:auto;justify-content:center;align-items:center;width:clamp(14px,16cqw,24px);height:clamp(14px,16cqw,24px);display:flex;position:absolute}.minimal-indicator.the-day-indicator,.minimal-indicator.ovulation-indicator,.minimal-indicator.fertile-indicator,.minimal-indicator.period-indicator.start-period-indicator{width:clamp(18px,20cqw,26px)!important;height:clamp(18px,20cqw,26px)!important;top:clamp(2px,3cqw,5px)!important;bottom:auto!important;left:clamp(2px,3cqw,5px)!important}.minimal-indicator.fertile-indicator svg{color:#f59e0b;width:100%!important;height:100%!important}.minimal-indicator.ovulation-indicator svg{width:100%!important;height:100%!important}.ovulation-ovum-icon{stroke:#f97316;stroke-width:2px;fill:none;filter:drop-shadow(0 0 3px #f97316bf)}.ovulation-ovum-icon .ovum-core{fill:#f97316;stroke:none}.period-drop-icon{fill:#f43f5e;filter:drop-shadow(0 0 2px #f43f5e73);width:clamp(12px,15cqw,20px);height:clamp(12px,15cqw,20px)}.start-period-indicator .period-drop-icon{width:clamp(14px,17cqw,22px);height:clamp(14px,17cqw,22px)}.minimal-indicator.period-indicator{top:clamp(3px,5cqw,9px);bottom:auto;left:clamp(4px,6cqw,10px)}.minimal-indicator.period-indicator .period-drop{font-size:clamp(12px,15cqw,22px);line-height:1}.minimal-indicator.period-indicator.start-period-indicator .period-drop{font-size:clamp(14px,17cqw,22px)!important}.minimal-indicator.period-indicator.predicted{opacity:.65}.minimal-indicator.period-indicator.overlap-period-indicator{top:auto!important;bottom:clamp(4px,6cqw,10px)!important;left:clamp(4px,6cqw,10px)!important}.minimal-indicator.the-day-indicator svg{stroke:#e63946;stroke-width:2.2px;width:100%!important;height:100%!important}.minimal-indicator.the-day-indicator.predicted svg{stroke-dasharray:2 2;opacity:.6}.minimal-indicator.headache-indicator,.minimal-indicator.notes-indicator{-webkit-backdrop-filter:blur(4px);z-index:10;background:color-mix(in srgb, var(--primary-accent) 12%, #0c0b18b3);width:clamp(24px,12cqw,34px);height:clamp(24px,12cqw,34px);box-shadow:inset 0 0 8px color-mix(in srgb, var(--primary-accent) 15%, transparent);justify-content:center;align-items:center;padding:0;display:flex;bottom:0;transform:none}.minimal-indicator.headache-indicator{border-top:1px solid color-mix(in srgb, var(--primary-accent) 20%, transparent);border-right:1px solid color-mix(in srgb, var(--primary-accent) 20%, transparent);border-top-right-radius:clamp(10px,4cqw,14px);border-bottom-left-radius:11px;left:0;right:auto}.minimal-indicator.notes-indicator{border-top:1px solid color-mix(in srgb, var(--primary-accent) 20%, transparent);border-left:1px solid color-mix(in srgb, var(--primary-accent) 20%, transparent);border-top-left-radius:clamp(10px,4cqw,14px);border-bottom-right-radius:11px;left:auto;right:0}.minimal-indicator.headache-indicator svg{color:color-mix(in srgb, var(--primary-accent) 80%, #4f46e5);stroke:color-mix(in srgb, var(--primary-accent) 80%, #4f46e5);fill:color-mix(in srgb, var(--primary-accent) 80%, #4f46e5);filter:none;width:55%!important;height:55%!important}.minimal-indicator.notes-indicator svg{color:color-mix(in srgb, var(--primary-accent) 80%, #4f46e5);stroke:color-mix(in srgb, var(--primary-accent) 80%, #4f46e5);filter:none;width:55%!important;height:55%!important}[data-theme-base=light] .minimal-indicator.headache-indicator,[data-theme-base=light] .minimal-indicator.notes-indicator{background:color-mix(in srgb, var(--primary-accent) 16%, #ffffffd9);border-top-color:color-mix(in srgb, var(--primary-accent) 25%, transparent)}[data-theme-base=light] .minimal-indicator.headache-indicator{border-right-color:color-mix(in srgb, var(--primary-accent) 25%, transparent)}[data-theme-base=light] .minimal-indicator.notes-indicator{border-left-color:color-mix(in srgb, var(--primary-accent) 25%, transparent)}.period-connected-left .minimal-indicator.headache-indicator,.pred-connected-left .minimal-indicator.headache-indicator,.fertile-connected-left .minimal-indicator.headache-indicator{border-bottom-left-radius:0!important}.period-connected-right .minimal-indicator.notes-indicator,.pred-connected-right .minimal-indicator.notes-indicator,.fertile-connected-right .minimal-indicator.notes-indicator{border-bottom-right-radius:0!important}.minimal-view .cycle-day-center-wrapper{flex-grow:0!important;margin-top:24px!important;margin-bottom:6px!important}.cell-label-text{text-transform:uppercase;text-align:center;letter-spacing:.05em;margin:auto 0;font-size:.65rem;font-weight:600;line-height:1.1}.period-text{color:#f43f5e;text-shadow:0 0 4px #f43f5e66}.period-text.predicted{color:#f43f5ebf;text-shadow:none;font-size:.6rem}.ovulation-text{color:#ff4500;text-shadow:0 0 4px #ff450066}.fertile-text{color:#f59e0b;text-shadow:0 0 4px #f59e0b4d}.headache-text{color:var(--primary-accent);text-shadow:0 0 4px color-mix(in srgb, var(--primary-accent) 40%, transparent)}.the-day-text{color:#e63946;text-shadow:0 0 5px #c1121fd9,0 0 10px #c1121f73;text-transform:uppercase;text-align:center;letter-spacing:.08em;margin:auto 0;font-size:.68rem;font-weight:900;animation:2.5s ease-in-out infinite alternate textFlicker}@keyframes textFlicker{0%,to{opacity:.85}50%{opacity:1;text-shadow:0 0 8px #c1121f,0 0 15px #c1121f99}}.predicted-the-day{animation:2s ease-in-out infinite alternate threatPulse;background:radial-gradient(circle,#c1121f52 0%,#020617d9 100%)!important;border:1.5px dashed #c1121f!important}.predicted-the-day .cycle-day-num,.predicted-the-day .day-num{color:#ef4444!important}.the-day-text.predicted{color:#e63946bf;text-shadow:none;font-size:.6rem;animation:none}.the-day-highlight{background:linear-gradient(135deg,#991b1b26 0%,#02061766 100%);border:1px solid #991b1b4d;border-radius:16px;align-items:center;gap:.8rem;padding:.8rem 1rem;display:flex;box-shadow:0 4px 15px #991b1b26}.the-day-highlight .status-icon{font-size:1.6rem;animation:3s ease-in-out infinite float}.the-day-highlight .warning-text{color:#f87171!important;font-style:normal!important}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes threatPulse{0%{border-color:#7f1d1d;box-shadow:0 0 5px #991b1b4d}to{border-color:#b91c1c;box-shadow:0 0 20px #991b1bbf}}@keyframes skullShake{0%{transform:translate(0)rotate(0)}20%{transform:translate(-1px,1px)rotate(-2deg)}40%{transform:translate(1px,-1px)rotate(2deg)}60%{transform:translate(-1px,-1px)rotate(-2deg)}80%{transform:translate(1px,1px)rotate(2deg)}to{transform:translate(0)rotate(0)}}.period-day{background:#f43f5e33;border-color:#f43f5e66}.period-day .day-num{color:var(--danger-color)}.predicted-period{box-shadow:inset 0 0 10px #f43f5e33;background:#f43f5e0d!important;border:1.5px dashed #f43f5ecc!important}.the-day-swatch{background:radial-gradient(circle,#c1121f6b 0%,#020617e6 100%)!important;border-color:#c1121f!important}.predicted-the-day-swatch{background:radial-gradient(circle,#c1121f52 0%,#020617d9 100%)!important;border:1.5px dashed #c1121f!important;box-shadow:inset 0 0 10px #c1121f2e!important}.predicted-skull{stroke:#b91c1c!important;stroke-width:2.5px!important;stroke-dasharray:2 2!important;opacity:.65!important;fill:none!important}.fertile{box-shadow:inset 0 0 8px #f59e0b26;background:#f59e0b0a!important;border:1.5px dashed #f59e0b99!important}.ovulation{background:#f59e0b0a!important;border:1.5px dashed #f59e0bcc!important;box-shadow:inset 0 0 8px #f59e0b26!important}.indicators-grid{grid-template-columns:1fr auto 1fr;align-items:end;width:100%;margin-top:auto;padding-top:4px;display:grid}.indicator-col{flex-direction:column;gap:4px;display:flex}.col-left{align-items:flex-start}.col-center{justify-content:center;align-self:end;align-items:center}.col-right{align-items:flex-end}.indicator-slot{align-items:center;min-height:18px;display:flex}.col-left .indicator-slot{justify-content:flex-start}.col-center .indicator-slot{justify-content:center}.col-right .indicator-slot{justify-content:flex-end}.indicator{justify-content:center;align-items:center;font-size:1.15rem;display:inline-flex}.indicator.period{justify-content:center;align-items:center;width:18px;height:18px;font-size:1.15rem;line-height:1;display:inline-flex;transform:translateY(1px)}.predicted-icon{opacity:.55;filter:saturate(.85)}.svg-icon{stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:18px;height:18px}.headache-icon{stroke:var(--primary-accent);fill:var(--primary-accent);filter:drop-shadow(0 0 2px color-mix(in srgb, var(--primary-accent) 60%, transparent))}.skull-icon{stroke:var(--primary-accent);filter:drop-shadow(0 0 2px color-mix(in srgb, var(--primary-accent) 50%, transparent))}.centered-skull{margin:0 auto 4px;display:block;stroke:#b91c1c!important;stroke-width:2.5px!important;filter:drop-shadow(0 0 2px #b91c1c99)!important;width:18px!important;height:18px!important}.the-day-text.predicted .centered-skull{stroke-dasharray:2 2!important;opacity:.65!important;filter:none!important}@media (max-width:768px){.centered-skull{margin-bottom:2px;width:14px!important;height:14px!important}}@media (max-width:480px){.centered-skull{margin-bottom:1px;width:12px!important;height:12px!important}}.other-icon{stroke:#3b82f6;fill:none;filter:drop-shadow(0 0 2px #3b82f680)}.ovulation-logo-img{object-fit:contain;filter:hue-rotate(110deg)saturate(1.8)brightness(1.1)drop-shadow(0 0 2px #10b98199);width:22px;height:22px}.danger-icon{stroke:#f59e0bb3;fill:#f59e0b26;filter:drop-shadow(0 0 2px #f59e0b66)}@media (max-width:1024px){.page-layout{grid-template-columns:1fr}}@media (max-width:768px){.calendar-container{border-radius:18px;padding:.8rem}.calendar-header{grid-template-columns:auto auto;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.6rem;display:grid}.calendar-container:not(.no-periods) .calendar-header:not(.ribbon-tutorial-calendar-header):not(.calendar-header-status){margin-top:-.8rem;padding-top:.5rem;padding-bottom:.5rem}.header-left{justify-content:flex-start;width:auto!important;padding-right:0!important}.header-center{grid-area:2/1/auto/-1;justify-content:center}.header-right{justify-content:flex-end;display:flex}.current-month-title{white-space:nowrap;text-overflow:ellipsis;font-size:1.2rem;overflow:hidden}.nav-btn{width:36px;min-width:36px;height:36px;font-size:1rem}.log-btn{white-space:nowrap;border-radius:12px!important;padding:.5rem .8rem!important;font-size:.8rem!important}.view-toggle{border-radius:10px;padding:2px}.view-toggle-btn{border-radius:8px;padding:.3rem .6rem;font-size:.75rem}.days-grid{gap:4px}.day-cell{border-radius:8px;min-height:48px;padding:.2rem}.cycle-day-num,.day-num{font-size:.85rem}.day-cell.today .cycle-day-num,.day-cell.today .day-num{width:18px!important;height:18px!important;font-size:.65rem!important}.desktop-text{display:none}.mobile-text{display:inline}.indicators-grid{padding-top:2px}.indicator-col{gap:2px}.indicator-slot{min-height:13px}.indicator{font-size:.55rem}.svg-icon{width:13px;height:13px}.minimal-indicator.fertile-indicator svg,.minimal-indicator.ovulation-indicator img,.minimal-indicator.the-day-indicator svg{width:100%!important;height:100%!important}.minimal-indicator.ovulation-indicator,.minimal-indicator.the-day-indicator,.minimal-indicator.fertile-indicator,.minimal-indicator.period-indicator.start-period-indicator{width:18px!important;height:18px!important;top:2px!important;bottom:auto!important;left:2px!important}.minimal-indicator.period-indicator.start-period-indicator .period-drop{font-size:15px!important}.minimal-indicator.fertile-indicator.position-period,.minimal-indicator.fertile-indicator.position-next-to-period,.minimal-indicator.period-indicator{top:3px;bottom:auto;left:3px}.minimal-indicator.period-indicator.overlap-period-indicator{top:auto!important;bottom:3px!important;left:3px!important}.day-cycle-num{top:2px;right:2px}.minimal-view .day-cell.has-label .cycle-day-num{top:2px;left:3px}.minimal-view .cycle-cell.has-label .cycle-day-num{top:2px;right:3px}.ovulation-logo-img{width:15px;height:15px}.cell-label-text{letter-spacing:0;font-size:.68rem}.cycle-cell.has-label .cell-label-text,.cycle-cell.has-label .the-day-text,.day-cell.has-label .cell-label-text,.day-cell.has-label .the-day-text,.minimal-view .cycle-cell.has-label .cell-label-text,.minimal-view .cycle-cell.has-label .the-day-text,.minimal-view .day-cell.has-label .cell-label-text,.minimal-view .day-cell.has-label .the-day-text{letter-spacing:.02em!important;font-size:.7rem!important;font-weight:600!important;position:static!important}.minimal-indicator.period-indicator .period-drop{font-size:11px}.the-day-text{letter-spacing:0;font-size:.68rem}.the-day-text.predicted{font-size:.62rem}.legend{margin-top:.8rem;font-size:.75rem}.legend-grid{grid-template-columns:1fr 1fr;gap:.5rem 1rem}.legend-item{gap:.35rem}.swatch{border-radius:3px;width:14px;height:14px;font-size:8px}.advisor-column{gap:1rem}.advisor-container{border-radius:18px;min-height:180px;padding:1rem}.advisor-header{margin-bottom:.8rem;padding-bottom:.4rem}.advisor-title{gap:.4rem;font-size:1.3rem}.advisor-title-icon{height:52px}.advisor-p{font-size:.85rem;line-height:1.5}.cycle-saying-btn{padding:.35rem .7rem;font-size:.7rem}.nav-btn-sm{width:30px;height:30px;font-size:.9rem}.nav-indicator{font-size:.8rem}.cycle-day-card{border-radius:18px;padding:1rem}.cycle-day-circle{width:50px;height:50px}.cycle-day-big-num{font-size:1.2rem}.cycle-day-total{font-size:.6rem}.cycle-day-card-title{font-size:1rem}.cycle-day-card-subtitle{font-size:.75rem}.cog-icon{width:1.1rem;height:1.1rem}.notes-container{border-radius:18px;padding:1rem}.notes-title-container{gap:.4rem;margin-bottom:.6rem;font-size:1rem}.notes-item{padding:.3rem .5rem;font-size:.8rem}}@media (max-width:480px){.calendar-container{border-radius:14px;padding:.6rem}.calendar-header{gap:.4rem}.calendar-container:not(.no-periods) .calendar-header:not(.ribbon-tutorial-calendar-header):not(.calendar-header-status){margin-top:-.6rem;padding-top:.4rem;padding-bottom:.4rem}.current-month-title{font-size:1rem}.nav-btn{width:32px;min-width:32px;height:32px;font-size:.9rem}.log-btn{border-radius:10px!important;padding:.45rem .6rem!important;font-size:.75rem!important}.view-toggle-btn{padding:.25rem .45rem;font-size:.7rem}.days-grid{gap:3px}.day-cell{border-radius:6px;min-height:44px;padding:.15rem}.cycle-day-num,.day-num{font-size:.75rem}.day-cell.today .cycle-day-num,.day-cell.today .day-num{width:20px;height:20px;font-size:.7rem}.indicator{font-size:.5rem}.svg-icon{stroke-width:2.5px;width:11px;height:11px}.minimal-indicator.fertile-indicator svg,.minimal-indicator.ovulation-indicator img,.minimal-indicator.the-day-indicator svg{width:100%!important;height:100%!important}.minimal-indicator.ovulation-indicator,.minimal-indicator.the-day-indicator,.minimal-indicator.fertile-indicator,.minimal-indicator.period-indicator.start-period-indicator{width:15px!important;height:15px!important;top:1px!important;bottom:auto!important;left:1px!important}.minimal-indicator.period-indicator.start-period-indicator .period-drop{font-size:12px!important}.minimal-indicator.fertile-indicator.position-period,.minimal-indicator.fertile-indicator.position-next-to-period,.minimal-indicator.period-indicator{top:2px;bottom:auto;left:2px}.minimal-indicator.period-indicator.overlap-period-indicator{top:auto!important;bottom:2px!important;left:2px!important}.day-cycle-num{top:1px;right:1px}.minimal-view .day-cell.has-label .cycle-day-num{top:1px;left:2px}.minimal-view .cycle-cell.has-label .cycle-day-num{top:1px;right:2px}.ovulation-logo-img{width:13px;height:13px}.cell-label-text{letter-spacing:0;font-size:.62rem}.cycle-cell.has-label .cell-label-text,.cycle-cell.has-label .the-day-text,.day-cell.has-label .cell-label-text,.day-cell.has-label .the-day-text,.minimal-view .cycle-cell.has-label .cell-label-text,.minimal-view .cycle-cell.has-label .the-day-text,.minimal-view .day-cell.has-label .cell-label-text,.minimal-view .day-cell.has-label .the-day-text{letter-spacing:.01em!important;font-size:.66rem!important;font-weight:600!important;position:static!important}.minimal-indicator.period-indicator .period-drop{font-size:9px}.the-day-text{font-size:.62rem}.the-day-text.predicted{font-size:.56rem}.legend-grid{grid-template-columns:1fr 1fr;gap:.4rem .6rem}.legend{font-size:.65rem}.swatch{width:12px;height:12px;font-size:7px}.advisor-container{border-radius:14px;min-height:150px;padding:.8rem}.advisor-title{font-size:1.1rem}.advisor-title-icon{height:42px}.advisor-p{font-size:.8rem}.cycle-day-card{border-radius:14px;padding:.8rem}.cycle-day-circle{width:44px;height:44px}.cycle-day-big-num{font-size:1.1rem}.cycle-day-card-title{font-size:.9rem}.notes-container{border-radius:14px;padding:.8rem}.cycle-grid{grid-template-columns:repeat(7,1fr);gap:3px}.cycle-cell{border-radius:6px;min-height:44px;padding:.15rem}.cycle-day-num{font-size:.85rem}.cycle-weekday{font-size:.5rem}.cycle-date-label{font-size:.55rem}.cycle-header-title{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden;font-size:.85rem!important}}@media (max-width:360px){.header-left{gap:.3rem}.current-month-title{font-size:.85rem}.nav-btn{width:28px;min-width:28px;height:28px;font-size:.8rem}.day-cell{border-radius:5px;min-height:40px}.day-num{font-size:.7rem}.svg-icon{width:10px;height:10px}.legend-grid{grid-template-columns:1fr;gap:.3rem}.log-btn{padding:.4rem .5rem!important;font-size:.7rem!important}}@media (hover:none) and (pointer:coarse){.day-cell:hover,.cycle-cell:hover{transform:none}.day-cell:active,.cycle-cell:active{background:#ffffff1f;transition:transform .1s;transform:scale(.97)}.nav-btn:active,.nav-btn-sm:active{transition:transform .1s;transform:scale(.9)}.cycle-saying-btn:active{transform:scale(.95)}}.active-tip-svg{vertical-align:middle;width:24px;height:24px;display:inline-block;stroke:var(--primary-accent)!important;fill:color-mix(in srgb, var(--primary-accent) 15%, transparent)!important;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--primary-accent) 50%, transparent))!important}.category-period .active-tip-svg,.category-beforePeriod .active-tip-svg{stroke:#f43f5e!important;fill:#f43f5e26!important;filter:drop-shadow(0 0 2px #f43f5e80)!important}.category-fertile .active-tip-svg,.category-beforeFertile .active-tip-svg{stroke:#f59e0b!important;fill:#f59e0b26!important;filter:drop-shadow(0 0 2px #f59e0b80)!important}.category-theDay .active-tip-svg,.category-beforeTheDay .active-tip-svg{stroke:#b91c1c!important;fill:#991b1b26!important;filter:drop-shadow(0 0 2px #991b1b80)!important}@keyframes pulseFertile{0%{border-color:#f59e0b66;box-shadow:0 0 5px #f59e0b33}to{border-color:#f59e0b;box-shadow:0 0 15px #f59e0ba6}}@keyframes pulseTheDay{0%{border-color:#991b1b66;box-shadow:0 0 5px #991b1b33}to{border-color:#991b1b;box-shadow:0 0 15px #991b1ba6}}@keyframes pulsePeriod{0%{border-color:#f43f5e66;box-shadow:0 0 5px #f43f5e33}to{border-color:#f43f5e;box-shadow:0 0 15px #f43f5ea6}}.highlight-fertile-active{animation:1.5s ease-in-out infinite alternate pulseFertile;border-width:1.5px!important}.highlight-the-day-active{animation:1.5s ease-in-out infinite alternate pulseTheDay;border-width:1.5px!important}.highlight-period-active{animation:1.5s ease-in-out infinite alternate pulsePeriod;border-width:1.5px!important}.highlight-today-active{animation:1.5s ease-in-out infinite alternate pulseToday;border-width:2.2px!important}@keyframes pulseToday{0%{box-shadow:0 0 5px color-mix(in srgb, var(--primary-accent) 20%, transparent);border-color:color-mix(in srgb, var(--primary-accent) 40%, transparent)}to{box-shadow:0 0 15px color-mix(in srgb, var(--primary-accent) 65%, transparent);border-color:color-mix(in srgb, var(--primary-accent) 100%, transparent)}}.advisor-header-actions{align-items:center;gap:.75rem;display:flex}.settings-cog-btn{cursor:pointer;color:var(--text-dim);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.3rem;transition:all .3s;display:flex}.settings-cog-btn:hover{color:var(--primary-accent);background:color-mix(in srgb, var(--primary-accent) 10%, transparent);transform:rotate(45deg)}.cog-icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:1.3rem;height:1.3rem}.settings-status-box{text-align:center;background:#ffffff05;border:1px dashed #ffffff14;border-radius:8px;margin-top:1.2rem;margin-bottom:.5rem;padding:.8rem}.status-info-text{color:var(--primary-accent);filter:drop-shadow(0 0 2px color-mix(in srgb, var(--primary-accent) 20%, transparent));font-size:.85rem;font-weight:500}.error-text{color:#ef4444;margin-top:.4rem;font-size:.8rem;display:block}.cycle-day-card{background:var(--glass-bg);border:1px solid var(--primary-accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:24px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px -10px #00000080}.cycle-day-card-content{align-items:center;gap:1.2rem;display:flex}.cycle-day-circle{background:color-mix(in srgb, var(--primary-accent) 8%, transparent);border:2px solid color-mix(in srgb, var(--primary-accent) 25%, transparent);width:58px;height:58px;box-shadow:0 0 15px color-mix(in srgb, var(--primary-accent) 10%, transparent);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;animation:3s infinite alternate pulse-glow;display:flex}.cycle-day-big-num{color:var(--primary-accent);font-size:1.4rem;font-weight:600;line-height:1}.cycle-day-total{color:#ffffff80;margin-top:.15rem;font-size:.65rem;font-weight:600;line-height:1}.cycle-day-details{flex-direction:column;flex:1;gap:.2rem;display:flex}.cycle-day-title-row{justify-content:space-between;align-items:center;display:flex}.cycle-day-card-title{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.cycle-day-card-date{color:#ffffff73;margin-left:.35rem;font-size:.8em;font-weight:500}.cycle-day-card-subtitle{color:#ffffff80;font-size:.8rem;font-weight:500}.settings-cog-btn.inline-cog{padding:.2rem}.header-right{justify-self:end;align-items:center;gap:.8rem;display:flex}.log-btn{box-shadow:0 2px 10px color-mix(in srgb, var(--primary-accent) 25%, transparent)!important;border-radius:12px!important;padding:.45rem 1rem!important;font-size:.85rem!important;font-weight:700!important}.view-toggle{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:12px;gap:2px;padding:3px;display:flex}.view-toggle-btn{color:#ffffff80;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:.35rem .9rem;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.view-toggle-btn:hover{color:#fffc;background:#ffffff0d}.view-toggle-btn.active{background:var(--primary-accent);color:var(--bg-dark);box-shadow:0 2px 10px color-mix(in srgb, var(--primary-accent) 35%, transparent)}.nav-btn-disabled{opacity:.25;pointer-events:none;cursor:not-allowed!important}.cycle-header-title{white-space:nowrap;font-size:1.3rem!important}.cycle-title-text-white{color:#fff}.cycle-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);justify-content:center;gap:8px;margin-bottom:.5rem;display:grid}.cycle-weekday-header{color:#fff;text-transform:none;letter-spacing:normal;padding:.2rem 0;font-size:.85rem;font-weight:700}.cycle-grid{flex:1 0 auto;grid-template-columns:repeat(7,1fr);grid-auto-rows:auto;justify-content:center;gap:6px;display:grid}.cycle-zone-divider{background:var(--primary-accent);opacity:.5;grid-column:1/-1;align-self:center;height:1px;margin:.75rem 0}.cycle-cell{border:1px solid var(--glass-border);cursor:pointer;background:#ffffff05;border-radius:12px;flex-direction:column;height:100%;min-height:85px;padding:.4rem;transition:all .2s;display:flex;position:relative;overflow:visible;container-type:inline-size}.cycle-cell:hover{z-index:150;background:#ffffff14;transform:translateY(-2px)}.day-cell.outside-cycle{opacity:.55}.day-cell.outside-cycle,.cycle-cell.outside-cycle{min-height:42px}.minimal-view .day-cell.outside-cycle,.minimal-view .cycle-cell.outside-cycle{min-height:26px!important}.day-cell.outside-cycle .cycle-day-center-wrapper,.cycle-cell.outside-cycle .cycle-day-center-wrapper{margin-top:2px!important;margin-bottom:2px!important}.cycle-cell.outside-cycle{opacity:.75}.day-cell.outside-cycle:not(.predicted-period) .cell-label-text,.day-cell.outside-cycle:not(.predicted-period) .the-day-text,.cycle-cell.outside-cycle:not(.predicted-period) .cell-label-text,.cycle-cell.outside-cycle:not(.predicted-period) .the-day-text{display:none!important}.day-cell.outside-cycle:hover,.cycle-cell.outside-cycle:hover{opacity:1}.day-cell.outside-cycle:not(.period-day):not(.predicted-period):not(.fertile):not(.ovulation):not(.the-day):not(.predicted-the-day),.cycle-cell.outside-cycle:not(.period-day):not(.predicted-period):not(.fertile):not(.ovulation):not(.the-day):not(.predicted-the-day){background:#ffffff04;border-style:dashed}.cycle-cell-header{text-align:center;justify-content:center;margin:0;padding:0;line-height:1;display:flex;position:absolute;top:clamp(4px,5cqw,8px);left:0;right:0}.day-cell-header{text-align:right;justify-content:flex-end;margin:0;padding:0;line-height:1;display:flex;position:absolute;top:clamp(4px,5cqw,8px);right:clamp(4px,5cqw,8px)}.day-cycle-circle-num{color:#fff;opacity:.85;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:clamp(18px,20cqw,24px);height:clamp(18px,20cqw,24px);font-size:clamp(.55rem,8cqw,.8rem);font-weight:600;display:inline-flex}.day-cell.period-day .day-cycle-circle-num{color:#ef4444!important;border-color:#ef444466!important}.day-cell.predicted-period .day-cycle-circle-num{color:#ef4444cc!important;border-color:#ef44444d!important}.day-cell.fertile .day-cycle-circle-num,.day-cell.ovulation .day-cycle-circle-num{color:#eab308!important;border-color:#eab30866!important}.day-cell.the-day .day-cycle-circle-num{color:#ef4444!important;border-color:#c1121f8c!important}.day-cell.predicted-the-day .day-cycle-circle-num{color:#ef4444!important;border-color:#c1121f66!important}.day-cell.today:not(.period-day):not(.predicted-period):not(.fertile):not(.ovulation):not(.the-day):not(.predicted-the-day) .day-cycle-circle-num{color:var(--primary-accent)!important;border-color:var(--primary-accent)!important;background:0 0!important}.cycle-day-center-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;flex-grow:0!important;margin-top:24px!important;margin-bottom:6px!important}.period-boundary-sublabel{text-transform:uppercase;color:#f43f5e;text-shadow:0 0 4px #f43f5e4d;letter-spacing:.05em;font-size:clamp(.55rem,6cqw,.65rem);font-weight:600;line-height:1}.period-boundary-sublabel.ribbon-sublabel{text-align:center;font-size:clamp(.55rem,6cqw,.62rem);position:absolute;bottom:8px;left:0;right:0}.cycle-cell.has-label .cell-label-text,.cycle-cell.has-label .the-day-text,.day-cell.has-label .cell-label-text,.day-cell.has-label .the-day-text,.minimal-view .cycle-cell.has-label .cell-label-text,.minimal-view .cycle-cell.has-label .the-day-text,.minimal-view .day-cell.has-label .cell-label-text,.minimal-view .day-cell.has-label .the-day-text{letter-spacing:.05em!important;margin-top:4px!important;margin-bottom:auto!important;font-size:clamp(.6rem,7cqw,.7rem)!important;font-weight:500!important;position:static!important}.cycle-day-num{color:#fff;text-align:center;font-size:1.15rem;font-weight:500;line-height:1}.cycle-cell .cycle-day-num{border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:clamp(28px,30cqw,36px);height:clamp(28px,30cqw,36px);line-height:1;display:inline-flex}.cycle-cell.period-day .cycle-day-num{border-color:#ef444466!important}.cycle-cell.predicted-period .cycle-day-num{border-color:#ef44444d!important}.cycle-cell.fertile .cycle-day-num,.cycle-cell.ovulation .cycle-day-num{border-color:#f59e0b66!important}.cycle-cell.the-day .cycle-day-num{border-color:#c1121f8c!important}.cycle-cell.predicted-the-day .cycle-day-num{border-color:#c1121f66!important}.cycle-weekday{color:#fff;text-transform:none;letter-spacing:normal;font-size:.65rem;font-weight:700}.cycle-date-label{color:#ffffff73;font-size:clamp(.7rem,9cqw,.95rem);font-weight:600;line-height:1}.mobile-date{display:none}@media (max-width:480px){.desktop-date{display:none}.mobile-date{display:inline}}@media (min-width:481px){.mobile-text{display:none}}.cycle-cell.today{border:2px solid var(--primary-accent);background:color-mix(in srgb, var(--primary-accent) 8%, transparent);box-shadow:0 0 15px color-mix(in srgb, var(--primary-accent) 35%, transparent)}.cycle-cell.today .cycle-day-num{background:var(--primary-accent);width:clamp(28px,30cqw,36px);height:clamp(28px,30cqw,36px);box-shadow:0 2px 8px color-mix(in srgb, var(--primary-accent) 40%, transparent);justify-content:center;align-items:center;display:inline-flex;color:var(--bg-dark)!important;border:none!important;border-radius:50%!important}.cycle-cell.period-day{background:#f43f5e26;border-style:solid!important;border-color:#f43f5e66!important}.period-day .cycle-day-num{color:#ef4444!important}.cycle-cell.predicted-period{box-shadow:inset 0 0 6px #f43f5e1a;background:#f43f5e08!important;border:1.5px dashed #f43f5e80!important}.cycle-cell.fertile{background:#f59e0b08!important;border:1.5px dashed #f59e0b73!important}.fertile .cycle-day-num{color:#f59e0b!important}.cycle-cell.ovulation{box-shadow:none!important;background:#f59e0b08!important;border:1.5px dashed #f59e0b99!important}.ovulation .cycle-day-num{color:#f59e0b!important}.cycle-cell.the-day{animation:1.5s ease-in-out infinite alternate threatPulse;background:radial-gradient(circle,#c1121f6b 0%,#020617e6 100%)!important;border-style:solid!important;border-color:#c1121f!important}.the-day .cycle-day-num{color:#ef4444!important}.cycle-cell.predicted-the-day{background:#c1121f0f!important;border:1.5px dashed #c1121f99!important}.predicted-the-day .cycle-day-num{color:#ef4444!important}.cycle-cell.has-notes:not(.period-day):not(.predicted-period):not(.fertile):not(.ovulation):not(.the-day):not(.predicted-the-day){background:color-mix(in srgb, var(--primary-accent) 8%, transparent);border-color:color-mix(in srgb, var(--primary-accent) 20%, transparent)}.cycle-cell.highlight-fertile-active{animation:1.5s ease-in-out infinite alternate pulseFertile;border-width:1.5px!important}.cycle-cell.highlight-the-day-active{animation:1.5s ease-in-out infinite alternate pulseTheDay;border-width:1.5px!important}.cycle-cell.highlight-period-active{animation:1.5s ease-in-out infinite alternate pulsePeriod;border-width:1.5px!important}.cycle-cell.highlight-today-active{animation:1.5s ease-in-out infinite alternate pulseToday;border-width:2.2px!important}.today .cycle-day-num,.today .day-num,.cycle-cell.today .cycle-day-num{background:var(--primary-accent)!important;color:var(--bg-dark)!important;box-shadow:0 2px 8px color-mix(in srgb, var(--primary-accent) 40%, transparent)!important;border-radius:50%!important}@media (max-width:900px){.view-toggle{order:-1}.header-right{flex-wrap:wrap;justify-content:flex-end}.cycle-header-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:1rem!important}.cycle-weekdays,.cycle-grid{grid-template-columns:repeat(7,1fr);gap:4px}}@media (max-width:768px){.weekdays{margin-bottom:.5rem;font-size:.75rem;font-weight:700}.weekday{padding:.2rem 0}}@media (max-width:480px){.weekdays{font-size:.65rem}}.calendar-body-layout{flex:1;align-items:stretch;gap:1.5rem;width:100%;display:flex}.calendar-sidebar{opacity:1;border-right:none;flex-direction:column;flex-shrink:0;gap:1rem;width:240px;margin-top:0;padding-top:.5rem;padding-right:1.2rem;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s;display:flex;overflow:hidden}.calendar-sidebar.collapsed{opacity:0;pointer-events:none;border-right:none;width:0;padding-right:0}.calendar-sidebar.sidebar-disabled{opacity:.72;filter:saturate(.75)}.calendar-sidebar.sidebar-disabled button,.floating-sidebar-toggle:disabled{cursor:not-allowed}.sidebar-tabs{background:0 0;border:1px solid #ffffff1a;border-radius:10px;min-width:220px;margin-bottom:1rem;padding:0;display:flex;overflow:hidden}.sidebar-tab-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 0;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.sidebar-tab-btn:first-child{border-right:1px solid #ffffff0d}.sidebar-tab-btn:hover{color:#ffffffe6;background:#ffffff05}.sidebar-tab-btn.active{background:color-mix(in srgb, var(--primary-accent) 5%, transparent);color:var(--primary-accent);border-bottom:2px solid var(--primary-accent)}.sidebar-tab-icon{align-items:center;display:flex}.sidebar-tab-icon .svg-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.sidebar-tab-badge{background:color-mix(in srgb, var(--primary-accent) 15%, transparent);color:var(--primary-accent);border-radius:12px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 .4rem;font-size:.7rem;font-weight:600;line-height:1;display:flex}.sidebar-single-header{background:color-mix(in srgb, var(--primary-accent) 5%, transparent);border:1px solid color-mix(in srgb, var(--primary-accent) 15%, transparent);min-width:220px;color:var(--primary-accent);letter-spacing:.03em;text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;display:flex}.sidebar-content{scrollbar-width:thin;scrollbar-color:var(--primary-accent) transparent;flex-direction:column;flex:1;min-width:220px;display:flex;overflow-y:auto}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:0 0}.sidebar-content::-webkit-scrollbar-thumb{background-color:var(--primary-accent);border-radius:2px}.sidebar-content .notes-list{gap:.5rem}.sidebar-content .notes-item{flex-direction:column;align-items:flex-start;gap:.3rem;padding:.6rem}.sidebar-content .note-header{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.notes-item{position:relative}.note-header-left{align-items:center;gap:8px;display:flex}.note-delete-btn{cursor:pointer;opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s,transform .1s;display:flex}.note-delete-btn:hover{opacity:1}.note-delete-btn:active{opacity:1;transform:scale(.9)}.notes-item.undo-pending{border-color:color-mix(in srgb, var(--primary-accent) 35%, transparent)!important;background:color-mix(in srgb, var(--primary-accent) 8%, transparent)!important}.note-undo-bar{justify-content:space-between;align-items:center;gap:.6rem;width:100%;display:flex}.note-undo-label{color:var(--text-muted);align-items:center;gap:.45rem;font-size:.8rem;display:flex}.note-undo-label svg{opacity:.7;flex-shrink:0}.note-undo-btn{border:1px solid color-mix(in srgb, var(--primary-accent) 50%, transparent);color:var(--primary-accent);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;padding:.25rem .6rem;font-size:.72rem;font-weight:700;transition:background .15s,transform .1s}.note-undo-btn:hover{background:color-mix(in srgb, var(--primary-accent) 18%, transparent)}.note-undo-btn:active{background:color-mix(in srgb, var(--primary-accent) 25%, transparent);transform:scale(.95)}.note-delete-circle{border:1.5px solid var(--primary-accent);width:24px;height:24px;color:var(--primary-accent);box-shadow:0 0 8px color-mix(in srgb, var(--primary-accent) 30%, transparent);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.note-delete-btn:hover .note-delete-circle{background:color-mix(in srgb, var(--primary-accent) 15%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--primary-accent) 50%, transparent)}.calendar-grid-area{flex-direction:column;flex:1;min-width:0;min-height:440px;padding-top:.5rem;display:flex;position:relative}
.ribbon-tutorial-panel{background:radial-gradient(circle at 14% 20%, color-mix(in srgb, var(--primary-accent) 24%, transparent), transparent 34%), linear-gradient(135deg, #19173fd1, #070a19e0 58%, #060812d1);border:1px solid color-mix(in srgb, var(--primary-accent) 48%, var(--glass-border));width:100%;min-height:100px;box-shadow:0 18px 48px #0000005c, 0 0 0 1px color-mix(in srgb, var(--primary-accent) 18%, transparent) inset;border-radius:18px;align-items:center;gap:1.1rem;padding:.5rem .85rem;display:flex;position:relative;overflow:hidden}.ribbon-tutorial-panel.animate-slide-down{animation:.76s cubic-bezier(.16,1,.3,1) forwards ribbonTutorialPanelEnter}.ribbon-tutorial-panel.animate-slide-down:before{content:"";background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--primary-accent) 94%, #fff), transparent);opacity:0;width:4px;box-shadow:0 0 22px color-mix(in srgb, var(--primary-accent) 62%, transparent);pointer-events:none;border-radius:0 999px 999px 0;animation:.76s cubic-bezier(.16,1,.3,1) forwards ribbonTutorialAccentRail;position:absolute;top:14%;bottom:14%;left:0}@keyframes ribbonTutorialPanelEnter{0%{opacity:0;filter:blur(4px);box-shadow:0 10px 28px #0000002e, 0 0 0 1px color-mix(in srgb, var(--primary-accent) 10%, transparent) inset;transform:translate(-78px)scale(.985)}68%{opacity:1;filter:blur();box-shadow:0 22px 56px #0000006b, 0 0 0 1px color-mix(in srgb, var(--primary-accent) 24%, transparent) inset, 0 0 30px color-mix(in srgb, var(--primary-accent) 16%, transparent);transform:translate(4px)scale(1)}to{opacity:1;filter:blur();box-shadow:0 18px 48px #0000005c, 0 0 0 1px color-mix(in srgb, var(--primary-accent) 18%, transparent) inset;transform:translate(0)}}@keyframes ribbonTutorialAccentRail{0%{opacity:0;transform:translate(-6px)scaleY(.35)}35%{opacity:1;transform:translate(0)scaleY(1)}to{opacity:.72;transform:translate(0)scaleY(1)}}.calendar-header.ribbon-tutorial-calendar-header{flex-wrap:nowrap;align-items:center;gap:0;padding-top:.05rem;padding-bottom:.7rem}.header-left.ribbon-tutorial-header-left{flex:100%;width:100%;min-width:0;padding-right:0}.ribbon-tutorial-advisor{flex:0 0 110px;justify-content:center;align-items:center;display:flex;position:relative}.ribbon-tutorial-advisor-img{width:110px;height:auto;max-height:110px;filter:drop-shadow(0 10px 22px #0000006b) drop-shadow(0 0 20px color-mix(in srgb, var(--primary-accent) 45%, transparent))}@keyframes advisorExitLeft{0%{opacity:1;filter:blur();transform:translate(0)scale(1)}to{opacity:0;filter:blur(3px);transform:translate(-72px)scale(.72)}}@keyframes advisorExitRight{0%{opacity:1;filter:blur();transform:translate(0)scale(1)}to{opacity:0;filter:blur(3px);transform:translate(72px)scale(.72)}}@keyframes advisorEnterRight{0%{opacity:0;filter:blur(3px);transform:translate(72px)scale(.72)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}@keyframes advisorEnterLeft{0%{opacity:0;filter:blur(3px);transform:translate(-72px)scale(.72)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}.ribbon-tutorial-advisor-img.ribbon-tutorial-advisor-exit-left,.ribbon-tutorial-advisor-img.ribbon-tutorial-advisor-exit-right{margin:auto;position:absolute;inset:0}.ribbon-tutorial-advisor-img.ribbon-tutorial-advisor-exit-left{animation:.34s ease-in forwards advisorExitLeft}.ribbon-tutorial-advisor-img.ribbon-tutorial-advisor-exit-right{animation:.34s ease-in forwards advisorExitRight}.ribbon-tutorial-advisor-img.ribbon-tutorial-advisor-enter-right{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards advisorEnterRight}.ribbon-tutorial-advisor-img.ribbon-tutorial-advisor-enter-left{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards advisorEnterLeft}.ribbon-tutorial-content{flex:0 620px;min-width:0}.ribbon-tutorial-separator{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--primary-accent) 35%, var(--glass-border)), transparent);flex-shrink:0;align-self:stretch;width:1px;min-height:70px}.ribbon-tutorial-nav{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--primary-accent) 10%, transparent), transparent 58%), color-mix(in srgb, var(--primary-accent) 3%, #ffffff05);border:1px solid color-mix(in srgb, var(--primary-accent) 10%, transparent);border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.45rem;min-width:300px;padding:.55rem .65rem;display:flex;box-shadow:inset 0 1px #ffffff0d,0 6px 18px #0000001f}.ribbon-tutorial-nav.ribbon-tutorial-nav-final{border-color:color-mix(in srgb, var(--primary-accent) 5%, transparent);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--primary-accent) 5%, transparent), transparent 76%), #ffffff04;min-width:238px;padding:.18rem;box-shadow:inset 0 1px #ffffff06}.ribbon-tutorial-nav-label{color:var(--primary-accent);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;grid-area:label;justify-self:center;font-size:.72rem;font-weight:800}.ribbon-tutorial-lawyer-strip{z-index:28;background:radial-gradient(circle at 14% 20%, color-mix(in srgb, var(--primary-accent) 24%, transparent), transparent 34%), linear-gradient(135deg, #19173fd1, #070a19e0 58%, #060812d1);border:1px solid color-mix(in srgb, var(--primary-accent) 48%, var(--glass-border));width:min(640px,100% - 5rem);min-height:84px;box-shadow:0 18px 48px #0000005c, 0 0 0 1px color-mix(in srgb, var(--primary-accent) 18%, transparent) inset;pointer-events:none;border-radius:18px;align-items:center;gap:1.1rem;padding:.5rem .85rem;display:flex;position:absolute;bottom:3.4rem;left:50%;transform:translate(-50%)}.ribbon-tutorial-lawyer-strip-img{width:84px;height:auto;max-height:84px;filter:drop-shadow(0 10px 22px #0000006b) drop-shadow(0 0 20px color-mix(in srgb, var(--primary-accent) 45%, transparent));flex:none}.ribbon-tutorial-lawyer-strip-copy{min-width:0}.ribbon-tutorial-lawyer-strip-copy h3{color:var(--text-strong);letter-spacing:0;margin:0 0 .35rem;font-size:1.2rem;line-height:1.12}.ribbon-tutorial-lawyer-strip-copy p{color:color-mix(in srgb, var(--text-dim) 88%, #fff);white-space:pre-line;margin:0;font-size:clamp(.88rem,1.35vw,1rem);line-height:1.4}.ribbon-tutorial-skip-link{appearance:none;color:color-mix(in srgb, var(--text-muted) 86%, #fff);font:inherit;letter-spacing:0;text-transform:none;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-weight:400;text-decoration:underline;text-decoration-thickness:1px}.ribbon-tutorial-skip-link:hover,.ribbon-tutorial-skip-link:focus-visible{color:color-mix(in srgb, var(--text-strong) 72%, var(--text-muted))}.ribbon-tutorial-text-highlight{color:var(--primary-accent)}.ribbon-tutorial-text-highlight-extreme{color:var(--primary-accent);text-transform:uppercase;font-weight:900!important}.ribbon-tutorial-nav-controls{grid-template-columns:40px auto 40px;grid-template-areas:"label label label""prev progress next";align-items:center;gap:.55rem;display:grid}.ribbon-tutorial-nav-controls .nav-btn{border-radius:50%;width:40px;min-width:40px;height:40px;padding:0}.ribbon-tutorial-nav-controls .nav-btn:first-child{grid-area:prev}.ribbon-tutorial-nav-controls .ribbon-tutorial-progress{grid-area:progress}.ribbon-tutorial-nav-controls .ribbon-tutorial-next-btn{grid-area:next}.ribbon-tutorial-nav-controls .nav-btn.nav-btn-disabled{opacity:.58;color:color-mix(in srgb, var(--text-strong) 72%, var(--primary-accent));border-color:color-mix(in srgb, var(--primary-accent) 24%, var(--glass-border));background:color-mix(in srgb, var(--surface-2) 88%, #ffffff0a)}.ribbon-tutorial-progress{border:1px solid color-mix(in srgb, var(--primary-accent) 30%, #ffffff24);min-width:76px;height:44px;color:color-mix(in srgb, var(--text-strong) 88%, var(--primary-accent));letter-spacing:0;box-shadow:0 0 12px color-mix(in srgb, var(--primary-accent) 10%, transparent) inset;background:#080a1a6b;border-radius:16px;justify-content:center;align-items:center;padding:0 .9rem;font-size:1.2rem;font-weight:800;display:inline-flex}.ribbon-tutorial-progress-current{color:var(--primary-accent)}.ribbon-tutorial-copy{min-width:0}.ribbon-tutorial-copy h3{color:var(--text-strong);letter-spacing:0;margin:0 0 .35rem;font-size:1.2rem;line-height:1.12}.ribbon-tutorial-copy p{color:color-mix(in srgb, var(--text-dim) 88%, #fff);white-space:pre-line;margin:0;font-size:clamp(.88rem,1.35vw,1rem);line-height:1.4}.ribbon-tutorial-next-btn{background:var(--primary-accent);border-color:var(--primary-accent);color:var(--bg-dark);box-shadow:0 0 0 1px #ffffff29 inset, 0 5px 14px color-mix(in srgb, var(--primary-accent) 22%, transparent)}.ribbon-tutorial-next-btn:hover,.ribbon-tutorial-next-btn:focus-visible{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--bg-dark)}.ribbon-tutorial-finish-btn{color:#fff;letter-spacing:0;text-align:center;cursor:pointer;background:linear-gradient(#8070db 0%,#6656c9 100%);border:1px solid #a791e885;border-radius:16px;justify-content:center;align-items:center;gap:.65rem;width:100%;min-height:50px;padding:.64rem 1.25rem;font-size:.98rem;font-weight:700;line-height:1.15;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 5px 12px #5e45b829}.ribbon-tutorial-finish-btn:before,.ribbon-tutorial-finish-btn:after{content:none}.ribbon-tutorial-finish-btn:hover,.ribbon-tutorial-finish-btn:focus-visible{color:#fff;background:linear-gradient(#8a79e4 0%,#6e5dd1 100%);transform:translateY(-2px);box-shadow:0 7px 16px #694cca38}.ribbon-tutorial-finish-btn:active{transform:translateY(0)}.ribbon-tutorial-cta-arrow{flex:none;width:22px;height:22px;transition:transform .2s}.ribbon-tutorial-finish-btn:hover .ribbon-tutorial-cta-arrow,.ribbon-tutorial-finish-btn:focus-visible .ribbon-tutorial-cta-arrow{transform:translate(4px)}.ribbon-tutorial-finish-btn.nav-btn-disabled{opacity:.58;pointer-events:none}@media (max-width:900px){.calendar-header.ribbon-tutorial-calendar-header{flex-wrap:wrap}.header-left.ribbon-tutorial-header-left{flex-basis:100%;width:100%}.ribbon-tutorial-panel{flex-wrap:wrap;gap:.65rem;min-height:98px;padding:.65rem}.ribbon-tutorial-separator{display:none}.ribbon-tutorial-nav{align-items:flex-start;width:100%;min-width:0}.ribbon-tutorial-advisor{flex-basis:88px}.ribbon-tutorial-advisor-img{width:88px;max-height:88px}.ribbon-tutorial-progress{min-width:56px;height:32px;font-size:.94rem}}[data-theme-base=light] .ribbon-tutorial-panel,[data-theme-base=light] .ribbon-tutorial-lawyer-strip{background:radial-gradient(circle at 14% 20%, var(--accent-12), transparent 34%), linear-gradient(135deg, var(--panel-solid), color-mix(in srgb, var(--primary-accent) 4%, var(--panel-solid)) 58%, var(--panel-solid));border:1px solid var(--accent-32);box-shadow:0 18px 44px #46341933, 0 0 0 1px var(--accent-08) inset}[data-theme-base=light] .ribbon-tutorial-panel.animate-slide-down{animation-name:ribbonTutorialPanelEnterLight}@keyframes ribbonTutorialPanelEnterLight{0%{opacity:0;filter:blur(4px);box-shadow:0 10px 28px #4634191a, 0 0 0 1px var(--accent-08) inset;transform:translate(-78px)scale(.985)}68%{opacity:1;filter:blur();box-shadow:0 22px 52px #46341942, 0 0 0 1px var(--accent-12) inset, 0 0 30px var(--accent-14);transform:translate(4px)scale(1)}to{opacity:1;filter:blur();box-shadow:0 18px 44px #46341933, 0 0 0 1px var(--accent-08) inset;transform:translate(0)}}[data-theme-base=light] .ribbon-tutorial-advisor-img,[data-theme-base=light] .ribbon-tutorial-lawyer-strip-img{filter:drop-shadow(0 8px 18px #46341947) drop-shadow(0 0 16px var(--accent-22))}[data-theme-base=light] .ribbon-tutorial-copy h3,[data-theme-base=light] .ribbon-tutorial-lawyer-strip-copy h3{color:var(--text-strong)}[data-theme-base=light] .ribbon-tutorial-copy p,[data-theme-base=light] .ribbon-tutorial-lawyer-strip-copy p{color:var(--text-secondary)}[data-theme-base=light] .ribbon-tutorial-separator{background:linear-gradient(180deg, transparent, var(--accent-35), transparent)}[data-theme-base=light] .ribbon-tutorial-nav{background:var(--surface-1);border-color:var(--glass-border);box-shadow:none}[data-theme-base=light] .ribbon-tutorial-nav.ribbon-tutorial-nav-final{background:0 0;border-color:#0000}[data-theme-base=light] .ribbon-tutorial-progress{color:var(--text-strong);background:var(--surface-2);border-color:var(--accent-32);box-shadow:none}[data-theme-base=light] .ribbon-tutorial-skip-link{color:var(--text-muted)}[data-theme-base=light] .ribbon-tutorial-skip-link:hover,[data-theme-base=light] .ribbon-tutorial-skip-link:focus-visible{color:var(--text-strong)}[data-theme-base=light] .ribbon-tutorial-nav-controls .nav-btn:not(.ribbon-tutorial-next-btn){color:var(--primary-hover);background:var(--accent-08);border-color:var(--accent-32)}[data-theme-base=light] .ribbon-tutorial-nav-controls .nav-btn.nav-btn-disabled{color:var(--text-muted);background:var(--surface-1);border-color:var(--glass-border)}[data-theme-base=light] .ribbon-tutorial-nav-controls .ribbon-tutorial-next-btn{color:var(--bg-dark);background:var(--primary-accent);border-color:var(--primary-accent)}[data-theme-base=light] .ribbon-tutorial-finish-btn{background:linear-gradient(180deg, color-mix(in srgb, var(--primary-accent) 80%, #fff) 0%, var(--primary-accent) 100%);color:#fff;border-color:color-mix(in srgb, var(--primary-accent) 40%, transparent);box-shadow:0 5px 12px color-mix(in srgb, var(--primary-accent) 20%, transparent)}[data-theme-base=light] .ribbon-tutorial-finish-btn:hover,[data-theme-base=light] .ribbon-tutorial-finish-btn:focus-visible{background:linear-gradient(180deg, color-mix(in srgb, var(--primary-accent) 90%, #fff) 0%, var(--primary-hover) 100%);color:#fff;box-shadow:0 7px 16px color-mix(in srgb, var(--primary-accent) 30%, transparent)}[data-theme=beer] .ribbon-tutorial-finish-btn{color:var(--bg-dark);background:linear-gradient(#f6cf6a 0%,#e8b54a 100%);border-color:#e8b54a73;box-shadow:0 5px 12px #e8b54a38}[data-theme=beer] .ribbon-tutorial-finish-btn:hover,[data-theme=beer] .ribbon-tutorial-finish-btn:focus-visible{color:var(--bg-dark);background:linear-gradient(#fce094 0%,#f1c35b 100%);box-shadow:0 7px 16px #e8b54a52}[data-theme=beer] .ribbon-tutorial-panel,[data-theme=beer] .ribbon-tutorial-lawyer-strip{background:radial-gradient(circle at 14% 20%, color-mix(in srgb, var(--primary-accent) 20%, transparent), transparent 34%), linear-gradient(135deg, #1f140ae0, #0f0a05eb 58%, #0a0704e0);border:1px solid color-mix(in srgb, var(--primary-accent) 40%, var(--glass-border))}
.sidebar-main-title{color:#ffffffe6;margin:0 0 1rem;font-size:1rem;font-weight:600}.legend-category{flex-direction:column;gap:.6rem;margin-bottom:1.2rem;display:flex}.legend-category:last-child{margin-bottom:0}.legend-category-header{align-items:center;gap:.6rem;display:flex}.legend-category-header span{text-transform:uppercase;letter-spacing:.05em;color:#ffffff59;font-size:.65rem;font-weight:600}.legend-category-line{background:#ffffff14;flex-grow:1;height:1px}.legend-list{flex-direction:column;gap:.6rem;display:flex}.legend-item{align-items:center;gap:.6rem;display:flex}.legend-label{color:#ffffffbf;font-size:.8rem}.legend-label.uppercase{text-transform:uppercase;letter-spacing:.02em}.legend-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.legend-icon.squircle{border:1.5px solid #0000;border-radius:6px}.legend-icon.circle{border:1.5px solid #0000;border-radius:50%}.legend-icon .svg-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.legend-icon img{object-fit:contain;width:14px;height:14px}.legend-icon.period{color:#f43f5e;background:radial-gradient(circle,#f43f5e1a,#0000);border-color:#f43f5ecc;box-shadow:inset 0 0 10px #f43f5e26,0 0 6px #f43f5e26}.legend-icon.fertile{color:#f59e0b;background:radial-gradient(circle,#f59e0b1a,#0000);border-color:#f59e0b;box-shadow:inset 0 0 10px #f59e0b26,0 0 6px #f59e0b26}.legend-icon.ovulation{color:#f97316;background:radial-gradient(circle,#f973161f,#0000);border-color:#f97316;box-shadow:inset 0 0 10px #f973162e,0 0 6px #f9731633}.legend-icon .period-drop-icon{width:15px;height:15px}.legend-icon .ovulation-ovum-icon{width:16px;height:16px}.legend-icon.the-day{color:#e63946;background:radial-gradient(circle,#c1121f1f,#0000);border-color:#c1121f;box-shadow:inset 0 0 10px #c1121f2e,0 0 6px #c1121f2e}.legend-icon.notes-purple{border-color:var(--primary-accent);box-shadow:inset 0 0 10px color-mix(in srgb, var(--primary-accent) 15%, transparent), 0 0 6px color-mix(in srgb, var(--primary-accent) 15%, transparent);background:radial-gradient(circle, color-mix(in srgb, var(--primary-accent) 10%, transparent), transparent);color:var(--primary-accent)}.legend-icon.notes-purple .svg-icon polygon{fill:var(--primary-accent);stroke:none}.legend-icon.status-entered{border-color:var(--primary-accent);background:color-mix(in srgb, var(--primary-accent) 8%, transparent)}.legend-icon.status-predicted{border-color:color-mix(in srgb, var(--primary-accent) 70%, transparent);background:0 0;border-style:dashed}.legend-icon.status-today{background:var(--placard-bg);color:var(--placard-text);border-color:var(--placard-border);font-size:13px;font-weight:800;box-shadow:inset 0 1px 1px #ffffff80,0 1px 4px #00000040}.sidebar-divider-line{background:linear-gradient(to bottom, color-mix(in srgb, var(--primary-accent) 0%, transparent) 0%, color-mix(in srgb, var(--primary-accent) 5%, transparent) 20%, color-mix(in srgb, var(--primary-accent) 15%, transparent) calc(50% - 40px), color-mix(in srgb, var(--primary-accent) 30%, transparent) calc(50% - 24px), color-mix(in srgb, var(--primary-accent) 30%, transparent) calc(50% + 24px), color-mix(in srgb, var(--primary-accent) 15%, transparent) calc(50% + 40px), color-mix(in srgb, var(--primary-accent) 5%, transparent) 80%, color-mix(in srgb, var(--primary-accent) 0%, transparent) 100%);width:2px;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--primary-accent) 30%, transparent));z-index:10;pointer-events:none;margin-left:-1px;transition:left .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:240px}.sidebar-divider-line.collapsed{left:0}.floating-sidebar-toggle{z-index:100;color:#fff;cursor:pointer;border:1.5px solid color-mix(in srgb, var(--primary-accent) 15%, transparent);background:#020617;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:240px;transform:translateY(-50%)}.floating-sidebar-toggle:before{content:"";border:1.5px solid color-mix(in srgb, var(--primary-accent) 50%, transparent);clip-path:polygon(-100% -100%,50% -100%,50% 200%,-100% 200%);box-shadow:-1px 0 6px color-mix(in srgb, var(--primary-accent) 30%, transparent), inset 1px 0 4px color-mix(in srgb, var(--primary-accent) 20%, transparent);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:-1.5px}.floating-sidebar-toggle.collapsed:before{clip-path:polygon(50% -100%,200% -100%,200% 200%,50% 200%);box-shadow:1px 0 6px color-mix(in srgb, var(--primary-accent) 30%, transparent), inset -1px 0 4px color-mix(in srgb, var(--primary-accent) 20%, transparent)}.floating-sidebar-toggle.collapsed{left:0}.floating-sidebar-toggle:hover{background:#0d132a;transform:translateY(-50%)scale(1.1)}.floating-sidebar-toggle.collapsed:hover{transform:translateY(-50%)scale(1.1)}.floating-sidebar-toggle .toggle-icon{transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.floating-sidebar-toggle .toggle-icon svg{stroke:#fff9;stroke-width:2.5px;width:14px;height:14px;transition:stroke .3s}.floating-sidebar-toggle:hover .toggle-icon svg{stroke:#fff}.floating-sidebar-toggle.collapsed .toggle-icon{transform:rotate(180deg)}.day-cell.period-day.period-connected-left,.cycle-cell.period-day.period-connected-left{border-left-style:none!important;border-left-width:0!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.day-cell.period-day.period-connected-right,.cycle-cell.period-day.period-connected-right{border-right-style:none!important;border-right-width:0!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.day-cell.period-day.period-connected-right:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#f43f5e33 calc(50% - .5px),#f43f5e59 calc(50% - .5px) calc(50% + .5px),#f43f5e33 calc(50% + .5px));border-top:1px solid #f43f5e66;border-bottom:1px solid #f43f5e66;width:6px;position:absolute;top:-1px;bottom:-1px;right:-6px}.cycle-cell.period-day.period-connected-right:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#f43f5e26 calc(50% - .5px),#f43f5e4d calc(50% - .5px) calc(50% + .5px),#f43f5e26 calc(50% + .5px));border-top:1px solid #f43f5e66;border-bottom:1px solid #f43f5e66;width:6px;position:absolute;top:-1px;bottom:-1px;right:-6px}.day-cell.predicted-period.pred-connected-left,.cycle-cell.predicted-period.pred-connected-left{border-left:0 #0000!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.day-cell.predicted-period.pred-connected-right,.cycle-cell.predicted-period.pred-connected-right{border-right:0 #0000!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.day-cell.predicted-period.pred-connected-left,.day-cell.predicted-period.pred-connected-right,.cycle-cell.predicted-period.pred-connected-left,.cycle-cell.predicted-period.pred-connected-right{box-shadow:none!important}.day-cell.predicted-period.pred-connected-left.highlight-period-active,.day-cell.predicted-period.pred-connected-right.highlight-period-active,.cycle-cell.predicted-period.pred-connected-left.highlight-period-active,.cycle-cell.predicted-period.pred-connected-right.highlight-period-active{box-shadow:none!important;animation:none!important}.day-cell.predicted-period.pred-connected-right:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#f43f5e0d calc(50% - .5px),#f43f5e33 calc(50% - .5px) calc(50% + .5px),#f43f5e0d calc(50% + .5px));border-top:1.5px solid #f43f5e80;border-bottom:1.5px solid #f43f5e80;width:6px;position:absolute;top:-1.5px;bottom:-1.5px;right:-6px}.cycle-cell.predicted-period.pred-connected-right:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#f43f5e08 calc(50% - .5px),#f43f5e2e calc(50% - .5px) calc(50% + .5px),#f43f5e08 calc(50% + .5px));border-top:1.5px solid #f43f5e80;border-bottom:1.5px solid #f43f5e80;width:6px;position:absolute;top:-1.5px;bottom:-1.5px;right:-6px}.day-cell.fertile.fertile-connected-left,.cycle-cell.fertile.fertile-connected-left{border-left:0 #0000!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.day-cell.fertile.fertile-connected-right,.cycle-cell.fertile.fertile-connected-right{border-right:0 #0000!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.day-cell.fertile.fertile-connected-left,.day-cell.fertile.fertile-connected-right,.cycle-cell.fertile.fertile-connected-left,.cycle-cell.fertile.fertile-connected-right{box-shadow:none!important}.day-cell.fertile.fertile-connected-left.highlight-fertile-active,.day-cell.fertile.fertile-connected-right.highlight-fertile-active,.cycle-cell.fertile.fertile-connected-left.highlight-fertile-active,.cycle-cell.fertile.fertile-connected-right.highlight-fertile-active{box-shadow:none!important;animation:none!important}.day-cell.fertile.fertile-connected-right:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#f59e0b0a calc(50% - .5px),#f59e0b33 calc(50% - .5px) calc(50% + .5px),#f59e0b0a calc(50% + .5px));border-top:1.5px solid #f59e0b73;border-bottom:1.5px solid #f59e0b73;width:6px;position:absolute;top:-1.5px;bottom:-1.5px;right:-6px}.cycle-cell.fertile.fertile-connected-right:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#f59e0b08 calc(50% - .5px),#f59e0b2e calc(50% - .5px) calc(50% + .5px),#f59e0b08 calc(50% + .5px));border-top:1.5px solid #f59e0b73;border-bottom:1.5px solid #f59e0b73;width:6px;position:absolute;top:-1.5px;bottom:-1.5px;right:-6px}.day-cell.period-connected-left:hover,.day-cell.period-connected-right:hover,.cycle-cell.period-connected-left:hover,.cycle-cell.period-connected-right:hover,.day-cell.pred-connected-left:hover,.day-cell.pred-connected-right:hover,.cycle-cell.pred-connected-left:hover,.cycle-cell.pred-connected-right:hover,.day-cell.fertile-connected-left:hover,.day-cell.fertile-connected-right:hover,.cycle-cell.fertile-connected-left:hover,.cycle-cell.fertile-connected-right:hover{transform:none!important}.day-cell .day-num,.cycle-cell .day-num,.day-cell .day-cycle-circle-num,.cycle-cell .cycle-day-num{transition:transform .3s cubic-bezier(.34,1.56,.64,1),text-shadow .3s,box-shadow .3s}.day-cell:hover .day-num,.cycle-cell:hover .day-num{text-shadow:0 2px 4px #0006}.day-cell:hover .day-cycle-circle-num,.cycle-cell:hover .cycle-day-num{transform:scale(1.15);box-shadow:0 4px 12px #0000004d}.day-cell[class*=-connected-]:hover .day-num,.cycle-cell[class*=-connected-]:hover .day-num{transform:translateY(-2px)}.day-cell[class*=-connected-]:hover .day-cycle-circle-num,.cycle-cell[class*=-connected-]:hover .cycle-day-num{transform:scale(1.15)translateY(-2px)}.day-cell.period-connected-right:after,.cycle-cell.period-connected-right:after,.day-cell.pred-connected-right:after,.cycle-cell.pred-connected-right:after,.day-cell.fertile-connected-right:after,.cycle-cell.fertile-connected-right:after{transition:all .2s}.custom-tooltip-container:hover:after,.custom-tooltip-container:active:after{content:attr(data-tooltip);z-index:1000;pointer-events:none;font-size:.75rem;font-weight:600;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d;opacity:1!important;border:1px solid var(--primary-accent)!important;color:var(--primary-accent)!important;white-space:nowrap!important;background-color:#020617!important;border-radius:8px!important;padding:.5rem .8rem!important}.note-cycle-day.custom-tooltip-container{position:relative}.note-cycle-day.custom-tooltip-container:hover:after,.note-cycle-day.custom-tooltip-container:active:after{top:calc(100% + 8px);bottom:auto;left:0;transform:none}[data-theme-base=light] .custom-tooltip-container:hover:after,[data-theme-base=light] .custom-tooltip-container:active:after{box-shadow:var(--tooltip-shadow);background-color:var(--tooltip-bg)!important;color:var(--tooltip-text)!important;border-color:var(--tooltip-border)!important}.day-cell.today.period-day,.cycle-cell.today.period-day,.day-cell.today.predicted-period,.cycle-cell.today.predicted-period,.today.period-day .cycle-day-num,.today.period-day .day-num,.today.predicted-period .cycle-day-num,.today.predicted-period .day-num{box-shadow:none!important}@media (max-width:900px){.page-layout{min-width:320px}.calendar-header{flex-direction:column;align-items:stretch;gap:1rem;padding-bottom:.8rem}.header-left{justify-content:center;padding-right:0;width:100%!important}.header-left.collapsed{padding-right:0;width:100%!important}.header-left.collapsed .advisor-log-card{opacity:1;visibility:visible;pointer-events:auto}.header-center{justify-content:space-between;width:100%}.calendar-body-layout{flex-direction:column-reverse;gap:.8rem}.calendar-sidebar,.calendar-sidebar.collapsed{opacity:1!important;pointer-events:auto!important;gap:1rem!important;width:100%!important;height:auto!important;margin:1.5rem 0 0!important;padding:0!important}.sidebar-divider-line{display:none}.floating-sidebar-toggle,.floating-sidebar-toggle.collapsed{display:none!important}.legend-list{grid-template-columns:1fr 1fr;gap:.8rem .5rem;display:grid}.weekdays,.cycle-weekdays{display:none!important}.days-grid,.cycle-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))!important;grid-auto-rows:1fr!important;gap:8px!important}.day-cell,.cycle-cell{min-height:110px!important}.outside-cycle,.cycle-zone-divider,.day-cell[class*=-connected-]:after,.cycle-cell[class*=-connected-]:after{display:none!important}.day-cell[class*=-connected-],.cycle-cell[class*=-connected-]{border-radius:8px!important}.period-day[class*=period-connected-]{border:1px solid #f43f5e66!important}.predicted-period[class*=pred-connected-]{border:1.5px dashed #f43f5ecc!important;box-shadow:inset 0 0 10px #f43f5e33!important}.fertile[class*=fertile-connected-]{border:1.5px dashed #f59e0b99!important}.cycle-grid .mobile-weekday{text-transform:uppercase;color:#fff9;margin-bottom:2px;font-size:.65rem;font-weight:700;line-height:1;display:block!important}.days-grid .mobile-weekday{display:none!important}.cycle-date-label.mobile-date{font-size:.65rem!important}}.day-cell-weekday-top{display:none}@media (max-width:900px){.day-cell-weekday-top{text-align:center;color:#fff9;pointer-events:none;width:100%;font-size:.65rem;font-weight:700;display:block;position:absolute;top:8px;left:0}}.mobile-weekday{display:none}.legend-grid-new{grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1.5rem;margin-bottom:1.5rem;display:grid}@media (max-width:360px){.legend-grid-new{grid-template-columns:1fr}}.legend-card{background:#0a0a1466;border:1px solid;border-radius:12px;flex-direction:column;padding:.8rem;display:flex;position:relative;overflow:hidden}.legend-card-header{align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.legend-card-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.legend-card-icon svg{fill:currentColor;width:100%;height:100%}.legend-card-title{color:#fffffff2;font-size:.95rem;font-weight:700;line-height:1.2}.legend-card-days{color:#ffffffa6;text-align:center;margin-top:.3rem;font-size:.85rem}.legend-card-bar{border-radius:1.5px;width:100%;height:3px;margin-top:.6rem}.advisor-log-card{border:1px solid color-mix(in srgb, var(--primary-accent) 35%, transparent);color:#a5a2f9;cursor:pointer;background:#0a0a1466;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.7rem .8rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.advisor-log-card:hover{background:color-mix(in srgb, var(--primary-accent) 12%, transparent);border-color:color-mix(in srgb, var(--primary-accent) 70%, transparent);box-shadow:0 4px 15px color-mix(in srgb, var(--primary-accent) 25%, transparent);transform:translateY(-1px)}.advisor-log-card-compact{width:auto;padding:.5rem 1.6rem;font-size:.82rem}.advisor-date-edit{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-strong);font:inherit;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:8px;margin-top:.5rem;padding:6px 14px;font-size:.82rem;font-weight:600;line-height:1;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;display:inline-flex;position:relative;overflow:hidden;background:linear-gradient(180deg, color-mix(in srgb, var(--primary-accent) 24%, var(--bg-dark)) 0%, color-mix(in srgb, var(--primary-accent) 6%, var(--bg-dark)) 100%)!important;border:1.5px solid color-mix(in srgb, var(--primary-accent) 60%, transparent)!important;box-shadow:0 4px 12px #0006, 0 0 10px color-mix(in srgb, var(--primary-accent) 20%, transparent), inset 0 1px 0 #ffffff26!important}.advisor-date-edit:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:100%;height:100%;animation:6s ease-in-out infinite lawyer-shimmer;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.advisor-date-edit:hover,.advisor-date-edit:focus-visible{box-shadow:0 6px 18px #00000080, 0 0 14px color-mix(in srgb, var(--primary-accent) 35%, transparent);outline:none;transform:translateY(-1px);background:color-mix(in srgb, var(--primary-accent) 30%, var(--bg-dark))!important;border-color:color-mix(in srgb, var(--primary-accent) 80%, transparent)!important}.advisor-date-pencil{color:var(--primary-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.advisor-date-label{color:var(--text-strong)}@media (prefers-reduced-motion:reduce){.advisor-date-edit{transition:none}.advisor-date-edit:hover,.advisor-date-edit:focus-visible{transform:none}}.advisor-status-box{border:1px solid color-mix(in srgb, var(--primary-accent) 25%, transparent);background:#8c7ae614;border-radius:14px;align-items:flex-start;gap:.7rem;margin:.4rem .5rem 0;padding:.7rem .85rem;font-size:.85rem;line-height:1.45;display:flex}.advisor-status-icon{background:color-mix(in srgb, var(--primary-accent) 16%, transparent);width:30px;height:30px;color:var(--primary-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.advisor-status-text{color:#ffffffd9}.legend-card-fillbar{background:#ff9f432e;border-radius:2.2px;width:100%;height:4.5px;margin-top:.6rem;position:relative;overflow:hidden}.legend-card-fill{border-radius:2.2px;transition:width .4s;position:absolute;top:0;bottom:0;left:0}.legend-card-fill-overflow{box-shadow:0 0 6px #ff525280}.legend-card-subnote{color:#ffffff73;margin-top:.25rem;font-size:.72rem;display:block}[data-theme-base=light] .legend-card-subnote{color:var(--text-muted)}.advisor-header-chip{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);cursor:pointer;border-radius:26px;flex-shrink:0;align-items:center;gap:0;padding:6px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0003}.advisor-header-chip.advisor-banner-highlight,.onboarding-advisor-banner.advisor-banner-highlight{isolation:isolate;border-color:color-mix(in srgb, var(--primary-accent) 72%, transparent);box-shadow:0 10px 30px #00000059, 0 0 28px color-mix(in srgb, var(--primary-accent) 42%, transparent), inset 0 1px 0 #ffffff2e;animation:5.4s ease-out both advisor-banner-glow;position:relative;overflow:hidden}.advisor-header-chip.advisor-banner-highlight:after,.onboarding-advisor-banner.advisor-banner-highlight:after{content:"";border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(100deg,#0000 0% 34%,#ffffff38 48%,#0000 62% 100%);animation:3.8s ease-in-out .35s advisor-banner-shimmer;position:absolute;inset:0;transform:translate(-130%)skew(-18deg)}.advisor-header-chip.advisor-banner-highlight>*,.onboarding-advisor-banner.advisor-banner-highlight>*{z-index:2;position:relative}@keyframes advisor-banner-glow{0%,to{box-shadow:0 4px 12px #0003}16%,62%{box-shadow:0 12px 32px #0000006b, 0 0 32px color-mix(in srgb, var(--primary-accent) 52%, transparent), inset 0 1.5px 0 #ffffff47}}@keyframes advisor-banner-shimmer{0%{transform:translate(-130%)skew(-18deg)}55%,to{transform:translate(130%)skew(-18deg)}}.advisor-header-chip:hover{gap:10px;padding-right:16px}.advisor-header-chip-avatar{background:var(--hero-bg);border:1px solid #ffffff1a;border-radius:19px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex;overflow:hidden}.advisor-header-chip.phase-theday .advisor-header-chip-avatar{border-color:var(--ribbon-theday);box-shadow:0 0 10px color-mix(in srgb, var(--ribbon-theday) 60%, transparent)}.advisor-header-chip.phase-period .advisor-header-chip-avatar{border-color:var(--ribbon-period);box-shadow:0 0 10px color-mix(in srgb, var(--ribbon-period) 60%, transparent)}.advisor-header-chip.phase-ovulation .advisor-header-chip-avatar{border-color:var(--ribbon-ovulation);box-shadow:0 0 10px color-mix(in srgb, var(--ribbon-ovulation) 60%, transparent)}.advisor-header-chip.phase-fertile .advisor-header-chip-avatar{border-color:var(--ribbon-fertile);box-shadow:0 0 10px color-mix(in srgb, var(--ribbon-fertile) 60%, transparent)}.advisor-header-chip.phase-default .advisor-header-chip-avatar{border-color:var(--primary-accent);box-shadow:0 0 10px color-mix(in srgb, var(--primary-accent) 40%, transparent)}.advisor-header-chip-avatar picture{width:100%;height:100%;display:flex}.advisor-header-chip-avatar img{object-fit:contain;width:100%;height:100%}.advisor-header-chip-text{color:var(--text-strong);white-space:nowrap;font-size:15px;font-weight:700;line-height:1.2}.advisor-header-chip-icon{color:var(--text-muted)}.advisor-header-chip-content{opacity:0;white-space:nowrap;align-items:center;gap:0;max-width:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.advisor-header-chip:hover .advisor-header-chip-content{opacity:1;gap:10px;max-width:200px}@media (max-width:768px){.advisor-header-chip-content{opacity:1;gap:10px;max-width:200px}}.jump-to-current-chip{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);cursor:pointer;color:var(--text-strong);border-radius:26px;flex-shrink:0;align-items:center;gap:0;padding:6px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 12px #00000026}.jump-to-current-chip:hover{gap:8px;padding-right:16px}.jump-icon-wrapper{width:38px;height:38px;color:var(--primary-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.jump-icon-light,[data-theme-base=light] .jump-icon-dark{display:none!important}[data-theme-base=light] .jump-icon-light{display:flex!important}.jump-content{opacity:0;white-space:nowrap;align-items:center;max-width:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden}.jump-text-stack{flex-direction:column;justify-content:center;align-items:flex-start;line-height:1;display:flex}.jump-text-sub{letter-spacing:.5px;color:var(--text-strong);text-transform:uppercase;margin-bottom:2px;font-size:8px;font-weight:700}.jump-text-main{color:var(--primary-accent);font-size:13px;font-weight:700}.jump-to-current-chip:hover .jump-content{opacity:1;max-width:140px}@media (max-width:768px){.jump-to-current-chip{gap:8px;padding:6px 14px 6px 6px}.jump-content{opacity:1;max-width:100px}}.status-pill{background:#0003;border:1px solid #ffffff26;border-radius:24px;justify-content:center;align-items:center;gap:.6rem;width:fit-content;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;padding:.6rem 1.2rem;display:flex}.egg-says-box{background:color-mix(in srgb, var(--primary-accent) 5%, transparent);border:1px solid color-mix(in srgb, var(--primary-accent) 20%, transparent);border-radius:16px;align-items:flex-start;gap:1rem;padding:1.2rem;display:flex;position:relative}.egg-says-icon{border:1px solid color-mix(in srgb, var(--primary-accent) 50%, transparent);width:36px;height:36px;color:color-mix(in srgb, var(--primary-accent) 80%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.egg-says-content h3{color:color-mix(in srgb, var(--primary-accent) 90%, transparent);margin:0 0 .4rem;font-size:1rem;font-weight:700}.egg-says-content p{color:#ffffffb3;margin:0;font-size:.85rem;line-height:1.4}.egg-says-sparkles{color:color-mix(in srgb, var(--primary-accent) 40%, transparent);position:absolute;top:1rem;right:1rem}.advisor-footer-text{text-align:center;color:#fff6;justify-content:center;align-items:center;gap:.4rem;margin-top:1.5rem;font-size:.75rem;display:flex}.calendar-container:not(.no-periods) .day-cell.today .cycle-day-num,.calendar-container:not(.no-periods) .day-cell.today .day-num,.calendar-container:not(.no-periods) .cycle-cell.today .cycle-day-num{opacity:0!important;pointer-events:none!important}.day-cell.today.has-label .cell-label-text,.day-cell.today.has-label .the-day-text,.cycle-cell.today.has-label .cell-label-text,.cycle-cell.today.has-label .the-day-text{z-index:20!important;background:var(--bg-dark)!important;border:1px solid #ffffff1a!important;border-radius:8px!important;align-self:center!important;width:max-content!important;margin-left:auto!important;margin-right:auto!important;padding:2px 8px!important;box-shadow:0 2px 8px #00000080!important}[data-theme-base=light] .advisor-container,[data-theme-base=light] .notes-container{color:var(--text-primary)}[data-theme-base=light] .weekdays,[data-theme-base=light] .cycle-weekday-header,[data-theme-base=light] .nav-btn,[data-theme-base=light] .nav-btn-sm,[data-theme-base=light] .notes-title-container,[data-theme-base=light] .cycle-title-dates,[data-theme-base=light] .cycle-title-text-white,[data-theme-base=light] .cycle-day-card-title{color:var(--text-strong)}[data-theme-base=light] .legend,[data-theme-base=light] .cycle-day-num,[data-theme-base=light] .day-num{color:var(--text-primary)}[data-theme-base=light] .cycle-cell .cycle-day-num{border-color:var(--glass-border)}[data-theme-base=light] .cycle-day-label{color:var(--text-secondary)}[data-theme-base=light] .cycle-date-label{color:var(--text-dim)}[data-theme-base=light] .day-cycle-num{color:var(--text-primary);border-color:var(--surface-strong)}[data-theme-base=light] .cycle-day-total,[data-theme-base=light] .cycle-day-card-subtitle,[data-theme-base=light] .cycle-day-card-date,[data-theme-base=light] .view-toggle-btn,[data-theme-base=light] .no-notes-placeholder,[data-theme-base=light] .advisor-footer-text,[data-theme-base=light] .egg-says-content p{color:var(--text-muted)}[data-theme-base=light] .view-toggle-btn:hover{color:var(--text-strong)}[data-theme-base=light] .note-text{color:var(--text-secondary)}[data-theme-base=light] .fertile-text{color:#a64c07}[data-theme-base=light] .day-cell,[data-theme-base=light] .cycle-cell,[data-theme-base=light] .view-toggle,[data-theme-base=light] .highlight-toggle-btn,[data-theme-base=light] .settings-status-box,[data-theme-base=light] .notes-item{background:var(--surface-1)}[data-theme-base=light] .day-cell:hover,[data-theme-base=light] .cycle-cell:hover,[data-theme-base=light] .highlight-toggle-btn:hover{background:var(--surface-3)}[data-theme-base=light] .nav-btn,[data-theme-base=light] .nav-btn-sm{background:var(--surface-2)}[data-theme-base=light] .nav-btn:hover,[data-theme-base=light] .nav-btn-sm:hover{background:var(--accent-16);border-color:var(--accent-40);color:var(--text-strong)}[data-theme-base=light] .advisor-divider{background:linear-gradient(90deg, transparent, var(--surface-strong) 20%, var(--surface-strong) 80%, transparent)}[data-theme-base=light] .day-cell.today.has-label .cell-label-text,[data-theme-base=light] .day-cell.today.has-label .the-day-text,[data-theme-base=light] .cycle-cell.today.has-label .cell-label-text,[data-theme-base=light] .cycle-cell.today.has-label .the-day-text{border-color:var(--glass-border)!important;box-shadow:0 2px 8px #503c1e2e!important}@media (hover:none) and (pointer:coarse){[data-theme-base=light] .day-cell:active,[data-theme-base=light] .cycle-cell:active{background:var(--surface-strong)}}[data-theme-base=light] .period-day,[data-theme-base=light] .cycle-cell.period-day{background:#f43f5e2b!important;border-color:#f43f5e8c!important}[data-theme-base=light] .predicted-period,[data-theme-base=light] .cycle-cell.predicted-period{background:#f43f5e1a!important;border-color:#f43f5e99!important}[data-theme-base=light] .fertile,[data-theme-base=light] .cycle-cell.fertile,[data-theme-base=light] .ovulation,[data-theme-base=light] .cycle-cell.ovulation{background:#f59e0b29!important;border-color:#d9770699!important}[data-theme-base=light] .the-day,[data-theme-base=light] .cycle-cell.the-day,[data-theme-base=light] .the-day-swatch{background:radial-gradient(circle,#c1121f85 0%,#d65a6442 100%)!important;border-color:#c1121f!important}[data-theme-base=light] .predicted-the-day,[data-theme-base=light] .cycle-cell.predicted-the-day,[data-theme-base=light] .predicted-the-day-swatch{background:#c1121f1f!important;border-color:#c1121f99!important}[data-theme-base=light] .minimal-view .the-day,[data-theme-base=light] .minimal-view .cycle-cell.the-day{background:linear-gradient(135deg,#c1121f70 0%,#d65a643d 100%)!important}[data-theme-base=light] .the-day-highlight{background:linear-gradient(135deg,#dc262638 0%,#f871711f 100%);border-color:#b91c1c73}[data-theme-base=light] .advisor-log-card{background:var(--accent-10);border-color:var(--accent-35);color:var(--primary-hover)}[data-theme-base=light] .advisor-log-card:hover{background:var(--accent-18);border-color:var(--accent-60)}[data-theme-base=light] .advisor-date-edit{background:var(--accent-10)!important;border-color:var(--accent-35)!important;box-shadow:0 2px 8px #00000014!important}[data-theme-base=light] .advisor-date-edit:after{background:linear-gradient(90deg,#0000,#fff6,#0000)}[data-theme-base=light] .advisor-date-edit:hover,[data-theme-base=light] .advisor-date-edit:focus-visible{background:var(--accent-18)!important;border-color:var(--accent-60)!important;box-shadow:0 4px 12px #0000001f!important}[data-theme-base=light] .advisor-date-pencil{color:var(--primary-hover)}[data-theme-base=light] .advisor-status-box{background:var(--hero-neutral-bg)}[data-theme-base=light] .advisor-status-text{color:var(--text-secondary)}[data-theme-base=light] .legend-category-header span{color:var(--text-dim)}[data-theme-base=light] .legend-category-line{background:var(--glass-border)}[data-theme-base=light] .legend-label{color:var(--text-secondary)}[data-theme-base=light] .legend-card{background:#ffffff8c;box-shadow:0 2px 10px #46341914}[data-theme-base=light] .legend-card-title{color:var(--text-strong)}[data-theme-base=light] .legend-card-days{color:var(--text-muted)}[data-theme-base=light] .status-pill{background:var(--surface-1);border-color:var(--glass-border)}[data-theme-base=light] .day-cell,[data-theme-base=light] .cycle-cell{background:var(--surface-2)}[data-theme-base=light] .calendar-container,[data-theme-base=light] .advisor-container,[data-theme-base=light] .notes-container,[data-theme-base=light] .cycle-day-card{border-color:var(--glass-border)}[data-theme-base=light] .sidebar-tab-btn{color:var(--text-muted)}[data-theme-base=light] .sidebar-tab-btn:hover{color:var(--text-strong);background:var(--surface-1)}[data-theme-base=light] .sidebar-tab-btn:first-child{border-right-color:var(--glass-border)}[data-theme-base=light] .sidebar-tab-btn.active{color:var(--primary-hover);background:var(--accent-08);border-bottom-color:var(--primary-accent)}[data-theme-base=light] .floating-sidebar-toggle{background:var(--panel-solid);border-color:var(--glass-border)}[data-theme-base=light] .floating-sidebar-toggle:hover{background:var(--accent-opaque-hover);border-color:var(--primary-accent)}[data-theme-base=light] .floating-sidebar-toggle .toggle-icon svg{stroke:var(--text-dim)}.highlight-pulse{animation:1.5s ease-in-out 2 borderGlow}@keyframes borderGlow{0%,to{border-color:var(--input-border,var(--glass-border));box-shadow:0 0 #0000}50%{border-color:var(--primary-accent);box-shadow:0 0 12px 2px var(--primary-accent)}}.animate-slide-down{animation:.4s ease-out forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.advisor-hero{background:var(--hero-bg);border:1px solid var(--hero-border);border-radius:12px;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.advisor-hero .advisor-hero-img{filter:drop-shadow(0 4px 8px #0000004d);flex-shrink:0;width:65px;height:auto}.advisor-hero-text{text-align:left}.advisor-hero-tagline{color:var(--text-strong);margin-bottom:.3rem;font-size:1.1rem;font-weight:700;display:block}.advisor-hero-text p{color:var(--text-dim);margin:0;font-size:.85rem;font-style:italic;line-height:1.4}@media (max-width:600px){.advisor-hero{text-align:center;flex-direction:column;gap:.8rem}.advisor-hero-text{text-align:center}}[data-theme=beer] .advisor-log-card{color:var(--primary-accent);background:#ffe2a50f;border-color:#e8b54a66}[data-theme=beer] .advisor-log-card:hover{background:var(--accent-tint);box-shadow:0 4px 15px var(--glow-accent-soft);border-color:#e8b54ab3}[data-theme=beer] .floating-sidebar-toggle{background:#1a1206;border-color:#e8b54a2e}[data-theme=beer] .floating-sidebar-toggle:before{border-color:#e8b54a80;box-shadow:-1px 0 6px #e8b54a4d,inset 1px 0 4px #e8b54a33}[data-theme=beer] .floating-sidebar-toggle.collapsed:before{box-shadow:1px 0 6px #e8b54a4d,inset -1px 0 4px #e8b54a33}[data-theme=beer] .floating-sidebar-toggle:hover{background:#2a1c08}.modal-overlay.advisor-modal-overlay{justify-content:center;align-items:center;padding:1rem;display:flex;height:calc(100dvh - 106px)!important;top:57px!important;bottom:49px!important}.modal-content.advisor-lagebericht{-webkit-backdrop-filter:blur(20px);background:radial-gradient(circle at 50% 35%,#18123d 0%,#080614 70%,#05040d 100%);border:1.5px solid #a5a2f926;border-radius:28px;width:100%;max-width:380px;margin:0 auto;transition:max-width .3s,transform .3s;transform:translateY(-20px);box-shadow:0 25px 60px #0009,0 10px 40px #0006,inset 0 1px 1px #ffffff0d}@media (min-width:769px){.advisor-modal-overlay .modal-content.advisor-lagebericht{background:radial-gradient(at 50% 8%,#9191ff1a 0%,#6862cd0a 42%,#0000 70%),radial-gradient(at 25%,#7e5edd0f 0%,#4b389108 32%,#0000 58%),radial-gradient(at 82%,#8a5cf60f 0%,#634ad405 40%,#0000 65%),radial-gradient(at 76% 92%,#8a5cf60a 0%,#4b379104 35%,#0000 60%),radial-gradient(at 14% 88%,#7652ca0b 0%,#4e3a9605 36%,#0000 66%),linear-gradient(135deg,#120d27 0%,#0b091a 52%,#060510 100%);border:1.5px solid #a5a2f926;border-radius:28px;max-width:700px;box-shadow:0 25px 60px #0000008f,0 10px 40px #0000005c,inset 0 1px #d6d3ff14,inset 0 0 0 1px #aa9fff09}}[data-theme-base=light] .modal-content.advisor-lagebericht{background:radial-gradient(ellipse at 50% 8%, color-mix(in srgb, var(--primary-accent) 8%, transparent) 0%, transparent 60%), radial-gradient(ellipse at 25% 50%, color-mix(in srgb, var(--primary-accent) 6%, transparent) 0%, transparent 50%), radial-gradient(ellipse at 82% 50%, color-mix(in srgb, var(--primary-accent) 6%, transparent) 0%, transparent 50%), linear-gradient(135deg, var(--panel-solid) 0%, var(--bg-dark) 100%);border:1.5px solid color-mix(in srgb, var(--primary-accent) 26%, transparent);box-shadow:0 25px 60px #372d2326,0 10px 40px #372d231a,inset 0 1px #ffffffb3}[data-theme=beer] .modal-content.advisor-lagebericht{background:radial-gradient(at 50% 8%,#e8b54a14 0%,#0000 60%),radial-gradient(at 25%,#c4761c0f 0%,#0000 50%),radial-gradient(at 82%,#c4761c0f 0%,#0000 50%),linear-gradient(135deg,#1f140a 0%,#0f0a05 100%);border:1.5px solid #e8b54a47;box-shadow:0 25px 60px #000000a6,0 10px 40px #00000073,inset 0 1px #ffe2a50f}.advisor-main-layout{grid-template-columns:1fr;align-items:center;gap:1.5rem;display:grid}@media (min-width:769px){.advisor-main-layout{grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem}}.advisor-image-col{flex-direction:column;justify-content:center;align-items:center;display:flex}.advisor-quote-box{border:1px solid var(--glass-border);z-index:1;background:#171725;border-radius:16px;align-items:flex-start;gap:.8rem;width:100%;margin-top:-2.5rem;padding:1rem;display:flex;position:relative;box-shadow:0 4px 20px #0003}[data-theme-base=light] .advisor-quote-box{background:var(--panel-solid);box-shadow:0 4px 16px #46341924}[data-theme=beer] .advisor-quote-box{background:#1a1208}.advisor-quote-icon{background:color-mix(in srgb, var(--primary-accent) 16%, transparent);color:var(--primary-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.advisor-quote-text{margin:0;font-size:.9rem;line-height:1.45}.advisor-footer-layout{grid-template-columns:1fr;gap:.8rem;margin-top:1.5rem;display:grid}@media (min-width:769px){.advisor-footer-layout{grid-template-columns:1fr 1fr;gap:1.2rem}}.advisor-footer-col{flex-direction:column;gap:.8rem;display:flex}.legend-card.active-phase{box-shadow:0 0 16px var(--active-glow)!important;border-width:1.5px!important;border-color:var(--active-border)!important;background:var(--active-bg)!important}.legend-card.active-phase.phase-period{--active-border:#ff5252;--active-glow:#ff525259;--active-bg:#ff52520d}.legend-card.active-phase.phase-fertile{--active-border:#feca57;--active-glow:#feca5759;--active-bg:#feca570d}.legend-card.active-phase.phase-theday{--active-border:#ef4444;--active-glow:#ef444459;--active-bg:#ef44440d}[data-theme-base=light] .legend-card.active-phase.phase-period{--active-border:#dc2626;--active-glow:#dc262626;--active-bg:#dc262608}[data-theme-base=light] .legend-card.active-phase.phase-fertile{--active-border:#d97706;--active-glow:#d9770626;--active-bg:#d9770608}[data-theme-base=light] .legend-card.active-phase.phase-theday{--active-border:#b91c1c;--active-glow:#b91c1c26;--active-bg:#b91c1c08}