:root{--primary: #638889;--primary-200: #426f70;--primary-500: #2a3e3f;--secondary: #9dbc98;--alternate: #ebd9b4;--light: #fff7e6;--light-100: #f9efdb;--light-400: #f0e1c7;--chart-primary: #cfd8dc;--chart-secondary: #7b8d93;--chart-alternate: #444444;--chart-light: #f3f3f3;--error: #c00000}:root{font-family:Inter,sans-serif;font-size:16px;color:#333;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--primary)}body{margin:0;padding:0}a{text-decoration:none;color:var(--primary)}.user-dropdown{position:relative}.user-dropdown-button{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:16px;background:none;border:none;color:var(--light);cursor:pointer;transition:background-color .3s ease;font-family:inherit;font-weight:400}.user-dropdown-button:hover{background-color:var(--primary)}.user-dropdown-button .chevron{transition:transform .2s ease}.user-dropdown-button .chevron.open{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;display:flex;flex-direction:column;top:calc(100% + 0px);right:0;background-color:var(--light);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;overflow:hidden;z-index:1000;padding:3px;animation:dropdown-appear .2s ease}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;border-radius:8px;color:var(--primary);background:none;border:none;flex:1;text-align:left;cursor:pointer;font-size:16px;font-family:inherit;transition:background-color .2s ease}.user-dropdown-item:hover{background-color:var(--light-100)}.user-dropdown-item span{flex:1}.mobile-menu-overlay{position:fixed;inset:0;z-index:998;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:overlay-appear .2s ease}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}.mobile-menu{position:fixed;top:84px;left:0;right:0;z-index:1001;background-color:var(--primary-200)}@keyframes menu-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--light);padding:10px 12px;border-radius:8px;font-size:16px;font-family:inherit;font-weight:400;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease}.mobile-menu-item:hover{background-color:var(--primary-200);display:flex;flex-direction:column;padding:4px 12px 16px;box-shadow:0 8px 24px #0000004d;animation:menu-appear .2s ease}.mobile-menu-item.active{color:var(--primary-500);background-color:var(--light)}.mobile-menu-item--indented{padding-left:32px}.toolbar--base{background-color:var(--primary-200);display:flex;justify-content:center;padding:12px;position:relative;z-index:1000}.toolbar{max-width:1200px;height:60px;display:flex;align-items:center;justify-content:space-between;flex:1;font-weight:400}.toolbar--navigationItems{display:flex;flex:1;justify-content:flex-end;align-items:center;gap:8px}.toolbar--navigationItems .toolbar--navigationItem{text-decoration:none;color:var(--light);transition:background-color .3s ease;padding:4px 8px;border-radius:8px;font-size:16px}.toolbar--navigationItems .toolbar--navigationItem:has(.user-dropdown-button){padding:0}.toolbar--navigationItems .active{color:var(--primary-500);background-color:var(--light)}.toolbar .toolbar--navigationItem:not(.active):hover{background-color:var(--primary)}.hamburger-button{display:none;background:none;border:none;color:var(--light);cursor:pointer;padding:6px;border-radius:8px;line-height:0;transition:background-color .2s ease}.hamburger-button:hover{background-color:var(--primary)}@media(max-width:768px){.toolbar--navigationItems{display:none}.hamburger-button{display:flex;align-items:center;justify-content:center}}.main{padding:24px;display:flex;justify-content:center;align-items:center;background-color:var(--light);gap:20px}@media(max-width:1000px){.main{flex-direction:column}}.content--centered{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.landing--container h1{font-size:72px;font-weight:700;margin:0}.landing--containerh3{font-size:32px;font-weight:450;margin:0}.landing--container h4{font-size:16px;font-weight:500;margin:4px}@media(max-width:1000px){.landing--container h1{font-size:48px}.landing--container h3{font-size:24px}}.downloadButtons{margin-top:24px;display:flex;justify-content:center;gap:16px}.downloadButtons a{cursor:not-allowed}.downloadButton{width:200px;cursor:not-allowed}.device{width:400px}@media(max-width:450px){.downloadButton{width:140px}.device{width:350px}}.why{display:flex;justify-content:center;align-items:center;padding:64px;background-color:var(--light)}.why--content{display:flex;flex-direction:column;gap:48px;max-width:1028px}@media(max-width:1172px){.why--content{max-width:664px}}.why--heading{display:flex;flex-direction:column;gap:8px}.why--cards{display:flex;flex-wrap:wrap;gap:64px;justify-content:center}@media(max-width:792px){.why--cards{gap:32px}}.why--card{min-width:300px;max-width:300px;display:flex;gap:24px}.why--cardContent{display:flex;flex-direction:column;gap:8px}.why--card p{font-size:16px;margin:0}.why--heading p{font-size:20px;margin:0}h2{margin:0;font-size:24px}h3{margin:0;font-size:22px}.content{background-color:var(--light)}.heading{display:flex;flex-direction:column;align-items:center;padding:64px;text-align:center}.resources--container h1{margin:0;font-size:72px}.resources--container h2{margin:0;font-size:32px;font-weight:400}.resources--container h3{margin:0;font-size:24px}.resources--container p{font-size:16px;line-height:1.5}.resource a{font-size:16px}@media(max-width:768px){.heading{padding:32px}.resources--container h1{font-size:48px}.resources--container h2{font-size:24px}.resources--container h3{font-size:20px}}.resources{display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:32px}.resource{display:flex;max-width:1000px;gap:24px;align-items:center;margin:0 16px;padding:24px;border-radius:8px;background-color:var(--chart-primary);-webkit-box-shadow:-1px 0px 32px -22px rgba(0,0,0,.75);-moz-box-shadow:-1px 0px 32px -22px rgba(0,0,0,.75);box-shadow:-1px 0 32px -22px #000000bf}.resource .resource--image img{width:100px;height:100px}.resource a{color:var(--chart-light);padding:8px 12px;background-color:var(--primary-200);border-radius:8px;font-weight:500;transition:background-color .3s ease;width:fit-content}.resource a:hover{background-color:var(--primary-500)}@media(max-width:768px){.resource--image{display:none}}.resource--content{display:flex;flex-direction:column;gap:8px}.resource--header{display:flex;justify-content:space-between;align-items:center}.resource--header img{width:30px}@media(min-width:768px){.resource--header img{display:none}}.content{display:flex;flex-direction:column;align-items:center}.faq{display:flex;flex-direction:column;gap:24px;align-items:center;padding:36px 24px}.faq--header{display:flex;flex-direction:column;gap:8px;text-align:center}.faq--header h1{margin:0;font-size:72px}.faq--header h2{margin:0;font-size:32px;font-weight:400}@media(max-width:1150px){.faq--header h1{font-size:48px}.faq--header h2{font-size:24px}}@media(max-width:800px){.faq--header h1{font-size:36px}.faq--header h2{font-size:18px}}@media(max-width:600px){.faq--header h1{font-size:32px}.faq--header h2{font-size:16px}}.faq--answers{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.faq--answer{padding:8px 16px;background-color:var(--chart-primary);border-radius:8px;font-size:16px;-webkit-box-shadow:-1px 0px 46px -22px rgba(0,0,0,.55);-moz-box-shadow:-1px 0px 46px -22px rgba(0,0,0,.55);box-shadow:-1px 0 46px -22px #0000008c;width:900px;cursor:pointer}.faq--body p{margin:8px 0}@media(max-width:1150px){.faq--answer{width:600px}}@media(max-width:800px){.faq--answer{width:500px}}@media(max-width:600px){.faq--answer{width:400px}}@media(max-width:500px){.faq--answer{width:300px}}.faq--answerHeader{display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.faq--answerHeader h3{margin:0;font-size:18px}.faq--answerHeader button{border:none;background-color:transparent;padding:4px}.faq--answerHeader .icon{color:var(--primary-500)}.faq--body{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out}.faq--body.expanded{max-height:1000px;opacity:1}.contactForm{display:flex;flex-direction:column;align-items:center;gap:32px;padding:36px 24px}.contactForm--header{display:flex;flex-direction:column;gap:8px;text-align:center}.contactForm--header h3{margin:0;font-size:48px}.contactForm--header h4{margin:0;font-size:24px;font-weight:400}.contactForm a{padding:12px 24px;border-radius:8px;border:none;background-color:var(--primary-200);color:var(--chart-light);font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.contactForm a:hover{background-color:var(--primary-500)}.contactForm a:active{background-color:var(--primary-200);transition:background-color 0s}@media(max-width:600px){.contactForm{padding:12px 24px 36px;gap:16px}.contactForm--header h3{margin:0;font-size:32px}.contactForm--header h4{margin:0;font-size:16px;font-weight:400}}@media(max-width:500px){.contactForm{padding:8px 24px 36px;gap:16px}.contactForm--header h3{margin:0;font-size:32px}.contactForm--header h4{margin:0;font-size:16px;font-weight:400}.contactForm button{font-size:16px}}.credentials-form__input{background-color:var(--chart-light);border-radius:4px;font-size:16px;border:none;width:100%;margin-left:4px}.credentials-form__input:focus{outline:none}.credentials-form__input-wrapper svg{margin-bottom:4px}.credentials-form__title h1{margin-bottom:4px}.credentials-form__title,.credentials-form__subtitle,.credentials-form p{margin:0}.credentials-form__subtitle{color:var(--chart-secondary)}.credentials-form__button{width:100%;margin-top:16px;margin-bottom:8px;background-color:var(--primary);color:var(--chart-light);border:none;font-weight:500;border-radius:20px;padding:8px 16px;font-size:18px;cursor:pointer;-webkit-box-shadow:0px 0px 12px -2px rgba(0,0,0,.35);-moz-box-shadow:0px 0px 12px -2px rgba(0,0,0,.35);box-shadow:0 0 12px -2px #00000059;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;box-shadow:0 0 20px #eee;display:block;background-image:linear-gradient(to right,var(--primary) 0%,var(--primary-200) 45%,var(--primary) 100%)}.credentials-form__button:hover{background-position:right center;color:#fff;text-decoration:none}.credentials-form__button:active{background-color:var(--primary-500)!important}.credentials-form__logo{display:flex;justify-content:center;margin-bottom:24px}.credentials-form__logo-img{width:100px}.base{display:flex;flex-direction:column;align-items:center;justify-self:center;padding:24px}.credentials-form{display:flex;flex-direction:column;gap:16px;width:fit-content;max-width:450px;padding:24px 32px;border-radius:16px;background-color:var(--chart-light);-webkit-box-shadow:0px 0px 16px -3px rgba(0,0,0,.45);-moz-box-shadow:0px 0px 16px -3px rgba(0,0,0,.45);box-shadow:0 0 16px -3px #00000073}.credentials-form__label{font-weight:700}.credentials-form__input-wrapper{background-color:var(--chart-light);display:flex;align-items:center;padding:4px;border-width:0px 0px 1px 0px;border-color:var(--primary);border-style:solid}.credentials-form__requirements{display:flex;flex-direction:column;gap:4px}.credentials-form__requirement{display:flex;align-items:flex-start;gap:4px;color:var(--chart-secondary)}.credentials-form__requirement svg{margin:1px 0 0;flex-shrink:0}.credentials-form__actions{display:flex;flex-direction:column;align-items:center;gap:8px}:host{display:flex;flex-direction:column;flex:1}.container{flex:1;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.activate--mainHeader{font-size:64px;margin:0}.activate--subHeader{font-size:24px;font-weight:400;margin:0}.activate--container p{font-size:16px;text-decoration:none}.input-container{margin-bottom:16px;width:100%}.input-label{display:block;margin-bottom:8px;font-size:16px;font-weight:600;color:var(--chart-alternate)}.input-wrapper{display:flex;align-items:center;background-color:var(--chart-primary);border:2px solid transparent;border-radius:8px;padding:12px;transition:border-color .2s}.input-wrapper:focus-within{border-color:var(--primary)}.input-wrapper.input-invalid{border-color:var(--error)}.input-icon{display:flex;align-items:center;margin-right:10px;color:var(--chart-alternate)}.input-field{flex:1;border:none;background:transparent;font-size:16px;color:var(--chart-alternate);outline:none}.input-field::placeholder{color:var(--chart-alternate);opacity:.6}.password-toggle{display:flex;align-items:center;background:none;border:none;color:var(--chart-alternate);cursor:pointer;padding:0;margin-left:8px;transition:color .2s}.password-toggle:hover{color:var(--primary)}.password-toggle:focus{color:var(--primary)}.password-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.auth-button{padding:16px 24px;border:none;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.auth-button--full{width:100%}.auth-button--primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-200) 100%);color:#fff}.auth-button--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-200) 0%,var(--primary-500) 100%);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.auth-button--secondary{background:linear-gradient(135deg,var(--secondary) 0%,#8aac87 100%);color:#fff}.auth-button--secondary:hover:not(:disabled){background:linear-gradient(135deg,#8aac87,#7a9c77);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.auth-button--danger{background:linear-gradient(135deg,#dd2626,#b82727);color:#fff}.auth-button--danger:hover:not(:disabled){background:linear-gradient(135deg,#b82727,#a01f1f);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-page{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background-color:var(--light)}.auth-container{width:90%;max-width:800px;padding:32px;background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a}.auth-logo{display:flex;justify-content:center;margin-bottom:24px}.auth-logo img{width:100px;height:100px}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-size:36px;font-weight:700;color:var(--chart-alternate);margin:0 0 8px}.auth-header p{font-size:16px;font-weight:500;color:var(--chart-alternate);margin:0}.auth-form{margin-bottom:20px;display:flex;flex-wrap:wrap}.auth-form--inputContainer{flex:1;display:flex;gap:16px}.remember-me{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.remember-me label{font-size:16px;color:var(--chart-alternate);cursor:pointer}.auth-error{padding:12px;margin-bottom:16px;background-color:#fee;border:1px solid var(--error);border-radius:8px;color:var(--error);font-size:16px;text-align:center}.auth-success{padding:12px;margin-bottom:16px;background-color:#efe;border:1px solid #0a0;border-radius:8px;color:#0a0;font-size:16px;text-align:center}.auth-links{text-align:center;margin-top:20px}.auth-links p{margin:8px 0;font-size:16px;color:var(--chart-alternate)}.auth-links a{color:var(--primary);font-weight:600;text-decoration:none}.auth-links a:hover{text-decoration:underline}@media(max-width:768px){.auth-container{width:300px;padding:24px}.auth-header h1{font-size:28px}.auth-form,.auth-form--inputContainer{display:block}}.select-container{margin-bottom:16px;width:100%}.select-label{display:block;margin-bottom:8px;font-size:16px;font-weight:600;color:var(--chart-alternate)}.select-wrapper{display:flex;align-items:center;background-color:var(--chart-primary);border:2px solid transparent;border-radius:8px;padding:12px;transition:border-color .2s}.select-wrapper:focus-within{border-color:var(--primary)}.select-wrapper.select-invalid{border-color:var(--error)}.select-icon{display:flex;align-items:center;margin-right:10px;color:var(--chart-alternate)}.select-field{flex:1;width:calc(100% - 40px);border:none;background:transparent;font-size:16px;color:var(--chart-alternate);outline:none;cursor:pointer}.select-field option{background-color:#fff;color:var(--chart-alternate)}.profile-page{padding:40px 20px;background-color:var(--light)}.profile-container{max-width:600px;margin:0 auto;background-color:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #0000001a}.profile-header{text-align:center;margin-bottom:32px}.profile-avatar{display:flex;justify-content:center;margin-bottom:16px}.profile-avatar img{border-radius:50%}.profile-header h2{font-size:28px;font-weight:700;color:var(--chart-alternate);margin:8px 0}.profile-email{font-size:18px;font-weight:600;color:var(--chart-alternate);margin:0}.profile-form{margin-bottom:32px}.profile-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding-top:20px;border-top:2px solid var(--chart-primary)}.profile-actions button{display:flex;align-items:center;justify-content:center;min-width:160px}.loading{text-align:center;padding:40px;font-size:18px;color:var(--chart-alternate)}@media(max-width:768px){.profile-container{padding:24px}.profile-actions{flex-direction:column}.profile-actions button{width:100%}}.chart-day{min-width:200px;max-width:200px;background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:12px}.chart-day-header{text-align:center;padding-bottom:8px;border-bottom:2px solid var(--chart-primary);display:flex;flex-direction:column;gap:4px}.chart-day-date{font-size:14px;color:var(--chart-alternate)}.chart-day-number{font-size:20px;font-weight:700;color:var(--chart-alternate)}.chart-day-content{display:flex;flex-direction:column;gap:12px}.chart-day-sticker{display:flex;justify-content:center;align-items:center;position:relative;min-height:120px}.chart-day-sticker img{max-width:80px;max-height:120px;border-radius:8px;border:2px solid var(--chart-alternate)}.sticker-fallback{background-color:var(--chart-light);padding:8px 12px;border-radius:8px;border:2px solid var(--chart-alternate);font-size:12px;font-weight:600;color:var(--chart-alternate);text-align:center;width:80px;flex:1;justify-content:center;display:flex;align-items:center;height:calc(100% - 20px)}.chart-day-details{display:flex;flex-direction:column;gap:8px}.chart-day-field{display:flex;flex-direction:column;gap:4px}.chart-day-field.notes{margin-top:8px;padding-top:8px;border-top:1px solid var(--chart-primary)}.field-label{font-size:12px;font-weight:600;color:var(--chart-secondary);text-transform:uppercase}.field-value{font-size:14px;color:var(--chart-alternate);display:flex;align-items:center}.icon-success{color:var(--primary)}.icon-error{color:var(--error)}.chart-days-scroll{display:flex;gap:16px;min-width:min-content;padding:8px 0}.compressed-view{border-collapse:collapse;min-width:max-content;font-size:13px;color:var(--chart-alternate)}.cv-row-label{position:sticky;left:0;z-index:2;background:#fff;min-width:90px;text-align:right;padding:4px 8px;font-size:12px;font-weight:600;color:var(--chart-secondary);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--chart-primary);vertical-align:middle;white-space:nowrap}.cv-vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;padding:8px 6px;white-space:normal}.cv-date-cell{text-align:center;padding:3px 2px;min-width:56px;width:56px;border:1px solid var(--chart-primary);vertical-align:middle}.cv-weekday{display:block;font-size:12px;color:var(--chart-secondary);text-transform:uppercase}.cv-date-num{display:block;font-size:12px;font-weight:700;color:var(--chart-alternate)}.cv-cycle-day-cell{text-align:center;padding:4px 2px;font-size:12px;color:var(--chart-alternate);border:1px solid var(--chart-primary);min-width:56px;width:56px;vertical-align:middle}.cv-symbol-cell{padding:2px;height:120px;min-width:56px;width:56px;border:1px solid var(--chart-primary);text-align:center;vertical-align:middle}.cv-sticker-img{max-height:100px;max-width:56px;object-fit:contain;display:block;margin:0 auto}.cv-sticker-fallback{font-size:12px;color:var(--chart-alternate);word-break:break-all;text-align:center;display:block}.cv-vertical-cell{text-align:center;padding:2px;height:120px;min-width:56px;width:56px;border:1px solid var(--chart-primary);vertical-align:middle}.cv-vertical-text{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);display:inline-block;font-size:12px;color:var(--chart-alternate);max-height:76px;overflow:hidden;white-space:nowrap}.cv-indicator-cell{text-align:center;padding:4px 2px;min-width:56px;width:56px;border:1px solid var(--chart-primary);vertical-align:middle}.cv-indicator{color:var(--chart-secondary);display:block;margin:0 auto}.chart-days-toolbar{display:flex;gap:16px;justify-content:space-between;padding-bottom:8px;margin:0 24px;border-bottom:var(--chart-primary) 1px solid}.chart-days-menu{list-style:none;padding:0;margin:0}.chart-days-menu li{display:flex;gap:8px}.chart-days-menu .toolbar-button{background-color:transparent;border:none;font-size:16px;display:flex;gap:4px;padding:4px 8px;border-radius:8px;align-items:center;cursor:pointer;color:var(--chart-alternate);transition:background-color .2s ease}.chart-days-menu .toolbar-button:hover{background-color:var(--chart-light)}.chart-days-menu .toolbar-button:active{background-color:var(--chart-primary)}.chart-days-menu .toolbar-button:disabled{opacity:.7;cursor:wait}.my-chart-page{padding:40px 20px;background-color:var(--light);width:100%}.my-chart-container{max-width:90%;margin:0 auto}.loading,.error-message,.no-data{text-align:center;padding:60px 20px;font-size:18px;color:var(--chart-alternate)}.no-data h2{font-size:32px;font-weight:700;color:var(--chart-alternate);margin-bottom:16px}.no-data p{font-size:18px;margin:8px 0}.error-message{color:var(--error)}.cycle-selector{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:32px;background-color:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 12px #0000001a}.cycle-nav-button{background-color:var(--primary);color:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.cycle-nav-button:hover:not(:disabled){background-color:var(--primary-200);transform:scale(1.05)}.cycle-nav-button:disabled{background-color:var(--chart-primary);cursor:not-allowed;opacity:.5}.cycle-info{text-align:center;min-width:250px}.cycle-info h2{font-size:28px;font-weight:700;color:var(--chart-alternate);margin:0 0 8px}.cycle-stats{font-size:16px;color:var(--chart-secondary);margin:0}.cycle-length{font-weight:600;margin-top:4px}.chart-days{background-color:#fff;border-radius:16px;box-shadow:0 2px 12px #0000001a;padding-top:16px}.chart-days-container{overflow-x:auto;padding:8px 24px 24px}.chart-days-container::-webkit-scrollbar{height:10px}.chart-days-container::-webkit-scrollbar-track{background:var(--chart-light);border-radius:5px}.chart-days-container::-webkit-scrollbar-thumb{background:var(--chart-secondary);border-radius:5px}.chart-days-container::-webkit-scrollbar-thumb:hover{background:var(--chart-alternate)}@media(max-width:768px){.my-chart-page{padding:20px 10px}.cycle-selector{padding:16px;gap:16px}.cycle-info{min-width:180px}.cycle-info h2{font-size:22px}.cycle-stats{font-size:14px}.cycle-nav-button{width:40px;height:40px}.chart-days-container{padding:16px}}.skip-link{position:absolute;top:-100%;left:0;padding:8px 16px;background-color:var(--primary-500);color:#fff;font-weight:600;font-size:16px;z-index:9999;text-decoration:none;border-radius:0 0 8px}.skip-link:focus{top:0}footer{display:flex;align-items:center;justify-content:center;color:var(--chart-alternate);font-weight:600;background-color:var(--light)}.container{margin-bottom:12px;text-align:center}.container p{margin:0 0 8px;font-size:16px}.links{display:flex;justify-content:center;gap:32px}.links a{margin:0;color:var(--chart-alternate);font-size:16px;font-weight:600;padding:0 2px}.spacer{display:none}#app-container{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--light)}.flex-container{display:flex;flex-direction:column;flex:1}.information--container{padding:12px 24px;background-color:var(--light)}