.nav-wrapper-light{display:flex;position:relative;overflow:visible;justify-content:center;align-items:center;gap:16px;padding:8px;border:1px solid #ddd;min-height:34.5px;z-index:1001}.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;padding:8px;transition:background-color .3s ease;font-weight:700}.nav-item-small{font-size:14px}.nav-wrapper-dark{display:flex;position:relative;overflow:visible;justify-content:center;align-items:center;gap:16px;padding:9px;background-color:initial;min-height:34.5px;z-index:1001}.nav-item-selected-dark{color:#ffffff;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{display:flex;position:relative;overflow:visible;justify-content:center;align-items:center;gap:16px;padding:9px;border:1px transparent;min-height:34.5px;z-index:1001}.nav-item-loading{cursor:pointer;padding:8px;transition:background-color .3s ease;color:transparent}.navigation-menu{position:relative;z-index:1002}.navigation-list{display:flex;justify-content:center;align-items:center;list-style:none;padding:0;margin:0}.navigation-item{align-items:center;padding:0 8px;position:relative}.item-name{padding:8px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.navigation-item .item-name{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);background-color:rgba(255,255,255,.1);margin:5px;text-decoration:none}.navigation-item .item-name.active-item{border:1px solid #fff;background-color:rgba(255,255,255,.2)}.navigation-item .item-name:hover{background-color:rgba(255,255,255,.2)}.navigation-item:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:60%;width:1px;background-color:rgba(0,0,0,.3)}.nav-dark .navigation-item:not(:last-child):after{background-color:rgba(255,255,255,.4)}.daily-quote-overlay{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:1000;max-width:90%;width:500px;opacity:0;animation:quoteFadeIn .8s ease-out forwards;pointer-events:none}.daily-quote-overlay.fading-out{animation:quoteFadeOut .5s ease-in forwards}.quote-content{background:rgba(255,255,255,.95);border-radius:12px;padding:24px;box-shadow:0 10px 25px rgba(0,0,0,.15),0 4px 10px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);text-align:center}.quote-text{font-size:18px;line-height:1.6;color:#2d3748;margin-bottom:12px;font-style:italic}.quote-author{font-size:14px;color:#718096;font-weight:500}@keyframes quoteFadeIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes quoteFadeOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}@media (max-width:768px){.daily-quote-overlay{bottom:24px;width:95%;max-width:400px}.quote-content{padding:20px}.quote-text{font-size:16px}.quote-author{font-size:13px}}.uv-page-content{justify-content:flex-start;height:calc(100vh - 186px);padding:10px 0}.sundata-container,.uv-page-content{display:flex;flex-direction:column;align-items:center;position:relative}.sundata-container{width:100%;justify-content:space-between;flex-grow:1;min-height:350px;overflow:visible;padding-bottom:calc(85px + 3em + 20px)}.uv-index{flex-direction:row;justify-content:space-between;margin:10px;width:100%;max-width:700px}.uv-index,.uv-index-item{display:flex;align-items:center;font-size:18px;font-weight:700}.uv-index-item{flex-direction:column;justify-content:center;margin-right:10px;margin-left:10px}.uv-page-sun{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:flex;justify-content:center;align-items:center}.sign-up-display{padding:.75rem;width:100%;margin:0 auto 1.5rem;z-index:10}.exposure-guide,.sign-up-display{background:var(--card-bg,rgba(255,255,255,.85));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-subtle,rgba(245,166,35,.2));border-radius:16px;box-shadow:0 2px 8px var(--shadow-subtle,rgba(92,46,12,.08)),0 8px 24px var(--shadow-medium,rgba(92,46,12,.12)),inset 0 1px 0 rgba(255,255,255,.6);max-width:700px;box-sizing:border-box}.exposure-guide{font-size:16px;font-weight:700;min-height:85px;padding:1.5em;width:auto;min-width:300px;z-index:11;align-self:center;position:fixed;bottom:20px;left:50%;transform:translateX(-50%)}.uv-page-content .collapsible-section{width:100%;max-width:700px;margin:0 auto 1rem;z-index:10}.cloud-cover{padding:0;width:100%;box-sizing:border-box}.cloud-cover-label{font-weight:500;margin-bottom:.5rem;text-align:center}.cloud-cover-slider{display:flex;align-items:center;gap:1rem;padding:.5rem;border-radius:6px;transition:background-color .3s ease}.cloud-cover-slider.cloud-light{background-color:rgba(135,206,250,.2)}.cloud-cover-slider.cloud-moderate{background-color:rgba(169,169,169,.3)}.cloud-cover-slider.cloud-heavy{background-color:rgba(105,105,105,.4)}.slider{flex:1 1;-webkit-appearance:none;appearance:none;height:6px;background:#d3d3d3;outline:none;border-radius:3px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#4b9cd3;cursor:pointer;-webkit-transition:background .3s ease;transition:background .3s ease}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#4b9cd3;cursor:pointer;-moz-transition:background .3s ease;transition:background .3s ease}.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}.vitamin-d-calculator{padding:0;background:var(--card-bg,rgba(255,255,255,.85));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-subtle,rgba(245,166,35,.2));border-radius:16px;box-shadow:0 2px 8px var(--shadow-subtle,rgba(92,46,12,.08)),0 8px 24px var(--shadow-medium,rgba(92,46,12,.12)),inset 0 1px 0 rgba(255,255,255,.6);width:100%;max-width:700px;margin:0 auto 1.5rem;box-sizing:border-box;position:relative;z-index:20}.vitamin-d-calculator-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.vitamin-d-calculator-header:hover{background-color:rgba(0,0,0,.05);border-radius:8px 8px 0 0}.vitamin-d-calculator-header.vitamin-d-header-no-toggle{cursor:default;pointer-events:none}.vitamin-d-calculator-header.vitamin-d-header-no-toggle:hover{background-color:initial}.vitamin-d-calculator-label{font-weight:500;font-size:16px;margin:0}.vitamin-d-toggle-icon{font-size:12px;transition:transform .2s ease;color:#666}.vitamin-d-toggle-icon.expanded{transform:rotate(180deg)}.vitamin-d-unavailable-message{font-size:14px;color:#666;font-style:italic;margin:0}.vitamin-d-calculator-content{padding:0 .75rem .75rem;max-height:none;overflow:visible}.vitamin-d-unavailable{padding:1rem;background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404;font-size:14px;text-align:center;margin-bottom:1rem}.vitamin-d-calculator-inputs{margin-bottom:1rem}.vitamin-d-select-label{display:block;font-size:14px;font-weight:500;margin-bottom:.5rem}.custom-select,.vitamin-d-select{display:block;width:100%!important;max-width:100%;padding:.75rem 2.5rem .75rem .75rem!important;font-size:14px;font-family:inherit;font-weight:500;line-height:1.5;color:var(--ember-dark,#5c2e0c);border:1px solid var(--border-medium,rgba(245,166,35,.3));border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,248,240,.85));cursor:pointer;transition:all .2s ease;box-sizing:border-box;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;-ms-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235C2E0C' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;box-shadow:0 2px 4px var(--shadow-subtle,rgba(92,46,12,.08)),inset 0 1px 0 rgba(255,255,255,.5)}.custom-select:hover,.vitamin-d-select:hover{border-color:var(--border-strong,rgba(245,166,35,.5));box-shadow:0 4px 8px var(--shadow-medium,rgba(92,46,12,.12)),inset 0 1px 0 rgba(255,255,255,.5)}.custom-select:focus,.vitamin-d-select:focus{outline:none;border-color:var(--sun-orange,#e8852e);box-shadow:0 0 0 3px rgba(245,166,35,.2),0 4px 8px var(--shadow-medium,rgba(92,46,12,.12))}.vitamin-d-select option{min-height:2.5rem}.vitamin-d-exposure-trigger,.vitamin-d-select option{padding:.75rem;font-size:14px;background-color:white;color:#333}.vitamin-d-exposure-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;font-family:inherit;line-height:1.5;border:1px solid #ccc;border-radius:6px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;text-align:left}.vitamin-d-exposure-trigger:hover{border-color:#999}.vitamin-d-exposure-trigger:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.vitamin-d-exposure-arrow{font-size:10px;color:#6b7280;margin-left:.5rem;transition:transform .2s}.vitamin-d-exposure-dropdown{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.15);z-index:1000;max-height:300px;overflow-y:auto;margin-top:4px}.vitamin-d-exposure-list{list-style:none;margin:0;padding:0}.vitamin-d-exposure-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .2s;color:#374151;font-size:14px}.vitamin-d-exposure-item:hover{background-color:#f3f4f6}.vitamin-d-exposure-item:last-child{border-bottom:none}.vitamin-d-exposure-item--selected{background-color:#eff6ff;color:#2563eb;font-weight:500}.vitamin-d-exposure-item--selected:hover{background-color:#dbeafe}.dark-mode .vitamin-d-exposure-trigger{background-color:#1f2937;border-color:#374151;color:#f9fafb}.dark-mode .vitamin-d-exposure-trigger:hover{border-color:#4b5563}.dark-mode .vitamin-d-exposure-trigger:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.2)}.dark-mode .vitamin-d-exposure-arrow{color:#9ca3af}.dark-mode .vitamin-d-exposure-dropdown{background:#1f2937;border-color:#374151}.dark-mode .vitamin-d-exposure-item{color:#f9fafb;border-color:#374151}.dark-mode .vitamin-d-exposure-item:hover{background-color:#374151}.dark-mode .vitamin-d-exposure-item--selected{background-color:#1e3a8a;color:#93c5fd}.dark-mode .vitamin-d-exposure-item--selected:hover{background-color:#1e40af}.vitamin-d-custom-inputs{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.vitamin-d-custom-input-group{flex:1 1;min-width:150px}.vitamin-d-profile-inputs{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.vitamin-d-profile-input-group{flex:1 1;min-width:150px}.vitamin-d-weight-inputs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.vitamin-d-weight-inputs .vitamin-d-input{flex:1 1 140px}.vitamin-d-weight-unit-select{padding:.5rem;font-size:14px;border:1px solid #ccc;border-radius:4px;background-color:white;cursor:pointer;min-width:90px}.dark-mode-text-color .vitamin-d-weight-unit-select{background-color:rgba(0,0,0,.6);color:white;border-color:#555}.vitamin-d-input-label{display:block;font-size:14px;font-weight:500;margin-bottom:.5rem}.vitamin-d-input{width:100%;padding:.5rem;font-size:14px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.vitamin-d-results{margin-top:1rem}.vitamin-d-results-header{font-weight:500;margin-bottom:.5rem;text-align:center;font-size:14px}.vitamin-d-results-table{border:1px solid #ddd;border-radius:4px;overflow:hidden}.vitamin-d-results-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #ddd}.vitamin-d-results-row:last-child{border-bottom:none}.vitamin-d-results-header-row{background-color:#f5f5f5;font-weight:500}.vitamin-d-results-cell{padding:.75rem;text-align:center;font-size:14px}.vitamin-d-results-header-row .vitamin-d-results-cell{font-weight:600}.vitamin-d-no-results{text-align:center;padding:1rem;color:#666;font-size:14px}@media (max-width:600px){.vitamin-d-custom-inputs{flex-direction:column}.vitamin-d-custom-input-group,.vitamin-d-profile-input-group{min-width:100%}.vitamin-d-weight-unit-select{width:100%}.vitamin-d-results-cell{padding:.5rem;font-size:13px}}.cloud-cover-value{min-width:40px;text-align:right;font-weight:600;margin-left:10px}.cloud-cover-description{text-align:center;margin-top:.5rem;font-size:.85rem;opacity:.8}.dark-mode-text-color .cloud-cover,.dark-mode-text-color .cloud-cover-label,.dark-theme .cloud-cover,.dark-theme .cloud-cover-label{color:#333}.dark-mode-text-color .cloud-cover-description,.dark-theme .cloud-cover-description{color:#555}.uv-status{margin-bottom:8px;font-weight:400}table{width:100%;border-collapse:collapse;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{max-width:800px;margin:auto}.custom-list-item{margin-bottom:10px;padding-left:1.5em}.selectListLabel{display:block;margin-bottom:10px}.selectListComponent{width:60%;padding:10px;border-radius:10px;font-size:16px;border:1px solid grey;height:50px}.skinTypesPrompt{font-weight:400}.dark-mode-text-color .exposure-guide{background:rgba(0,0,0,.5);color:white;border-color:#555}@media (max-height:600px){.exposure-guide{padding:1em;font-size:14px;min-height:70px;bottom:15px}.sundata-container{padding-bottom:calc(70px + 2em + 15px)}}@media (max-height:450px){.exposure-guide{bottom:10px;min-height:60px}.sundata-container{padding-bottom:calc(60px + 2em + 10px)}}@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{padding:1.5rem;max-width:32rem;margin-left:auto;margin-right:auto;background-color:#f3f4f6;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.uv-forecast-header{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.uv-forecast-current-time{font-size:.875rem;color:#6b7280;margin-bottom:1rem;text-align:center}.uv-forecast-items{display:flex;flex-direction:column;gap:1rem}.uv-forecast-item{display:flex;align-items:center;padding:.75rem;background-color:white;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.uv-forecast-time{width:4rem;text-align:center}.uv-forecast-time-value{font-weight:500}.uv-forecast-bar-container{flex:1 1;padding:0 1rem}.uv-forecast-progress-bg{width:100%;background-color:#e5e7eb}.uv-forecast-progress,.uv-forecast-progress-bg{border-radius:9999px;height:1rem}.uv-forecast-value{width:6rem;text-align:right}.uv-forecast-value-number{font-weight:700}.uv-forecast-value-risk{font-size:.75rem;color:#6b7280}.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{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.5rem;gap:.5rem;text-align:center;font-size:.75rem;color:white}.uv-forecast-legend-item{padding:.25rem;border-radius:.25rem}.uv-forecast-night{text-align:center;padding:1.5rem;background-color:#1e3a8a;color:white;border-radius:.5rem}.uv-forecast-night-icon{font-size:2.5rem;margin-bottom:.5rem}.uv-forecast-night-title{font-size:1.25rem}.uv-forecast-night-subtitle{margin-top:.5rem;font-size:.875rem}.uv-forecast-empty{text-align:center;padding:1.5rem}.uv-forecast-personalized-info{margin-bottom:.75rem;padding:.5rem;background-color:#f0f9ff;border-radius:.375rem;border-left:3px solid #3b82f6}.uv-forecast-profile{display:flex;flex-direction:column;gap:.125rem}.uv-forecast-profile-row{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;font-size:.7rem;line-height:1.2}.uv-forecast-profile-label{font-weight:500;color:#4b5563}.uv-forecast-profile-label:not(:first-child){margin-left:.5rem}.uv-forecast-profile-value{color:#1f2937}.uv-forecast-exposure-info{margin-top:.75rem;font-size:.75rem;color:#6b7280;background-color:#f9fafb;padding:.5rem;border-radius:.375rem;text-align:center}.uv-forecast-general-footnote{margin-top:.75rem;font-size:.75rem;color:#4b5563;text-align:center;font-style:italic}.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{display:flex;align-items:center;justify-content:center;background-color:rgba(255,193,7,.2);border:1px solid #ffc107;border-radius:8px;width:100%;max-width:700px;position:relative;z-index:5}.dark-mode-text-color .uv-data-warning{background-color:rgba(255,193,7,.3);border-color:rgba(255,193,7,.6);color:#fff}.warning-icon{font-size:20px;margin-right:10px}.warning-text{font-size:14px;font-weight:500}.custom-input-wrapper{display:flex;align-items:center;justify-content:center;width:100px}.manual-uv-input{width:60px;padding:6px;border:1px solid #ccc;border-radius:4px;font-size:16px;font-weight:700;text-align:center;background-color:rgba(255,255,255,.9);transition:border-color .2s;display:inline-block;line-height:1.5}.arrow-button{width:20px;height:30px;padding:0;border:none;background-color:initial;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333}.arrow-button:hover{color:#4b9cd3}.arrow-left{margin-right:4px}.arrow-right{margin-left:4px}.manual-uv-input:focus{outline:none;border-color:#4b9cd3;box-shadow:0 0 0 2px rgba(75,156,211,.3)}.dark-mode-text-color .manual-uv-input{background-color:rgba(30,30,30,.8);border-color:#555;color:white}.dark-mode-text-color .manual-uv-input:focus{border-color:#87cefa;box-shadow:0 0 0 2px rgba(135,206,250,.3)}.dark-mode-text-color .arrow-button{color:white}.dark-mode-text-color .arrow-button:hover{color:#87cefa}@media (max-width:768px){.custom-input-wrapper{width:100px}.manual-uv-input{width:60px}}