@charset "UTF-8";.App{font-family:Helvetica,Arial,sans-serif;text-align:center}.times{align-items:center;display:flex;flex-direction:column;margin-top:20px}.times div{margin:5px}:root{--tooltip-width:262.5px;--tooltip-ratio:0.87;--tooltip-offset:calc(50% + var(--tooltip-width)*var(--tooltip-ratio));--tooltip-padding:20px;--tooltip-fixed-mobile-bottom-offset:385px;--tooltip-fixed-bottom-offset:525px;--tooltip-fixed-bottom-max-height:calc(100vh - 395px);--tooltip-fixed-top-height:310px;--tooltip-fixed-top-offset:80px}.tooltip{animation:bounceIn .75s forwards;background-color:#ffffffd9;border:1px solid #000;border-radius:5px;color:#000;opacity:0;padding:5px;position:fixed}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media (max-width:767px){.tooltip{font-size:14px;left:20px;left:var(--tooltip-padding);max-height:225px;overflow:auto;overflow:hidden;text-overflow:ellipsis;transform:translateX(-50%);white-space:normal;width:calc(100% - 40px);width:calc(100% - var(--tooltip-padding)*2)}.tooltip.daybreak,.tooltip.sunrise,.tooltip.uva-rise{height:310px;height:var(--tooltip-fixed-top-height);top:80px;top:var(--tooltip-fixed-top-offset)}.tooltip.solar-noon,.tooltip.uvb-rise,.tooltip.uvb-set{max-height:calc(100vh - 395px);max-height:var(--tooltip-fixed-bottom-max-height);top:525px;top:var(--tooltip-fixed-bottom-offset)}.tooltip.nadir,.tooltip.nightfall,.tooltip.sunset,.tooltip.uva-set{height:310px;height:var(--tooltip-fixed-top-height);top:80px;top:var(--tooltip-fixed-top-offset)}}@media (max-height:668px) and (max-width:767px){.tooltip{max-height:200px;overflow-y:auto}.tooltip.daybreak,.tooltip.sunrise,.tooltip.uva-rise{height:310px;height:var(--tooltip-fixed-top-height);top:80px;top:var(--tooltip-fixed-top-offset)}.tooltip.solar-noon,.tooltip.uvb-rise,.tooltip.uvb-set{max-height:calc(100vh - 395px);max-height:var(--tooltip-fixed-bottom-max-height);top:385px;top:var(--tooltip-fixed-mobile-bottom-offset)}.tooltip.nadir,.tooltip.nightfall,.tooltip.sunset,.tooltip.uva-set{height:310px;height:var(--tooltip-fixed-top-height);top:80px;top:var(--tooltip-fixed-top-offset)}}@media (min-width:768px) and (max-width:949px){.tooltip{width:262.5px;width:var(--tooltip-width)}.tooltip.daybreak{top:230px}.tooltip.daybreak,.tooltip.sunrise{right:20px;right:var(--tooltip-padding)}.tooltip.sunrise{top:210px}.tooltip.uva-rise{top:190px}.tooltip.uva-rise,.tooltip.uvb-rise{right:20px;right:var(--tooltip-padding)}.tooltip.uvb-rise{top:170px}.tooltip.solar-noon{right:20px;right:var(--tooltip-padding);top:150px}.tooltip.uvb-set{top:170px}.tooltip.uva-set,.tooltip.uvb-set{left:20px;left:var(--tooltip-padding)}.tooltip.uva-set{top:190px}.tooltip.sunset{top:210px}.tooltip.nightfall,.tooltip.sunset{left:20px;left:var(--tooltip-padding)}.tooltip.nightfall{top:230px}.tooltip.nadir{left:20px;left:var(--tooltip-padding);top:150px}}@media (min-width:950px){.tooltip{width:262.5px;width:var(--tooltip-width)}.tooltip.daybreak{top:230px}.tooltip.daybreak,.tooltip.sunrise{left:calc(50% + 228.375px);left:var(--tooltip-offset)}.tooltip.sunrise{top:210px}.tooltip.uva-rise{top:190px}.tooltip.uva-rise,.tooltip.uvb-rise{left:calc(50% + 228.375px);left:var(--tooltip-offset)}.tooltip.uvb-rise{top:170px}.tooltip.solar-noon{left:calc(50% + 228.375px);left:var(--tooltip-offset);top:150px}.tooltip.uvb-set{top:170px}.tooltip.uva-set,.tooltip.uvb-set{right:calc(50% + 228.375px);right:var(--tooltip-offset)}.tooltip.uva-set{top:190px}.tooltip.sunset{top:210px}.tooltip.nightfall,.tooltip.sunset{right:calc(50% + 228.375px);right:var(--tooltip-offset)}.tooltip.nightfall{top:230px}.tooltip.nadir{right:calc(50% + 228.375px);right:var(--tooltip-offset);top:150px}}.slide-pane{background:#fff;box-shadow:0 8px 8px #00000080;display:flex;flex-direction:column;height:100%;min-width:100px;transition:transform .5s;will-change:transform}.slide-pane:focus{outline-style:none}.slide-pane_from_right{margin-left:auto;transform:translateX(100%)}.slide-pane_from_right.content-after-open{transform:translateX(0)}.slide-pane_from_right.content-before-close{transform:translateX(100%)}.slide-pane_from_left{margin-right:auto;transform:translateX(-100%)}.slide-pane_from_left.content-after-open{transform:translateX(0)}.slide-pane_from_left.content-before-close{transform:translateX(-100%)}.slide-pane_from_bottom{height:90vh;margin-top:10vh;transform:translateY(100%)}.slide-pane_from_bottom.content-after-open{transform:translateY(0)}.slide-pane_from_bottom.content-before-close{transform:translateY(100%)}.slide-pane__overlay{background-color:#0000;bottom:0;left:0;position:fixed;right:0;top:0}.slide-pane__overlay.overlay-after-open{background-color:#0000004d;transition:background-color .5s}.slide-pane__overlay.overlay-before-close{background-color:#0000}.slide-pane__header{align-items:center;background:#ebebeb;border-bottom:1px solid #0000001a;display:flex;flex:0 0 64px;height:64px}.slide-pane__title-wrapper{display:flex;flex:1 1;flex-direction:column;margin-left:32px;min-width:0}.slide-pane .slide-pane__title{font-size:18px;font-weight:400;margin:0;max-width:80%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.slide-pane__close{cursor:pointer;margin-left:24px;opacity:.7;padding:16px}.slide-pane__close svg{padding:0;width:12px}.slide-pane__content{flex:1 1 auto;overflow-y:auto;padding:24px 32px;position:relative}.slide-pane__subtitle{font-size:12px;margin-top:2px}.custom-pane{display:flex;flex-direction:column;position:fixed;right:0;z-index:1000}.custom-pane.preview{cursor:pointer;height:calc(100vh - 300px);top:200px;width:30px}.custom-pane.full{height:calc(100vh - 300px)!important;top:200px;width:100%}.side-panel-content{background-color:#333;color:#fff;overflow-y:auto;z-index:1}.custom-pane .side-panel-content{flex-grow:1;overflow-y:auto;position:relative;z-index:2}.custom-pane .slide-pane__content{padding:2px}.content-wrapper{padding:5px;position:relative;z-index:2}.custom-pane .moon-icon-wrapper,.custom-pane .sun-icon-wrapper{margin-right:25px;position:absolute;right:10px;top:10px;z-index:1}.custom-pane .moon-icon-wrapper{align-items:center;display:flex;height:120px;justify-content:center;width:120px}.custom-pane .close-btn{align-self:flex-end}.close-btn,.custom-pane .close-btn{background:none;border:none;cursor:pointer;font-size:24px;z-index:10001}.close-btn{color:#000;position:absolute;right:10px;top:-8px}.toggle-button{color:#fff;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.open-panel-btn,.toggle-button{background:none;border:none;cursor:pointer;font-size:24px;left:50%}.open-panel-btn{bottom:20px;position:fixed;transform:translateX(-50%);z-index:1001}.custom-overlay{background:#0000;transition:background 1111.2s ease,opacity 1111.2s ease}.overlay-content{background:#ffffffb3;border:1px solid #ccc;border-radius:8px;bottom:0;box-shadow:2px 2px 3px #0000004d;color:#000;display:flex;flex-direction:column;justify-content:center;left:0;margin:auto;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px);min-width:20%;overflow:auto;padding:1.5em;position:absolute;right:0;top:0}.content-section{margin-bottom:16px}.section-content{margin-bottom:12px;margin-top:4px}.more-less-info{color:#4a90e2;display:inline-block;font-weight:700;margin-bottom:16px;margin-top:8px;text-decoration:none}.recommended-product-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.recommended-product-link{align-items:center;color:#4a90e2;display:flex;text-decoration:none}.slide-pane{transition:transform .65s ease-in-out!important}.circadian-events-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-top:8vh;text-align:center;width:100%;z-index:1}@media (max-height:600px){.circadian-events-container{margin-top:2vh}}@media (min-height:601px) and (max-height:699px){.circadian-events-container{margin-top:4vh}}@media (min-height:700px) and (max-height:799px){.circadian-events-container{margin-top:6vh}}@media (min-height:800px){.circadian-events-container{margin-top:12vh}}@media (min-height:650px){.circadian-events-list{gap:4.25px}.circadian-event{font-size:20.75px}}@media (min-height:700px){.circadian-events-list{gap:4.5px}.circadian-event{font-size:21px}}@media (min-height:750px){.circadian-events-list{gap:4.75px}.circadian-event{font-size:21.25px}}@media (min-height:800px){.circadian-events-list{gap:5.5px}.circadian-event{font-size:21.75px}}@media (min-height:850px){.circadian-events-list{gap:6px}.circadian-event{font-size:22px}}@media (min-height:900px){.circadian-events-list{gap:6.5px}.circadian-event{font-size:22.25px}}@media (min-height:1000px){.circadian-events-list{gap:7px}.circadian-event{font-size:23px}}.circadian-events-list{align-items:center;background:#fff9;border:1px solid #ccc;border-radius:8px;box-shadow:2px 2px 3px #0000004d;display:flex;flex-direction:column;gap:4px;min-width:20%;padding:.5em 1.5em 1.5em}.circadian-event{color:inherit;cursor:pointer;display:flex;font-size:20.5px;gap:5px;justify-content:flex-start;position:relative;transition:color .3s ease}.circadian-event:before{background-color:#336;border-radius:10px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(1.2);transform-origin:center;transition:transform .3s ease,opacity .3s ease;z-index:-1}.circadian-event:hover:before{opacity:.5;transform:scale(1.1)}.circadian-event:hover{color:#ff5100;text-shadow:-1px 1px 0 #ffffff22,1px 1px 0 #ffffff22}.circadian-event.circadian-event-highlight:before{color:#fff;opacity:0;transform:scale(1)}.circadian-event-highlight{animation:swell .6s ease;background-color:#3366;border-radius:10px;opacity:1;padding:5px}.circadian-event-highlight,.circadian-event-highlight:hover{color:#fff;text-shadow:-1px -1px 0 #69240344,1px -1px 0 #69240344,-1px 1px 0 #69240344,1px 1px 0 #69240344,1px 1px 2px #ff5100aa}@keyframes swell{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.light-present{align-self:flex-start;border-radius:4px;bottom:-30px;flex-direction:row;justify-content:flex-start;left:0;margin-left:0;padding:10px 5px 5px;position:absolute;width:auto;z-index:999}.light-present,.light-present-item{align-items:center;display:flex;font-size:14px;font-weight:700}.light-present-item{flex-direction:column;justify-content:center;margin-left:5px;margin-right:10px;text-decoration:underline}.light-present-item:hover{cursor:pointer}.circadian-day-event{animation:fadeIn 1s ease forwards,swell .5s ease 1s forwards;animation-iteration-count:1;background:linear-gradient(135deg,#fc0,#f90);border-radius:8px;box-shadow:0 3px 5px #00000026;color:#d3d3d3;font-size:28px;font-weight:700;margin-bottom:12px;padding:10px 20px;text-align:center;text-shadow:2px 2px 4px #0000004d,0 0 5px #ff990080;width:100%}@media (max-height:600px){.circadian-day-event{font-size:24px;padding:8px 16px}}@media (min-height:800px){.circadian-day-event{font-size:32px;padding:12px 24px}}.circadian-day-event-dark{animation:swell .5s ease;animation-iteration-count:1;background:linear-gradient(135deg,#4a90e2,#2c3e50);border-radius:8px;box-shadow:0 3px 5px #00000026;color:#d3d3d3;font-size:28px;font-weight:700;margin-bottom:12px;padding:10px 20px;text-align:center;text-shadow:1px 1px 1px #0003;width:100%}@media (max-height:600px){.circadian-day-event-dark{font-size:24px;padding:8px 16px}}@media (min-height:800px){.circadian-day-event-dark{font-size:32px;padding:12px 24px}}.circadian-day{align-self:flex-end;border-radius:4px;bottom:-30px;flex-direction:row;justify-content:flex-end;margin-right:0;padding:10px 5px 5px;position:absolute;right:0;width:auto;z-index:999}.circadian-day,.circadian-day-item{align-items:center;display:flex;font-size:14px;font-weight:700}.circadian-day-item{flex-direction:column;justify-content:center;margin-left:10px;margin-right:5px;text-decoration:underline}.circadian-day-item:hover{cursor:pointer}.circadian-day-header{align-items:flex-start;display:flex;justify-content:space-between;text-align:left}.circadian-day-title-section{flex:1 1}.circadian-day-navigation{display:flex;gap:12px;margin-top:4px}.nav-date-link{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:6px 14px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.nav-date-link:hover{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.nav-date-selected{background:#4caf50;border:1px solid #4caf50;border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:6px 14px;-webkit-user-select:none;user-select:none}.recommendations-container{display:flex;flex-direction:column;gap:8px}.tier-section{gap:16px}.tier-header,.tier-section{display:flex;flex-direction:column}.tier-header{border-bottom:1px solid #e0e0e0;padding-top:16px}.tier-title{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.tier-description{color:#666;font-size:13px;font-style:italic;font-weight:400;margin:0}.recommendation-wrapper{align-items:center;display:flex;flex-direction:column}.timing-windows{display:flex;flex-direction:column;gap:4px;list-style:none;margin-left:36px;margin-top:8px;padding:0}.timing-window{align-items:flex-start;display:flex;font-size:13px;gap:8px;padding-left:12px;position:relative}.timing-window:before{color:#666;content:"•";font-weight:700;left:0;position:absolute;top:0}.timing-label{font-weight:600;min-width:60px}.timing-time{color:#666;flex:1 1;font-weight:500}.circadian-day-footer{margin-top:40px;padding-top:24px}.footer-note{margin:0 0 20px}.tier-explanations{grid-gap:12px;background:#f8f9fa;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0;padding:16px}.tier-explanation{background:#fff;border-left:3px solid #4caf50;border-radius:6px;font-size:13px;line-height:1.4;padding:12px}.tier-explanation strong{color:#333;display:block;font-size:14px;margin-bottom:4px}.footer-list{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.footer-disclaimer{color:#777;font-size:13px;line-height:1.7;margin:0 0 16px;text-align:left}.recommendation-expanded{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:20px auto;max-width:600px;padding:20px}.recommendation-expanded .recommendation-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.recommendation-expanded .recommendation-icon{flex-shrink:0;font-size:28px}.recommendation-expanded .recommendation-title-section{display:flex;flex-direction:column;flex-grow:1;gap:4px}.recommendation-expanded .recommendation-title{color:#333;font-size:20px;font-weight:600;line-height:1.2}.recommendation-expanded .recommendation-grade{font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.recommendation-details h4{border-bottom:1px solid #f0f0f0;color:#444;font-size:16px;font-weight:600;margin:20px 0 10px;padding-bottom:6px}.recommendation-details h4:first-child{margin-top:0}.recommendation-details p{color:#555;font-size:14px;line-height:1.6;margin-bottom:12px}.recommendation-details p strong{color:#333;font-weight:600}.recommendation-details ul{margin:12px 0;padding-left:18px}.recommendation-details li{color:#555;font-size:14px;line-height:1.5;margin-bottom:6px}.dark-theme .tier-title{color:#fff}.dark-theme .tier-description{color:#bbb}.dark-theme .tier-header{border-bottom-color:#444}.dark-theme .tier-explanations{background:#ffffff0d}.dark-theme .tier-explanation{background:#ffffff14;border-left-color:#4caf50}.dark-theme .tier-explanation strong{color:#fff}.dark-theme .timing-window:before{color:#aaa}.dark-theme .timing-time{color:#64b5f6}.dark-theme .recommendation-expanded{background:#ffffff0d;border-color:#ffffff1a}.dark-theme .recommendation-expanded .recommendation-header{border-bottom-color:#ffffff1a}.dark-theme .recommendation-expanded .recommendation-title{color:#fff}.dark-theme .recommendation-details h4{border-bottom-color:#ffffff1a;color:#eee}.dark-theme .recommendation-details p{color:#ccc}.dark-theme .recommendation-details p strong{color:#fff}.dark-theme .recommendation-details li{color:#bbb}.dark-theme .footer-disclaimer,.dark-theme .footer-note{color:#999}.back-to-list-btn{background:#f0f0f0;border:1px solid #ccc;border-radius:6px;color:#666;cursor:pointer;font-size:12px;font-weight:500;margin-left:auto;padding:6px 12px;transition:all .2s ease}.back-to-list-btn:hover{background:#e8e8e8;border-color:#999;color:#333}.dark-theme .back-to-list-btn{background:#ffffff1a;border-color:#fff3;color:#ccc}.dark-theme .back-to-list-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.recommendation-expanded{margin:16px;padding:16px}.recommendation-expanded .recommendation-header{gap:12px;margin-bottom:16px}.recommendation-expanded .recommendation-icon{font-size:24px}.recommendation-expanded .recommendation-title{font-size:18px}.recommendation-details h4{font-size:15px}.recommendation-details li,.recommendation-details p{font-size:13px}.circadian-day-list{margin:0 auto;max-width:600px;padding:20px}.circadian-day-header{border-bottom:1px solid #eee;margin-bottom:24px;padding-bottom:16px;text-align:center}.circadian-day-header h3{color:#333;font-size:24px;font-weight:700;margin:0 0 8px}.circadian-day-header .beta-label{background:#fbbf24;border-radius:12px;color:#92400e;font-size:10px!important;font-weight:700;letter-spacing:.05em;margin-left:2px;padding:1px 4px}.circadian-day-subtitle{color:#666;font-size:14px;font-weight:400;margin:0}.recommendation-category{margin-bottom:28px}.category-title{color:#444;font-size:16px;font-weight:600;margin:0 0 12px;padding-left:4px}.recommendations-grid{display:flex;flex-direction:column;gap:12px}.recommendation-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:16px;position:relative;transition:all .2s ease}.recommendation-item:hover{background:#f8f9fa;border-color:#4caf50;box-shadow:0 4px 12px #4caf501a;transform:translateY(-1px)}.recommendation-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.recommendation-icon{flex-shrink:0;font-size:24px}.recommendation-title-section{display:flex;flex-direction:column;flex-grow:1;gap:2px}.recommendation-title{color:#333;font-size:16px;font-weight:600;line-height:1.2}.recommendation-grade{font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.recommendation-time{color:#2196f3;font-size:14px;font-weight:500;margin-bottom:6px;margin-left:36px}.recommendation-description{color:#666;font-size:14px;line-height:1.4;margin-bottom:4px;margin-left:36px;margin-top:4px}.recommendation-arrow{color:#bbb;font-size:18px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease}.recommendation-item:hover .recommendation-arrow{color:#4caf50;transform:translateY(-50%) translateX(4px)}.circadian-day-footer{border-top:1px solid #eee;margin-top:32px;padding-top:20px}.footer-note{color:#777;font-size:13px;line-height:1.7;margin:0;text-align:left}.dark-theme .circadian-day-list{background:#000000e6;color:#fff}.dark-theme .circadian-day-header{border-bottom-color:#444}.dark-theme .circadian-day-header h3{color:#fff}.dark-theme .circadian-day-subtitle{color:#ccc}.dark-theme .category-title{color:#eee}.dark-theme .recommendation-item{background:#ffffff0d;border-color:#ffffff1a}.dark-theme .recommendation-item:hover{background:#ffffff14;border-color:#4caf50}.dark-theme .recommendation-title{color:#fff}.dark-theme .recommendation-description{color:#bbb}.dark-theme .recommendation-time{color:#64b5f6}.dark-theme .circadian-day-footer{border-top-color:#444}.dark-theme .footer-note{color:#999}.dark-theme .recommendation-arrow{color:#666}.dark-theme .recommendation-item:hover .recommendation-arrow{color:#4caf50}.list-item-additional{color:#888;font-size:13px;font-style:italic;margin:8px 0 8px 36px}.meal-summary{color:#666;font-size:12px;font-weight:500}.dark-theme .list-item-additional{color:#aaa}.dark-theme .meal-summary{color:#999}@media (max-width:768px){.circadian-day-container-dark,.circadian-day-container-light{margin:4px 0;position:static;text-align:center}.circadian-day-button-dark,.circadian-day-button-light{font-size:12px;padding:4px 8px}.recommendations-container{gap:6px}.tier-section{gap:12px}.tier-title{font-size:16px}.tier-explanations{gap:8px;grid-template-columns:1fr;padding:12px}.tier-explanation{font-size:12px;padding:10px}.tier-explanation strong{font-size:13px}.circadian-day-list{padding:8px}.circadian-day-header{flex-direction:column;gap:12px;margin-bottom:12px;padding-bottom:8px;text-align:center}.circadian-day-navigation{justify-content:center;margin-top:0}.circadian-day-header h3{font-size:20px;gap:6px;margin-bottom:4px}.circadian-day-header .beta-label{font-size:9px!important;margin-left:2px;padding:1px 4px}.circadian-day-subtitle{font-size:13px}.recommendation-category{margin-bottom:16px}.category-title{font-size:15px;margin-bottom:8px;padding-left:2px}.recommendations-grid{gap:8px}.recommendation-item{border-radius:8px;padding:10px}.recommendation-header{gap:8px;margin-bottom:4px}.recommendation-icon{font-size:18px}.recommendation-title{font-size:14px}.recommendation-grade{font-size:11px}.recommendation-description,.recommendation-time{font-size:12px;margin-left:26px}.timing-windows{gap:2px;margin-left:26px;margin-top:4px}.timing-window{font-size:12px;gap:6px;padding-left:10px}.timing-label{min-width:50px}.list-item-additional{font-size:11px;margin:4px 0 4px 26px}.recommendation-arrow{font-size:16px;right:8px;top:10px;transform:none}.recommendation-expanded{border-radius:8px;margin:8px;padding:12px}.recommendation-expanded .recommendation-header{gap:8px;margin-bottom:12px;padding-bottom:8px}.recommendation-expanded .recommendation-icon{font-size:20px}.recommendation-expanded .recommendation-title{font-size:16px}.recommendation-expanded .recommendation-grade{font-size:11px}.recommendation-details h4{font-size:14px;margin:12px 0 6px;padding-bottom:4px}.recommendation-details p{font-size:12px;line-height:1.4;margin-bottom:8px}.recommendation-details li{font-size:12px;line-height:1.3;margin-bottom:4px}.recommendation-details ul{margin:8px 0;padding-left:16px}.recommendation-navigation{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:space-between;margin-top:24px;padding-top:16px}.back-to-list-btn.disabled{background:#f5f5f5;border-color:#e0e0e0;color:#bbb;cursor:not-allowed;opacity:.6}.back-to-list-btn.disabled:hover{background:#f5f5f5;border-color:#e0e0e0;color:#bbb;transform:none}.dark-theme .recommendation-navigation{border-top-color:#ffffff1a}.dark-theme .back-to-list-btn.disabled,.dark-theme .back-to-list-btn.disabled:hover{background:#ffffff08;border-color:#ffffff14;color:#666}.nav-date-link,.nav-date-selected{font-size:12px;padding:4px 10px}.recommendation-navigation{gap:8px;margin-top:16px;padding-top:12px}.recommendation-navigation .back-to-list-btn{flex:1 1;font-size:11px;padding:4px 8px}.circadian-day-footer{margin-top:16px;padding-top:12px}.footer-disclaimer,.footer-note{font-size:11px}.back-to-list-btn{font-size:11px;padding:4px 8px}}@media (max-width:480px){.circadian-day-navigation{gap:8px;justify-content:stretch}.nav-date-link,.nav-date-selected{flex:1 1;font-size:11px;padding:4px 8px;text-align:center}.circadian-day-list{padding:6px}.circadian-day-header{margin-bottom:10px;padding-bottom:6px}.circadian-day-header h3{font-size:18px}.circadian-day-header .beta-label{font-size:9px!important;margin-left:2px;padding:1px 4px}.recommendation-category{margin-bottom:12px}.category-title{font-size:14px;margin-bottom:6px}.recommendation-item{padding:8px}.recommendation-expanded{margin:4px;padding:10px}.circadian-day-footer{margin-top:12px;padding-top:8px}.recommendations-container{gap:5px}.tier-section{gap:10px}.tier-title{font-size:15px}.tier-explanation{font-size:11px;padding:8px}.tier-explanation strong{font-size:12px}}.blurred-recommendation-item{pointer-events:none;position:relative;-webkit-user-select:none;user-select:none}.blurred-recommendation-item .recommendation-arrow,.blurred-recommendation-item .recommendation-description,.blurred-recommendation-item .timing-windows{filter:blur(3px);opacity:.6}.blurred-recommendation-item .recommendation-header{filter:none;opacity:1}.signup-prompt-container{background:linear-gradient(135deg,#f6f8fa,#e1e8ed);border:2px solid #d0d7de;border-radius:12px;box-shadow:0 4px 12px #0000001a;grid-column:1/-1;margin:1rem 0;padding:2rem;position:relative;text-align:center}.signup-prompt-content{margin:0 auto;max-width:400px}.signup-prompt-container h4{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;justify-content:center;margin:0 0 .75rem}.signup-prompt-container p{color:#4b5563;font-size:1rem;line-height:1.5;margin:0 0 1.5rem}.signup-prompt-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.signup-prompt-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.signup-prompt-button:active{box-shadow:0 2px 4px #3b82f633;transform:translateY(0)}.dark-mode .signup-prompt-container{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151}.dark-mode .signup-prompt-container h4{color:#f9fafb}.dark-mode .signup-prompt-container p{color:#d1d5db}@media (max-width:768px){.signup-prompt-container{margin:1.5rem 0;padding:1.5rem}.signup-prompt-container h4{font-size:1.125rem}.signup-prompt-container p{font-size:.9rem}.signup-prompt-button{font-size:.9rem;padding:.625rem 1.25rem}}.blurred-recommendation-item .recommendation-arrow,.blurred-recommendation-item .recommendation-description,.blurred-recommendation-item .timing-windows{animation:fadeInBlurred .3s ease-in-out}@keyframes fadeInBlurred{0%{filter:blur(5px);opacity:0}to{filter:blur(3px);opacity:.6}}.bare-minimum-description{color:#555;font-size:14px;font-weight:400;line-height:1.6;margin-bottom:16px;margin-top:0}.bare-minimum-recommendations{display:flex;flex-direction:column;gap:16px}.bare-minimum-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px;transition:all .2s ease}.bare-minimum-item:hover{border-color:#4caf50;box-shadow:0 2px 8px #4caf501a}.bare-minimum-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.bare-minimum-icon{flex-shrink:0;font-size:24px}.bare-minimum-header h5{color:#333;font-size:16px;font-weight:600;margin:0}.bare-minimum-timing{background:#f8f9fa;border-left:3px solid #4caf50;border-radius:8px;font-size:14px;margin-bottom:10px;padding:8px 12px}.bare-minimum-timing strong{color:#2e7d32;font-weight:600}.bare-minimum-content p{color:#555;font-size:14px;line-height:1.6;margin-bottom:10px}.bare-minimum-content p:last-child{margin-bottom:0}.bare-minimum-examples,.bare-minimum-note{background:#f8f9fa;border-left:3px solid #2196f3;border-radius:6px;font-size:13px;margin-top:8px;padding:10px 12px}.bare-minimum-examples strong,.bare-minimum-note strong{color:#1976d2;font-weight:600}.bare-minimum-footer{border-top:2px solid #4caf50;margin-top:20px;padding-top:16px}.bare-minimum-footer p{color:#333;font-size:14px;line-height:1.6;margin:0;text-align:center}.dark-theme .bare-minimum-description{color:#ccc}.dark-theme .bare-minimum-item{background:#ffffff0d;border-color:#ffffff1a}.dark-theme .bare-minimum-item:hover{background:#ffffff14;border-color:#4caf50}.dark-theme .bare-minimum-header h5{color:#fff}.dark-theme .bare-minimum-timing{background:#ffffff0d;border-left-color:#4caf50}.dark-theme .bare-minimum-timing strong{color:#81c784}.dark-theme .bare-minimum-content p{color:#ccc}.dark-theme .bare-minimum-examples,.dark-theme .bare-minimum-note{background:#ffffff0d;border-left-color:#64b5f6}.dark-theme .bare-minimum-examples strong,.dark-theme .bare-minimum-note strong{color:#64b5f6}.dark-theme .bare-minimum-footer{border-top-color:#4caf5066}.dark-theme .bare-minimum-footer p{color:#fff}@media (max-width:768px){.bare-minimum-content p,.bare-minimum-description{font-size:13px}.bare-minimum-recommendations{gap:12px}.bare-minimum-item{padding:12px}.bare-minimum-header{gap:10px;margin-bottom:8px}.bare-minimum-icon{font-size:20px}.bare-minimum-header h5{font-size:15px}.bare-minimum-timing{font-size:13px;padding:6px 10px}.bare-minimum-examples,.bare-minimum-note{font-size:12px;padding:8px 10px}.bare-minimum-footer{margin-top:16px;padding-top:12px}.bare-minimum-footer p{font-size:13px}}@media (max-width:480px){.bare-minimum-item{padding:10px}}.general-guidelines-content p{color:#555;font-size:14px;line-height:1.6;margin-bottom:12px}.general-guidelines-content p:last-child{margin-bottom:0}.guidelines-emphasis{background:#fff;border-left:3px solid #2196f3;border-radius:8px;color:#333;font-weight:600;padding:10px 12px}.dark-theme .general-guidelines-content p{color:#ccc}.dark-theme .guidelines-emphasis{background:#ffffff0d;border-left-color:#64b5f6;color:#fff}@media (max-width:768px){.general-guidelines-content p{font-size:13px}.guidelines-emphasis{font-size:13px;padding:8px 10px}}.tier-introduction-content h5{color:#333;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.tier-introduction-content p{color:#555;font-size:14px;line-height:1.6;margin-bottom:12px}.tier-introduction-content p:last-child{margin-bottom:0}.tier-intro-emphasis{background:#fff;border-left:3px solid #ff9800;border-radius:8px;color:#333;font-weight:500;margin-top:12px;padding:10px 12px}.dark-theme .tier-introduction-content h5{color:#ffb74d}.dark-theme .tier-introduction-content p{color:#ccc}.dark-theme .tier-intro-emphasis{background:#ffffff0d;border-left-color:#ffb74d;color:#fff}@media (max-width:768px){.tier-introduction-content h5{font-size:15px;margin-bottom:10px}.tier-introduction-content p{font-size:13px}.tier-intro-emphasis{font-size:13px;padding:8px 10px}}.peak-window-note{color:#666;font-size:13px;font-style:italic;font-weight:500;margin-left:36px;margin-top:8px}.dark-theme .peak-window-note{color:#999}@media (max-width:768px){.peak-window-note{font-size:12px;margin-left:26px;margin-top:6px}}.tier-descriptions{background:#f8f9fa;border-left:3px solid #2196f3;border-radius:8px;margin:16px 0;padding:16px}.tier-descriptions h5{color:#1565c0;font-size:16px;font-weight:600;margin:0 0 12px}.tier-description-item{color:#555;font-size:14px;line-height:1.4;margin-bottom:8px}.tier-description-item:last-child{margin-bottom:0}.tier-description-item strong{color:#333;font-weight:600}.dark-theme .tier-descriptions{background:#ffffff0d;border-left-color:#64b5f6}.dark-theme .tier-descriptions h5{color:#64b5f6}.dark-theme .tier-description-item{color:#ccc}.dark-theme .tier-description-item strong{color:#fff}@media (max-width:768px){.tier-descriptions{margin:12px 0;padding:12px}.tier-descriptions h5{font-size:15px;margin-bottom:10px}.tier-description-item{font-size:13px;margin-bottom:6px}}@media (max-width:480px){.tier-descriptions{margin:10px 0;padding:10px}.tier-descriptions h5{font-size:14px}.tier-description-item{font-size:12px}}.collapsible-section{border-radius:12px;margin-bottom:3px;overflow:hidden;transition:all .2s ease}.collapsible-section-info{background:#fafbfc}.collapsible-section-info,.collapsible-section-success{border:2px solid #d1d5db;box-shadow:0 2px 4px #0000000d}.collapsible-section-success{background:#f9fafb}.collapsible-section-warning{background:linear-gradient(135deg,#fff5f0,#ffe8df);border:2px solid #ff7043;box-shadow:0 2px 8px #ff704326}.collapsible-section-neutral{background:#f8f9fa;border:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.collapsible-section-warning-minor{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fbbf24;box-shadow:0 2px 6px #fbbf2426}.collapsible-section-warning-moderate{background:linear-gradient(135deg,#fff7ed,#fed7aa);border:2px solid #fb923c;box-shadow:0 2px 8px #fb923c33}.collapsible-section-warning-high{background:linear-gradient(135deg,#fff5f0,#ffe8df);border:2px solid #ff7043;box-shadow:0 2px 8px #ff704340}.collapsible-section-warning-severe{background:linear-gradient(135deg,#fef2f2,#fecaca);border:2px solid #ef4444;box-shadow:0 2px 10px #ef44444d}.collapsible-section-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:12px 16px;transition:all .2s ease;width:100%}.collapsible-section-toggle:hover{background:#ffffff4d}.collapsible-section-toggle:active{background:#ffffff80}.collapsible-section-header{align-items:center;display:flex;flex:1 1;gap:8px;text-align:left}.collapsible-section-emoji{flex-shrink:0;font-size:20px}.collapsible-section-title{color:#333;font-size:16px;font-weight:600}.collapsible-section-info .collapsible-section-title,.collapsible-section-success .collapsible-section-title{color:#374151}.collapsible-section-warning .collapsible-section-title{color:#bf360c}.collapsible-section-neutral .collapsible-section-title{color:#333}.collapsible-section-warning-minor .collapsible-section-title{color:#92400e}.collapsible-section-warning-moderate .collapsible-section-title{color:#9a3412}.collapsible-section-warning-high .collapsible-section-title{color:#bf360c}.collapsible-section-warning-severe .collapsible-section-title{color:#991b1b}.collapsible-section-arrow{color:#666;flex-shrink:0;font-size:14px;transition:transform .2s ease}.collapsible-section-content{animation:slideDown .2s ease-out;padding:0 16px 16px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.dark-theme .collapsible-section-info,.dark-theme .collapsible-section-success{background:#ffffff0d;border-color:#ffffff26}.dark-theme .collapsible-section-warning{background:linear-gradient(135deg,#ff704326,#ff57221a);border-color:#ff704366}.dark-theme .collapsible-section-neutral{background:#ffffff0d;border-color:#ffffff1a}.dark-theme .collapsible-section-warning-minor{background:linear-gradient(135deg,#fbbf241f,#fbbf2414);border-color:#fbbf2459}.dark-theme .collapsible-section-warning-moderate{background:linear-gradient(135deg,#fb923c26,#fb923c1a);border-color:#fb923c66}.dark-theme .collapsible-section-warning-high{background:linear-gradient(135deg,#ff704326,#ff57221a);border-color:#ff704366}.dark-theme .collapsible-section-warning-severe{background:linear-gradient(135deg,#ef444433,#ef444426);border-color:#ef444480}.dark-theme .collapsible-section-title{color:#fff}.dark-theme .collapsible-section-info .collapsible-section-title,.dark-theme .collapsible-section-success .collapsible-section-title{color:#d1d5db}.dark-theme .collapsible-section-warning .collapsible-section-title{color:#ff7043}.dark-theme .collapsible-section-warning-minor .collapsible-section-title{color:#fbbf24}.dark-theme .collapsible-section-warning-moderate .collapsible-section-title{color:#fb923c}.dark-theme .collapsible-section-warning-high .collapsible-section-title{color:#ff7043}.dark-theme .collapsible-section-warning-severe .collapsible-section-title{color:#ef4444}.dark-theme .collapsible-section-arrow{color:#aaa}.dark-theme .collapsible-section-toggle:hover{background:#ffffff0d}.dark-theme .collapsible-section-toggle:active{background:#ffffff1a}@media (max-width:768px){.collapsible-section{margin-bottom:2px}.collapsible-section-toggle{padding:10px 12px}.collapsible-section-emoji{font-size:18px}.collapsible-section-title{font-size:15px}.collapsible-section-arrow{font-size:12px}.collapsible-section-content{padding:0 12px 12px}}@media (max-width:480px){.collapsible-section-toggle{padding:8px 10px}.collapsible-section-emoji{font-size:16px}.collapsible-section-title{font-size:14px}.collapsible-section-content{padding:0 10px 10px}}.clock-container{max-height:630px;max-width:630px;position:relative;width:100%}.svg-container{align-items:flex-start;display:flex;height:100%;justify-content:center;margin:0 auto;overflow:hidden;text-align:center;width:100%}.floating-time{align-items:flex-end;display:flex;font-size:14px;font-weight:700;height:auto;justify-content:flex-end;padding:5px;position:absolute;right:12px;top:60px}@media (max-width:767px) and (pointer:coarse){.floating-time{font-size:20px}}.sun-path-svg{height:auto;max-height:100%;max-width:100%;width:100%}.text-label-light{fill:#000;font-size:16px}.text-label-dark{fill:#fff;font-size:16px}.text-label-dark:hover,.text-label-light:hover{fill:#ff5733;cursor:pointer}.clock-label.light{color:#000}.clock-label.dark{color:#fff}.clock-label-desktop{font-size:24px}.clock-label-desktop.light{fill:#000}.clock-label-desktop.dark{fill:#fff}.clock-label-mobile{font-size:14px}.more-info-sun{fill:#000;font-size:24px}.more-info-moon,.more-info-sun{cursor:pointer;font-weight:700;text-decoration:underline}.more-info-moon{fill:#fff;font-size:65px}.more-info-sun:hover{fill:blue;text-decoration:underline}.more-info-moon:hover{fill:grey;text-decoration:underline}.solar-clock-container{bottom:-20vh;left:50%;overflow:visible;position:absolute;text-align:center;transform:translateX(-50%);width:100%;z-index:-1}.solar-clock-animation{animation:riseUpSetDown 4s forwards}@keyframes riseUpSetDown{0%{bottom:-20vh}50%{bottom:35vh}to{bottom:-40vh}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}body{background:linear-gradient(0deg,#0b3d91,#0a2849,#0a0a26,#0a0a0a);background-attachment:fixed;color:#333;font-family:Helvetica,Arial,sans-serif;height:100vh;margin:0;overflow:auto;padding:0}.page-content{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.customMaskClass{opacity:.3!important}.app{padding:20px;text-align:center}h1{font-size:2em;margin-top:12px}h2,h3{color:#1b2c3e}.dark-mode-text-color{color:#f0f0f0}.dark-mode-shadow{text-shadow:1px 1px 2px #000}.light-mode-shadow{text-shadow:1px 1px 2px #fff}.controls{align-items:center;gap:10px;justify-content:center;margin-bottom:40px;position:relative}.date-controls,.date-nav{align-items:flex-end;display:flex;gap:10px;justify-content:space-between}.date-controls{min-width:250px}@media (max-width:768px){.date-controls,.date-nav,button,span{font-size:.95em}}.location-form{align-items:center;display:flex;flex-direction:column;gap:10px}button{border:none;border-radius:5px;color:#000;cursor:pointer}button:hover{background-color:#777;border-radius:5px}.date-picker-popup{background-color:#fff;box-shadow:0 4px 10px #0000001a;position:absolute;right:0;top:20px;transform:translateX(-50%);z-index:1}.label{font-weight:700;text-align:right}.date{flex:1 1;text-align:left}.form-input{border:1px solid #ccc;border-radius:5px;font-size:1.2em;height:60px;margin-right:10px;padding:0 10px;width:245px}.form-input-small{height:30px}.form-input-medium{height:40px}.form-input-large{height:60px}.underlined{text-decoration:underline}.warning{color:red}.link{color:#d96800;text-decoration:underline}.link:hover{color:#ff5733;cursor:pointer}.link-dark{color:#ff8b1a;text-decoration:underline}.link-dark:hover{color:#ff5733;cursor:pointer}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.content-box{background:#ffffffb3;border:1px solid #ccc;border-radius:8px;bottom:0;box-shadow:2px 2px 3px #0000004d;display:flex;flex-direction:column;justify-content:center;left:0;margin:auto;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px);min-width:20%;overflow:auto;padding:1.5em;position:absolute;right:0;top:0}.social-icons{bottom:20px;display:flex;gap:18px;left:20px;position:fixed;z-index:999}.social-icons.inline{bottom:auto;display:flex;left:auto;position:static}.social-icons a{color:#fff;font-size:24px;text-decoration:none;text-shadow:-1px -1px 0 #69240344,1px -1px 0 #69240344,-1px 1px 0 #69240344,1px 1px 0 #69240344,1px 1px 2px #ff5100aa;transition:transform .2s ease,color .2s ease}.social-icons a:hover{color:#ffcc70;transform:scale(1.2)}.social-icons .fab:before{text-shadow:-1px -1px 0 #69240344,1px -1px 0 #69240344,-1px 1px 0 #69240344,1px 1px 0 #69240344,1px 1px 2px #ff5100aa}.content-main rect{stroke:#2e2e43}.share-banner-overlay{animation:slideUp .3s ease-out;background-color:#00000080;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;position:fixed;right:0;z-index:9999}.share-banner{background-color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 -2px 10px #0000001a;color:#333;padding:1rem}.share-banner-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.share-banner-header h3{color:#1b2c3e;font-size:1.2rem;font-weight:500;margin:0}.close-button{align-items:center;background:#0000;border-radius:50%;color:#333;display:flex;justify-content:center;padding:.5rem;transition:transform .2s ease}.close-button:hover{background-color:#0000000d;transform:scale(1.2)}.share-banner .close-button{color:#2e2e43}.share-options{display:flex;justify-content:space-around;padding:1rem 0}.share-option{align-items:center;border-radius:8px;color:#333;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;text-decoration:none;transition:transform .2s ease,background-color .2s ease}.share-option:hover{background-color:#0000000d;transform:scale(1.1)}.share-option i{font-size:24px}.share-option span{font-size:.8rem;font-weight:500}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-overlay{align-items:flex-start;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:85px 1em 1em;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#ffffffde;border:1px solid #ccc;border-radius:8px;box-shadow:2px 2px 3px #0000004d;color:#000;height:500px;margin:auto;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px);min-width:20%;overflow-y:auto;padding:1.5em;position:relative;width:500px}.modal-close{background:none;border:none;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}h2{margin-top:0}form{display:flex;flex-direction:column}.modal-input{font-size:16px;margin-bottom:10px;padding:10px}.modal-submit{background-color:#007bff;border:none;color:#fff;cursor:pointer;font-size:16px;padding:2px 8px}.modal-dark{color:#fff}.modal-submit:hover{background-color:#0056b3}hr{margin:20px 0}.modal-results{display:flex;flex-direction:column}.modal-result-item{border-bottom:1px solid #fff;cursor:pointer;padding:10px;transition:background-color .3s ease}.modal-result-item:hover{background-color:#fff3}.orientation-data{margin:10px}.troubleshooting-container{font-family:Helvetica,Arial,sans-serif;margin:auto;max-width:600px;padding:20px}.troubleshooting-title{margin-bottom:16px;text-align:center}.troubleshooting-intro{font-size:1.1em;margin-bottom:16px}.troubleshooting-steps{line-height:1.6;list-style-type:decimal;padding-left:20px}.troubleshooting-steps li{margin-bottom:12px}.troubleshooting-outro{font-size:1.1em;margin-top:20px}.history-section,.modern-techniques,.precautions{margin-bottom:24px}.compass-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.describe-sun-position,.sun-position{align-items:center;background:#ffffffb3;border:1px solid #ccc;border-radius:8px;box-shadow:2px 2px 3px #0000004d;color:#000;display:flex;flex-direction:column;justify-content:center;margin:0 1em;max-width:700px;min-width:300px;overflow:auto;padding:1.5em;transition:margin-top .2s ease;width:auto}.sky-position{padding-bottom:4px}.signUpForm,.signUpForm form{align-items:center;display:flex;justify-content:center}.signUpForm form{flex-direction:column;padding-top:10px}.signUpForm .emailInput{margin-top:10px}.signUpForm .form-input{margin-right:0}.hamburger{cursor:pointer;display:inline-block;height:16px;margin-top:5px;position:relative;width:24px;z-index:1000}.bar{background-color:#333;display:block;height:3px;margin:4px 0;transition:all .2s ease-in-out;width:100%}.bar-dark{background-color:#f0f0f0}.hamburger.open .bar:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu{background-color:#f9f9f9f2;box-shadow:0 4px 8px #0000001a;display:none;list-style:none;padding:10px;position:absolute;right:0;top:40px;transform:translateX(100%);transition:transform .2s ease-in-out;z-index:1001}.menu.open{display:block;transform:translateX(0)}.menu ul{margin:0;padding:0}.menu-item{border-bottom:1px solid #ccc;font-size:18px;list-style:none;margin:0}.item-name{text-decoration:underline}.active-item,.menu-item a{text-decoration:none}.menu-item a{display:block;font-size:18px;padding:0 10px}.menu-item.top-item{border-bottom:2px solid #333}.menu-item:last-child{border-bottom:none}@media screen and (max-width:768px){.menu{align-items:center;background-color:#f9f9f9fa;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .2s ease-in-out}.menu.open{transform:translateY(0)}.menu ul{margin-top:-40px;text-align:center;width:100%}.menu-item{border-bottom:none;color:#fff;font-size:28px;margin:5px;text-shadow:-1px -1px 0 #692403,1px -1px 0 #692403,-1px 1px 0 #692403,1px 1px 0 #692403}.menu-item.top-item{border-bottom:none;margin-top:25px}.menu-item a{font-size:28px}.item-name{text-decoration:none}}.mobile-social-links{position:fixed;right:20px;top:20px;z-index:998}.menu-social-links{display:flex;justify-content:center;margin:20px auto}.menu-social-links .social-icons a{color:#fff}.menu-social-links .social-icons .fab:before{text-shadow:-1px -1px 0 #692403aa,1px -1px 0 #692403aa,-1px 1px 0 #692403aa,1px 1px 0 #692403aa,1px 1px 2px #ff5100aa}.mobile-social-links .social-icons a{color:inherit}.menu ul{margin-bottom:20px}.header{flex-direction:column;height:auto;justify-content:space-between;overflow:visible;padding:2px 8px 4px;position:relative}.header,.header-top-base{box-sizing:border-box;display:flex;width:100%}.header-top-base{align-items:flex-start;flex-direction:row}.header-top-space-between{justify-content:space-between}.header-top-centered{justify-content:center}.header-bottom{bottom:0;margin:10px;position:absolute;right:0}.header-bottom-fade-in,.navigation-menu-fade-in{animation:buttonFadeIn 1.75s forwards}.title-light{color:#333;text-shadow:0 0 15px #ffffffe6,0 0 5px #ffffffe6}.title-dark,.title-light{align-self:flex-start;font-family:EB Garamond,serif;margin:0}.title-dark{color:#fff;text-shadow:0 0 5px #fffc}.title-dark h1{text-shadow:-1px -1px 0 #692403,1px -1px 0 #692403,-1px 1px 0 #692403,1px 1px 0 #692403,0 0 6px #ffc800cc}.title-dark h1,.title-light h1{display:inline-block;font-size:3em;line-height:1;margin-left:-15px;min-width:auto;position:relative;width:auto}.hamburger-container{align-self:flex-start;z-index:10000}.headerTime{font-weight:700}.select-time{background:#33336680;border:none;cursor:pointer;font-size:16px;list-style:none;outline:none;padding:5px;position:absolute;right:0;text-align:left;top:100%;width:auto;z-index:1}.select-time-light{color:#336;text-shadow:1px 1px 1px #fafafaaa}.select-time-dark{color:#fff;text-shadow:1px 1px 1px #2e2e43ee}.select-time option{padding:5px}.select-time option,.select-time-dark option{color:#fff}.select-time option,.select-time-dark option,.select-time-light option{background:#0000;cursor:pointer;margin:0 10px;text-decoration:underline}.select-time-light option{color:#333}.viewing-header-clock{font-size:16px;margin-right:4px;margin-top:8px}.viewing-header-clock.dark{color:#ff8b1a}.viewing-header-clock.light{color:#d96800}.header-clock{animation:textSwell .65s ease-out;display:inline-block;font-size:16px;transform-origin:center}@keyframes textSwell{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.header-clock.light{color:#000}.header-clock.dark{color:#fff}.title-dark .beta-label,.title-light .beta-label{border-radius:6px;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.18em;font-weight:500;letter-spacing:.02em;margin-left:4px;padding:0 4px;position:absolute;right:-25px;top:25%;transform:translateY(-50%);vertical-align:middle;white-space:nowrap}.title-light .beta-label{background:#3b82f6;box-shadow:0 0 4px #3b82f64d,0 0 8px #3b82f61a;color:#fff}.title-dark .beta-label{background:#f59e0b;box-shadow:0 0 4px #f59e0b66,0 0 8px #f59e0b33;color:#fff}.header-location{cursor:pointer;font-size:14px;line-height:1.1;max-width:none;overflow:visible;padding:0;text-decoration:underline;text-overflow:visible;white-space:nowrap}.header-location-dark{color:#ff8b1a}.header-location-light{color:#d96800}.header-location:hover{opacity:.8}.header-top-improved{grid-gap:2px;box-sizing:border-box;display:grid;gap:2px;grid-template-columns:1fr auto;grid-template-rows:auto auto;height:auto;padding:4px 0;width:100%}.header-location-compact{align-items:center;display:flex;grid-column:1;grid-row:1;justify-content:flex-start;padding:0}.header-hamburger-compact{grid-column:2;grid-row:1;min-width:30px}.header-hamburger-compact,.header-title-compact{align-items:center;display:flex;justify-content:center}.header-title-compact{grid-column:1/-1;grid-row:2;padding:0;width:100%}@media (max-width:768px){.title-dark h1,.title-light h1{margin-left:-10px}.header-location{font-size:14px}}@media (max-width:520px){.title-dark h1,.title-light h1{font-size:3em}.header-location{font-size:14px}}@media (max-width:480px){.title-dark h1,.title-light h1{font-size:3em;margin-left:-8px}.header-location{font-size:14px}}@media (max-width:368px){.title-dark h1,.title-light h1{font-size:2.6em;margin-left:-6px}.header-location{font-size:14px}}.tabs-container{border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:1rem}.tabs-container .tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;padding:.75rem 1rem;text-align:center;transition:all .2s ease}.tabs-container .tab-button:hover{color:#374151}.tabs-container .tab-button.active{background-color:initial!important;border-bottom:2px solid #374151;color:#374151;font-weight:500}.tab-content{padding:1rem 0}.install-prompt{align-items:center;animation:fadeIn 1s ease-in forwards;animation-delay:1s;background-color:#f9f9f9;border-top:1px solid #e0e0e0;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:10px;position:fixed;right:0;z-index:1000}.install-prompt-content{align-items:center;display:flex;margin:0 auto;max-width:800px;padding-right:30px;position:relative;width:100%}.install-prompt-text{word-wrap:break-word;color:#333;flex:1 1;font-size:16px;margin-right:10px;min-width:0;white-space:normal}.install-prompt-button{background-color:#c7c7c7;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;margin-left:10px;min-width:-moz-fit-content;min-width:fit-content;padding:8px 16px}.install-close-button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;position:absolute;right:0;top:0;width:24px}.install-close-button:hover{color:#555}.share-icon{font-size:18px;margin-left:5px;vertical-align:middle}.buttons-container{align-items:center;animation:buttonFadeIn 1.75s forwards;display:flex;font-size:smaller;gap:10px;justify-content:center;margin-top:15px;opacity:0;position:relative;z-index:10}.gradient-button{background:linear-gradient(0deg,#ff4500,gold 50%,gold);border:1px solid #ef3a02;color:#fff;font-family:Helvetica,Arial,sans-serif;transition:background-color .3s ease}.button-small:hover{border-radius:15px}.button-medium:hover{border-radius:20px}.quote-container{align-items:center;animation:fadeIn 1s forwards;color:#fff;display:flex;font-size:20px;justify-content:center;margin-top:50px;max-width:500px;opacity:0;position:relative;z-index:10}.sunrise-container{bottom:-130px;left:50%;pointer-events:none;position:fixed;text-align:center;transform:translateX(-50%);width:100%;z-index:-1}@keyframes moveHighUpDown{0%{bottom:-130px}50%{bottom:100px}to{bottom:-130px}}@keyframes moveLowUpDown{0%{bottom:-130px}50%{bottom:-50px}to{bottom:-130px}}.sunrise-animation{animation:moveLowUpDown 1s forwards}.sunrise-intro-animation{animation:moveHighUpDown 1.75s forwards}.intro-container{background-color:#f0f0f033;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#fff;margin:0 auto;max-width:600px;opacity:0;padding:1.5em 2em;position:relative;transition:opacity 1.75s ease-in}.intro-container.fade-in{opacity:1}.close-button{background:none;border:none;color:#f0f0f0;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.intro-title{color:#f0f0f0;font-size:1.8rem;margin-bottom:15px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (max-width:600px){.intro-title{font-size:1.5rem}}.intro-paragraph{font-size:1rem;line-height:1.6;margin-bottom:15px}.intro-subtitle{color:#2e2e43;font-size:1.4rem;margin-bottom:10px}.component-section{align-items:flex-start;color:#2e2e43;display:flex;justify-content:space-between;margin-bottom:10px;padding:0 10px;width:100%}.component-title{flex-basis:20%;font-size:1.2rem;font-weight:700;text-align:right}.component-paragraph,.component-title{align-self:flex-start;color:#2e2e43;margin-right:16px}.component-paragraph{flex-basis:80%;font-size:.95rem;line-height:1.5;text-align:left}.intro-footer{color:#f0f0f0;font-size:1rem;margin-top:20px;text-align:center}.my-circadian-day-container{display:flex;justify-content:center;margin:85px 0;max-width:500px;opacity:.9;width:100%}.my-circadian-day-container .circadian-day-event-dark{cursor:pointer;transition:opacity .2s ease}.my-circadian-day-container .circadian-day-event-dark:hover{opacity:.8}.my-circadian-day-overlay{bottom:180px;left:50%;min-width:max-content;pointer-events:auto;position:fixed;transform:translateX(-50%);white-space:nowrap;width:auto;z-index:10}.my-circadian-day-overlay .tooltip{animation:tooltipEnter .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;left:50%;padding:12px;position:absolute;top:-145px;transform:translateX(-50%);white-space:normal;width:280px;z-index:1000}.my-circadian-day-overlay .tooltip.closing{animation:tooltipExit .2s ease-in forwards}.my-circadian-day-overlay .tooltip:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #e5e7eb;content:"";height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}.my-circadian-day-overlay .tooltip.primary{border-color:#3b82f6}.my-circadian-day-overlay .tooltip.primary:after{border-top-color:#3b82f6}.my-circadian-day-overlay .circadian-day-event-dark{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffa500cc,#ff5e4dcc);border-radius:20px;box-shadow:0 4px 15px #ffa5004d,0 2px 8px #ff5e4d33;color:#fff;cursor:pointer;display:inline-block;font-weight:500;min-width:max-content;padding:5px 10px;text-shadow:0 1px 2px #0000004d;transition:all .3s ease;width:auto}.my-circadian-day-overlay .circadian-day-event-dark:hover{background:linear-gradient(135deg,orange,#ff5e4d);border-color:#ffa500cc;box-shadow:0 6px 20px #ffa50066,0 3px 12px #ff5e4d4d;transform:scale(1.05)}.container-info,.container-paragraph,.intro-container{background:#ffffffc7;border:1px solid #d8d8d8;color:#2e2e43;margin:.5em 1em}.istok-web-bold{font-family:Istok Web,sans-serif;font-style:normal;font-weight:700}.intro-title{color:#637398;text-shadow:1px 1px 1px #000c}.intro-paragraph{color:#2e2e43;text-shadow:none}.info-icon{zoom:1.2;background:#0000}.info-icon svg{fill:#fff}.info-icon:hover svg{fill:#ffe000}.btn-slil{font-size:1em;margin:1em 5px;min-width:72px;padding:8px 12px}.btn-slil,.btn-slil:hover{border-radius:12px}.btn-gradient,.gradient-button{background:linear-gradient(0deg,#ff9100,#ffb700 5%,#ffe000 10%,#eabd09 95%,#ffae00);border:1px solid #8c3f12;color:#6b2800;cursor:pointer;font-weight:600;transition:background-color .25s ease}.btn-gradient:hover,.gradient-button:hover{background:linear-gradient(0deg,#ff9100,#ffb700 2%,#ffd400 6%,#ffd400 95%,#ffae00);border:1px solid #6c2800;color:#5f2300}.link.link-txt{color:#c95400;text-shadow:none}.link.link-txt:hover{color:#ff5200}.navigation-item{display:inline-block;flex:1 0 auto}.nav-wrapper-light{align-items:center;border:1px solid #ddd;display:flex;gap:16px;justify-content:center;min-height:34.5px;overflow:visible;padding:8px;position:relative}.nav-item-light{cursor:pointer;padding:8px;transition:background-color .3s ease}.nav-item-light:hover{background-color:#e0e0e0}.nav-item-light:active{background-color:#cfcfcf}.nav-item-selected-light{cursor:pointer;font-weight:700;padding:8px;transition:background-color .3s ease}.nav-item-small{font-size:14px}.nav-wrapper-dark{align-items:center;background-color:initial;display:flex;gap:16px;justify-content:center;min-height:34.5px;overflow:visible;padding:9px;position:relative}.nav-item-selected-dark{color:#fff;font-weight:700}

/*!* Hover effect for nav items over dark backgrounds *!*/

/*!* Active effect for nav items over dark backgrounds *!*/.nav-item-dark,.nav-item-selected-dark{cursor:pointer;padding:8px;transition:background-color .3s ease}.nav-item-dark{color:#f0f0f0}.nav-wrapper-loading{align-items:center;border:1px #0000;display:flex;gap:16px;justify-content:center;min-height:34.5px;overflow:visible;padding:9px;position:relative}.nav-item-loading{color:#0000;cursor:pointer;padding:8px;transition:background-color .3s ease}.navigation-list{align-items:center;display:flex;justify-content:center;list-style:none;margin:0;padding:0}.navigation-item{align-items:center;padding:0 8px;position:relative}.item-name{border:1px solid #0000;border-radius:6px;cursor:pointer;font-weight:600;padding:8px;transition:all .2s ease}.navigation-item .item-name{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff1a;border:1px solid #fff3;margin:5px;text-decoration:none}.navigation-item .item-name.active-item{background-color:#fff3;border:1px solid #fff}.navigation-item .item-name:hover{background-color:#fff3}.navigation-item:not(:last-child):after{background-color:#0000004d;content:"";height:60%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.nav-dark .navigation-item:not(:last-child):after{background-color:#fff6}.tooltip{animation:tooltipEnter .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;left:50%;padding:12px;position:absolute;top:-10px;transform:translateX(-50%);width:280px;z-index:1000}.tooltip.closing{animation:tooltipExit .2s ease-in forwards}.tooltip:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #e5e7eb;content:"";height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}.tooltip.primary{border-color:#3b82f6}.tooltip.primary:after{border-top-color:#3b82f6}.tooltip.success{border-color:#10b981}.tooltip.success:after{border-top-color:#10b981}.tooltip.warning{border-color:#f59e0b}.tooltip.warning:after{border-top-color:#f59e0b}.tooltip.error{border-color:#ef4444}.tooltip.error:after{border-top-color:#ef4444}@keyframes tooltipEnter{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes tooltipExit{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(10px) scale(.95)}}.new-feature-badge{animation:pulse 2s infinite;background:#3b82f6;border-radius:9999px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.uv-page-content{height:calc(100vh - 186px);justify-content:flex-start;padding:10px 0}.sundata-container,.uv-page-content{align-items:center;display:flex;flex-direction:column;position:relative}.sundata-container{flex-grow:1;justify-content:space-between;min-height:350px;overflow:visible;padding-bottom:calc(105px + 3em);width:100%}.uv-index{flex-direction:row;justify-content:space-between;margin:10px;max-width:700px;width:100%}.uv-index,.uv-index-item{align-items:center;display:flex;font-size:18px;font-weight:700}.uv-index-item{flex-direction:column;justify-content:center;margin-left:10px;margin-right:10px}.uv-page-sun{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.sign-up-display{margin:0 auto 1.5rem;padding:.75rem;width:100%;z-index:10}.exposure-guide,.sign-up-display{background:#fffc;border-radius:8px;box-shadow:2px 2px 3px #0000004d;box-sizing:border-box;max-width:700px}.exposure-guide{align-self:center;border:1px solid #ccc;bottom:20px;font-size:16px;font-weight:700;left:50%;min-height:85px;min-width:300px;padding:1.5em;position:fixed;transform:translateX(-50%);width:auto;z-index:11}.cloud-cover{background:#fffc;border-radius:8px;box-shadow:2px 2px 3px #0000004d;box-sizing:border-box;margin:0 auto 1.5rem;max-width:700px;padding:.75rem;width:100%;z-index:10}.cloud-cover-label{font-weight:500;margin-bottom:.5rem;text-align:center}.cloud-cover-slider{align-items:center;border-radius:6px;display:flex;gap:1rem;padding:.5rem;transition:background-color .3s ease}.cloud-cover-slider.cloud-light{background-color:#87cefa33}.cloud-cover-slider.cloud-moderate{background-color:#a9a9a94d}.cloud-cover-slider.cloud-heavy{background-color:#69696966}.slider{-webkit-appearance:none;background:#d3d3d3;border-radius:3px;flex:1 1;height:6px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4b9cd3;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:background .3s ease;transition:background .3s ease;width:18px}.slider::-moz-range-thumb{background:#4b9cd3;border-radius:50%;cursor:pointer;height:18px;-moz-transition:background .3s ease;transition:background .3s ease;width:18px}.cloud-light .slider::-webkit-slider-thumb{background:#87cefa}.cloud-moderate .slider::-webkit-slider-thumb{background:#a9a9a9}.cloud-heavy .slider::-webkit-slider-thumb{background:#696969}.cloud-light .slider::-moz-range-thumb{background:#87cefa}.cloud-moderate .slider::-moz-range-thumb{background:#a9a9a9}.cloud-heavy .slider::-moz-range-thumb{background:#696969}.cloud-cover-value{font-weight:600;margin-left:10px;min-width:40px;text-align:right}.cloud-cover-description{font-size:.85rem;margin-top:.5rem;opacity:.8;text-align:center}.dark-mode-text-color .cloud-cover{color:#ffffffe6}.uv-status{font-weight:400;margin-bottom:8px}table{margin-bottom:20px}table,td,th{border:1px solid grey}td,th{padding:4px;text-align:center}th{background-color:#f4f4f4}.th-dark{background-color:#adadad}p{text-align:left}.content{margin:auto;max-width:800px}.custom-list-item{margin-bottom:10px;padding-left:1.5em}.selectListLabel{display:block;margin-bottom:10px}.selectListComponent{border:1px solid grey;border-radius:10px;font-size:16px;height:50px;padding:10px;width:60%}.skinTypesPrompt{font-weight:400}.dark-mode-text-color .cloud-cover,.dark-mode-text-color .exposure-guide{background:#00000080;border-color:#555;color:#fff}@media (max-height:600px){.exposure-guide{bottom:15px;font-size:14px;min-height:70px;padding:1em}.sundata-container{padding-bottom:calc(85px + 2em)}}@media (max-height:450px){.exposure-guide{bottom:10px;min-height:60px}.sundata-container{padding-bottom:calc(70px + 2em)}}@media (max-width:768px){.cloud-cover,.exposure-guide,.uv-index{max-width:90%}}@media (max-width:360px){.cloud-cover,.exposure-guide,.uv-index{max-width:95%;padding:.75em}}.uv-forecast-container{background-color:#f3f4f6;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;margin-left:auto;margin-right:auto;max-width:32rem;padding:1.5rem}.uv-forecast-header{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.uv-forecast-current-time{color:#6b7280;font-size:.875rem;margin-bottom:1rem;text-align:center}.uv-forecast-items{display:flex;flex-direction:column;gap:1rem}.uv-forecast-item{align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;padding:.75rem}.uv-forecast-time{text-align:center;width:4rem}.uv-forecast-time-value{font-weight:500}.uv-forecast-bar-container{flex:1 1;padding:0 1rem}.uv-forecast-progress-bg{background-color:#e5e7eb;width:100%}.uv-forecast-progress,.uv-forecast-progress-bg{border-radius:9999px;height:1rem}.uv-forecast-value{text-align:right;width:6rem}.uv-forecast-value-number{font-weight:700}.uv-forecast-value-risk{color:#6b7280;font-size:.75rem}.uv-forecast-legend{border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.uv-forecast-legend-title{font-weight:700;margin-bottom:.5rem}.uv-forecast-legend-items{grid-gap:.5rem;color:#fff;display:grid;font-size:.75rem;gap:.5rem;grid-template-columns:repeat(5,1fr);text-align:center}.uv-forecast-legend-item{border-radius:.25rem;padding:.25rem}.uv-forecast-night{background-color:#1e3a8a;border-radius:.5rem;color:#fff;padding:1.5rem;text-align:center}.uv-forecast-night-icon{font-size:2.5rem;margin-bottom:.5rem}.uv-forecast-night-title{font-size:1.25rem}.uv-forecast-night-subtitle{font-size:.875rem;margin-top:.5rem}.uv-forecast-empty{padding:1.5rem;text-align:center}.uv-forecast-personalized-info{background-color:#f0f9ff;border-left:3px solid #3b82f6;border-radius:.375rem;margin-bottom:.75rem;padding:.5rem}.uv-forecast-profile{display:flex;flex-direction:column;gap:.125rem}.uv-forecast-profile-row{align-items:center;display:flex;flex-wrap:wrap;font-size:.7rem;gap:.25rem;line-height:1.2}.uv-forecast-profile-label{color:#4b5563;font-weight:500}.uv-forecast-profile-label:not(:first-child){margin-left:.5rem}.uv-forecast-profile-value{color:#1f2937}.uv-forecast-exposure-info{background-color:#f9fafb;border-radius:.375rem;color:#6b7280;font-size:.75rem;margin-top:.75rem;padding:.5rem;text-align:center}.risk-none{background-color:#d1d5db}.risk-low{background-color:#34d399}.risk-moderate{background-color:#fbbf24}.risk-high{background-color:#f97316}.risk-very-high{background-color:#ef4444}.risk-extreme{background-color:#8b5cf6}.uv-data-warning{align-items:center;background-color:#ffc10733;border:1px solid #ffc107;border-radius:8px;display:flex;justify-content:center;max-width:700px;width:100%}.dark-mode-text-color .uv-data-warning{background-color:#ffc1074d;border-color:#ffc10799;color:#fff}.warning-icon{font-size:20px;margin-right:10px}.warning-text{font-size:14px;font-weight:500}.custom-input-wrapper{align-items:center;display:flex;justify-content:center;width:100px}.manual-uv-input{background-color:#ffffffe6;border:1px solid #ccc;border-radius:4px;display:inline-block;font-size:16px;font-weight:700;line-height:1.5;padding:6px;text-align:center;transition:border-color .2s;width:60px}.arrow-button{align-items:center;background-color:initial;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;padding:0;width:20px}.arrow-button:hover{color:#4b9cd3}.arrow-left{margin-right:4px}.arrow-right{margin-left:4px}.manual-uv-input:focus{border-color:#4b9cd3;box-shadow:0 0 0 2px #4b9cd34d;outline:none}.dark-mode-text-color .manual-uv-input{background-color:#1e1e1ecc;border-color:#555;color:#fff}.dark-mode-text-color .manual-uv-input:focus{border-color:#87cefa;box-shadow:0 0 0 2px #87cefa4d}.dark-mode-text-color .arrow-button{color:#fff}.dark-mode-text-color .arrow-button:hover{color:#87cefa}@media (max-width:768px){.custom-input-wrapper{width:100px}.manual-uv-input{width:60px}}.learn-more{align-items:center;background:linear-gradient(0deg,#ff4500 0,gold 15%,#add8e6 30%,#336);color:#fff;display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden}.learn-more h1{font-size:2em;font-weight:700;margin-bottom:20px;text-align:center}.learn-more h2{font-size:1.5em;font-weight:700;margin-bottom:10px;margin-top:20px}.learn-more p{font-size:1em;line-height:1.6;margin-bottom:10px}.content-main{background:#fffc;border-radius:5px;color:#3b3d6e;flex:1 1;margin:.5em 1em;max-height:calc(60vh - 15px);max-width:775px;overflow-y:scroll;padding:1.5em;text-align:left}.navigation-buttons{align-items:center;bottom:12px;display:flex;justify-content:space-between;max-width:775px;padding:0 5%;position:relative;width:90%}.navigation-buttons button{background:linear-gradient(0deg,#ff9100,#ffb700 5%,#ffe000 10%,#eabd09 95%,#ffae00);border:1px solid #8c3f12;color:#6b2800;cursor:pointer;font-weight:600;transition:background-color .25s ease}.navigation-buttons button:hover{background:linear-gradient(0deg,#ff9100,#ffb700 2%,#ffd400 6%,#ffd400 95%,#ffae00);border:1px solid #6c2800;color:#5f2300}.navigation-buttons button:disabled{visibility:hidden}.spectrum-header--highlighted{background-color:#f3f4f6;color:#333}.close-settings-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;padding:4px;position:absolute;right:12px;top:12px;transition:all .2s ease;width:28px;z-index:10}.close-settings-button:hover{background-color:#ffffff1a!important}.close-settings-button:focus{outline:2px solid #ffffff80;outline-offset:2px}.settings-container{background:#ffffffb3;border-radius:8px;color:#2e2e43;margin:1em auto;max-width:768px;overflow:auto;padding:20px 0;position:relative;text-shadow:none;width:calc(100% - 40px)}.settings-item{align-items:center;cursor:pointer;display:flex;font-size:24px;justify-content:space-between;padding:1rem}.settings-item.depth-1{padding-left:2rem}.settings-item__left{align-items:center;display:flex}.settings-item__radio{margin-right:1rem}.settings-item__radio-circle{border:2px solid #9ca3af;border-radius:9999px;height:1.5rem;width:1.5rem}.settings-item__radio-circle--selected{background-color:#3b82f6;border-color:#3b82f6}.settings-item__label{text-align:left}.settings-item__right{align-items:center;display:flex;gap:1rem}.settings-item__expand-button{background:#0000;border-radius:.25rem;color:#2e2e43;padding:.5rem}.settings-item__expand-button svg{height:1.5rem;width:1.5rem}.settings-item__expand-button:hover svg{color:#ff5733}.expand-button svg{color:#2e2e43}.settings-item__action-button{background-color:#3b82f6;border-radius:.375rem;color:#fff;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s,opacity .2s}button.settings-item__action-button.gradient-button{border-radius:10px;font-size:1.1rem;padding:5px 16px}.settings-item__action-button:not(:disabled):hover{background-color:#2563eb}.settings-item__action-button:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.5}.settings-item__sub-items{padding-left:1rem}.settings-item__sub-items .settings-item__notification-label{padding-left:0}.toggle-switch{border:1px solid #2e2e43;border-radius:9999px;cursor:pointer;display:inline-flex;flex-shrink:0;height:2rem;position:relative;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:3.5rem}.toggle-switch--checked{background-color:#2e2e4322}.toggle-switch--unchecked{background-color:#2e2e4399}.toggle-switch__handle{background-color:#fff;border-radius:9999px;box-shadow:0 1px 3px 0 #0000001a;box-shadow:-1px -1px 0 #69240344,1px -1px 0 #69240344,-1px 1px 0 #69240344,1px 1px 0 #69240344,1px 1px 2px #ff5100aa;display:inline-block;height:1.75rem;margin-top:-2px;pointer-events:none;transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1.75rem}.toggle-switch__handle--checked{background-color:#ff5100;box-shadow:-1px -1px 0 #69240399,1px -1px 0 #69240399,-1px 1px 0 #69240399,1px 1px 0 #69240399;transform:translate(1.5rem,.125rem)}.toggle-switch__handle--unchecked{transform:translate(.125rem,.125rem)}.settings-item__time-select{background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;display:inline-block;font-size:inherit;margin:0 .5rem;padding:.25rem .5rem}.settings-item__notification-label{font-size:.8rem;text-align:left}.settings-install-prompt{background-color:#f0f0f0e6;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#fff;left:50%;margin:0 auto;max-width:600px;padding:20px;position:fixed;text-shadow:1px 1px 2px #000;top:50%;transform:translate(-50%,-50%);width:calc(100% - 80px);z-index:9999}.products-content{align-items:center;background:linear-gradient(0deg,#ff4500 0,gold 15%,#add8e6 30%,#336);color:#fff;display:flex;flex-direction:column;font-size:.75em;margin:0;min-height:100vh;overflow:auto;padding:1rem;text-shadow:1px 1px 2px #000}.products-page-header{margin-bottom:2rem;max-width:600px;text-align:center}.products-page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.page-description{font-size:1.1rem;line-height:1.6;margin:0;opacity:.9}.products-section{max-width:800px;width:100%}.products-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0003;overflow:hidden}.category-wrapper{border-bottom:1px solid #ffffff1a}.category-wrapper:last-child{border-bottom:none}.product-category{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1.3rem;font-weight:600;justify-content:space-between;padding:1.5rem;transition:background-color .2s ease}.product-category:hover{background-color:#ffffff1a}.product-subcategory{align-items:center;background-color:#ffffff0d;border:none;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;justify-content:space-between;padding:1.2rem 1.5rem 1.2rem 3rem;transition:background-color .2s ease}.product-subcategory:hover{background-color:#ffffff1a}.product-item{background:#0000;border-bottom:1px solid #ffffff40;border-left:3px solid #0000;transition:all .2s ease}.product-item:last-child{border-bottom:none}.product-item:hover{background-color:#ffffff1a;border-left-color:gold}.product-item--highlighted{background-color:#ffffff26;border-left-color:#ff4500;box-shadow:inset 0 0 0 1px #ff45004d}.product-item-content{padding:1rem 1.5rem 1rem 3.5rem}.product-header{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.product-label{background:#0000004d;border:1px solid #fff3;border-left:none;border-radius:0;border-right:none;color:gold;display:block;font-size:1rem;font-weight:600;line-height:1.4;margin:0 -1.5rem .75rem -3.5rem;padding:.5rem .75rem .5rem 3.5rem;text-align:left;text-shadow:1px 1px 2px #000c}.product-actions{align-items:center;display:flex;gap:.5rem;margin-left:1rem}.action-button{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:.5rem;transition:all .2s ease}.action-button:hover{background:#ffffff4d;transform:translateY(-1px)}.action-button:active{transform:translateY(0)}.expand-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;outline:none;padding:.5rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.expand-button:hover{background:#fff3;transform:scale(1.05)}.expand-button svg{color:#fff;height:1.5rem;width:1.5rem}.product-link{align-items:center;background:#ff4500;border-radius:6px;color:#fff;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:.5rem;text-decoration:none;transition:all .2s ease}.product-link:hover{background:#ff6500;box-shadow:0 4px 12px #ff45004d;transform:translateY(-1px)}.product-link:active{transform:translateY(0)}.product-link svg{height:1rem;width:1rem}.product-content{background:#0000001a;border-top:1px solid #ffffff1a}.product-sub-items{border-left:2px solid #fff3;margin-left:1.5rem}.product-description{background:#ffffff0d;border-left:3px solid gold;border-radius:6px;display:block;font-size:.95rem;line-height:1.6;margin:0 1.5rem 1rem;opacity:.9;padding:1rem 1.5rem;text-align:left}.description-icon{color:gold;flex-shrink:0;float:left;margin-right:.5rem;margin-top:.1rem;opacity:.7}.description-text{text-align:left}.product-item-description{color:#fffffff2;font-size:.85rem;line-height:1.4;margin-bottom:.75rem;opacity:.9;text-align:left;text-shadow:1px 1px 2px #000c}.affiliate-info{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.affiliate-label{font-size:.75rem;font-weight:500;opacity:.7}.affiliate-code{background:#0000004d;border:1px solid #fff3;border-radius:4px;color:gold;font-family:Consolas,Monaco,Courier New,monospace;font-size:.75rem;letter-spacing:.5px;padding:.25rem .5rem}.product-recommendations__header{margin-bottom:2rem;text-align:center}.product-recommendations__header h2{font-size:2rem;font-weight:700;margin-bottom:.5rem}.back-banner{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px #0000001a;height:60px;left:0;padding:0 1rem;position:fixed;right:0;top:0;z-index:50}.back-banner,.back-button{align-items:center;display:flex}.back-button{border-radius:6px;color:#333;font-size:1rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s ease}.back-button:hover{background-color:#f3f4f6}@media (max-width:768px){.products-content{font-size:.8em;padding:.5rem}.products-page-header h1{font-size:2rem}.page-description{font-size:1rem}.product-category{font-size:1.1rem;padding:1rem}.product-subcategory{font-size:1rem;padding:1rem 1rem 1rem 2rem}.product-item-content{padding:.75rem 1rem .75rem 2.5rem}.product-header{align-items:center;flex-direction:row;gap:.5rem;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.product-actions{align-self:flex-end;margin-left:0}.product-description{font-size:.9rem;margin:0 1rem 1rem;padding:.75rem}.affiliate-info{align-items:flex-start;flex-direction:column;gap:.25rem}}@media (max-width:480px){.products-content{padding:.25rem}.products-container{border-radius:8px}.product-category{font-size:1rem;padding:.75rem}.product-subcategory{font-size:.9rem;padding:.75rem .75rem .75rem 1.5rem}.product-item-content{padding:.5rem .75rem .5rem 2rem}.product-label{font-size:.9rem}.action-button,.product-link{min-height:28px;min-width:28px;padding:.375rem}.expand-button{min-height:36px;min-width:36px}.expand-button svg{height:1.25rem;width:1.25rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.product-content{animation:fadeIn .3s ease-out}.action-button:focus,.expand-button:focus,.product-link:focus{outline:2px solid gold;outline-offset:2px}.product-item.loading{opacity:.6;pointer-events:none}.product-item.loading:after{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.gradient-button{background:linear-gradient(0deg,#ff8d00,#ffd400 40%,#ffd400);border:1px solid #9b3900;color:#5f2300;cursor:pointer;font-weight:600;transition:background-color .25s ease}.gradient-button:hover{background:linear-gradient(0deg,gold,#ffc300)}.button-small{font-size:.8em;padding:8px 16px}.button-small,.button-small:hover{border-radius:12px}.button-medium{font-size:1em;padding:10px 20px}.button-medium,.button-medium:hover{border-radius:15px}.button-large{font-size:1.2em;padding:15px 30px}.button-large,.button-large:hover{border-radius:30px}.button-shadow{box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f}.pitch-container{align-items:center;animation:pitchFadeIn 1.5s forwards;color:#fff;display:flex;font-size:20px;justify-content:center;margin-top:25px;max-width:500px;opacity:0;position:relative;text-shadow:1px 1px 2px #000;z-index:10}@keyframes pitchFadeIn{to{opacity:1}}@keyframes buttonFadeIn{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes moveSunUp{0%{bottom:-260px}to{bottom:40px}}.sunrise-animation{animation:moveSunUp 1s forwards}.calculator-form-box{align-items:center;background:#fff9;border:1px solid #ccc;border-radius:8px;box-shadow:2px 2px 3px #0000004d;display:flex;flex-direction:column;gap:4px;min-width:20%;padding:1.5em}.sunlight-calculator-container{font-family:Arial,sans-serif;margin:20px auto;max-width:600px}.sunlight-calculator-form{display:flex;flex-direction:column}.sunlight-calculator-label{display:block;font-weight:700;margin-bottom:15px;text-align:left!important}.sunlight-calculator-label-error{color:#dc2626!important}.sunlight-calculator-fieldset-error{border:2px solid #dc2626!important;border-radius:4px;padding:10px!important}.sunlight-calculator-fieldset-error legend{color:#dc2626!important}.sunlight-calculator-label strong{display:block;margin-bottom:5px}.sunlight-calculator-input,.sunlight-calculator-select{box-sizing:border-box;font-size:16px;margin-bottom:12px;padding:8px;width:100%}.sunlight-calculator-fieldset{align-items:flex-start;border:none;display:flex;flex-direction:column;gap:8px;margin:12px 0;padding:0}.sunlight-calculator-fieldset legend{font-weight:700;margin-bottom:8px;padding:0;text-align:left}.sunlight-calculator-checkbox-label{align-items:center;display:flex;font-size:.95em;gap:8px;margin:0;text-align:left}.sunlight-calculator-checkbox-label input[type=checkbox]{flex-shrink:0;margin:0}.sunlight-calculator-checkbox-grid{align-items:flex-start;display:flex;flex-direction:column;gap:12px;margin:12px 0}.sunlight-calculator-checkbox-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.sunlight-calculator-checkbox-item{align-items:center;display:flex;font-size:.95em;gap:8px}.sunlight-calculator-checkbox-item input[type=checkbox]{flex-shrink:0;margin:0}.sunlight-calculator-button{background:#007bff;border:none;color:#fff;cursor:pointer;padding:10px 20px}.sunlight-calculator-button:hover{background:#0056b3}.sunlight-calculator-result{margin-top:20px}.sunlight-calculator-email-prompt{margin-top:12px}.sunlight-calculator-error{color:red;margin-bottom:12px}.sunlight-calculator-back-button{background:#6c757d;border:none;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.sunlight-calculator-back-button:hover{background:#5a6268}.sunlight-calculator-spinner{color:#007bff;font-size:16px;margin-top:20px;text-align:center}.sunlight-calculator-uv-error{color:red;font-size:16px;margin-top:20px}.location-input-container{margin-bottom:20px;position:relative}.location-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.location-dropdown-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;font-size:.9em;font-weight:500;justify-content:space-between;padding:12px 16px}.location-dropdown-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:background-color .2s;width:24px}.location-dropdown-close:hover{background-color:#e5e7eb;color:#374151}.location-dropdown-loading{color:#6b7280;font-style:italic;padding:16px;text-align:center}.location-dropdown-list{list-style:none;margin:0;padding:0}.location-dropdown-item{border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;padding:12px 16px;transition:background-color .2s}.location-dropdown-item:hover{background-color:#f3f4f6}.location-dropdown-item:last-child{border-bottom:none}.dark-mode .location-dropdown{background:#1f2937;border-color:#374151}.dark-mode .location-dropdown-header{background:#111827;border-color:#374151;color:#f9fafb}.dark-mode .location-dropdown-close{color:#9ca3af}.dark-mode .location-dropdown-close:hover{background-color:#374151;color:#f3f4f6}.dark-mode .location-dropdown-loading{color:#9ca3af}.dark-mode .location-dropdown-item{border-color:#374151;color:#f9fafb}.dark-mode .location-dropdown-item:hover{background-color:#374151}.sunlight-calculator-result div[style*=marginBottom] ul{text-align:left}.sunlight-calculator-result div[style*=marginBottom] li{list-style-position:inside;text-align:left}.sunlight-calculator-result div[style*=marginBottom] h4{text-align:left}.seasonal-test-results{background:#f5f5f5;min-height:100vh;padding:20px}.seasonal-test-results .content-main{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto!important;margin:0 auto;max-height:none!important;max-width:1200px;overflow:visible!important}.seasonal-test-results h1{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:22px;margin:0;padding:20px 24px;text-align:center}.controls{background:#f8f9fa;border-bottom:2px solid #e0e0e0;gap:20px;padding:20px 24px}.city-selector,.controls{display:flex;flex-direction:column}.city-selector{gap:8px}.city-selector label{color:#333;font-size:14px;font-weight:600}.city-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px}.grade-selector{display:flex;flex-direction:column;gap:8px}.grade-selector label{color:#333;font-size:14px;font-weight:600}.grade-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px}.recommendation-filters h3{color:#333;font-size:16px;margin:0 0 15px}.checkbox-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-group label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:14px;padding:5px 0}.checkbox-group input[type=checkbox]{margin-right:8px;transform:scale(1.1)}.city-header{border-bottom:2px solid #e0e0e0;margin:20px 24px;padding-bottom:14px}.city-name{color:#333;font-size:20px;font-weight:600;margin-bottom:4px}.city-lat{color:#666;font-size:13px}table{border-collapse:collapse;font-size:14px;width:100%}thead th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}thead th:first-child{width:60px}thead th:nth-child(2){border-right:3px solid #d0d0d0;width:70px}thead th:nth-child(3){padding-left:15px;width:80px}.sun-header{color:#ff9800}.ideal-header{color:#4caf50}.optimal-header{color:#2196f3}.good-header{color:#ff9800}tbody td{border-bottom:1px solid #f0f0f0;padding:10px 16px}tbody td:nth-child(2){border-right:3px solid #d0d0d0}tbody td:nth-child(3){padding-left:20px}tbody tr:hover{background:#f8f9fa}.season-row{background:#fafbfc;color:#555;font-weight:600}.season-row td{border-bottom:1px solid #d0d0d0;border-top:2px solid #e0e0e0;padding:8px 16px}.season-name{align-items:center;display:flex;gap:8px}.seasonal-position{color:#888;font-size:11px;font-weight:400}.row-label{color:#666;font-weight:500;padding-left:24px}.time-cell{color:#333;font-weight:500}.sunrise-missed{color:#d32f2f!important;font-weight:700!important}.duration{color:#888;font-size:12px;margin-left:4px}.hidden-row{display:none!important}@media (max-width:767px){.seasonal-test-results{padding:10px}.seasonal-test-results .content-main{border-radius:4px}.seasonal-test-results h1{font-size:18px;padding:16px 20px}.controls{gap:16px;padding:16px 20px}.checkbox-group{gap:8px;grid-template-columns:1fr}.city-header{margin:16px 20px}.city-name{font-size:18px}table{font-size:12px}thead th{font-size:11px;padding:8px 10px}tbody td{padding:6px 10px}.row-label{font-size:11px;padding-left:12px}.season-row td{padding:4px 10px}.mobile-sun-times{display:flex;flex-direction:column;gap:4px}.mobile-sun-time-item{align-items:flex-start;display:flex;flex-direction:column;padding:4px 0}.mobile-sun-time-label{color:#666;font-size:10px;font-weight:500;margin-bottom:2px}.mobile-sun-time-value{color:#333;font-size:11px;font-weight:500}.sunrise-missed .mobile-sun-time-value{color:#d32f2f!important;font-weight:700!important}}@media (min-width:768px){.controls{align-items:flex-start;flex-direction:row;justify-content:space-between}.city-selector{align-items:center;flex-direction:row;gap:12px}.city-selector label{margin-bottom:0}.recommendation-filters{flex:1 1;margin-left:20px}}