: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{position:fixed;padding:5px;background-color:rgba(255,255,255,.85);color:black;border-radius:5px;border:1px solid black;z-index:1000;opacity:0;animation:bounceIn .75s forwards}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@media (max-width:767px){.tooltip{left:var(--tooltip-padding);transform:translateX(-50%);width:calc(100% - calc(2 * var(--tooltip-padding)));font-size:14px;white-space:normal;overflow:auto;max-height:225px;overflow:hidden;text-overflow:ellipsis}.tooltip.daybreak,.tooltip.sunrise,.tooltip.uva-rise{top:var(--tooltip-fixed-top-offset);height:var(--tooltip-fixed-top-height)}.tooltip.solar-noon,.tooltip.uvb-rise,.tooltip.uvb-set{top:var(--tooltip-fixed-bottom-offset);max-height:var(--tooltip-fixed-bottom-max-height)}.tooltip.nadir,.tooltip.nightfall,.tooltip.sunset,.tooltip.uva-set{top:var(--tooltip-fixed-top-offset);height:var(--tooltip-fixed-top-height)}}@media (max-height:668px) and (max-width:767px){.tooltip{overflow-y:auto;max-height:200px}.tooltip.daybreak,.tooltip.sunrise,.tooltip.uva-rise{top:var(--tooltip-fixed-top-offset);height:var(--tooltip-fixed-top-height)}.tooltip.solar-noon,.tooltip.uvb-rise,.tooltip.uvb-set{top:var(--tooltip-fixed-mobile-bottom-offset);max-height:var(--tooltip-fixed-bottom-max-height)}.tooltip.nadir,.tooltip.nightfall,.tooltip.sunset,.tooltip.uva-set{top:var(--tooltip-fixed-top-offset);height:var(--tooltip-fixed-top-height)}}@media (min-width:768px) and (max-width:949px){.tooltip{width:var(--tooltip-width)}.tooltip.daybreak{right:var(--tooltip-padding);top:230px}.tooltip.sunrise{right:var(--tooltip-padding);top:210px}.tooltip.uva-rise{right:var(--tooltip-padding);top:190px}.tooltip.uvb-rise{right:var(--tooltip-padding);top:170px}.tooltip.solar-noon{right:var(--tooltip-padding);top:150px}.tooltip.uvb-set{top:170px;left:var(--tooltip-padding)}.tooltip.uva-set{top:190px;left:var(--tooltip-padding)}.tooltip.sunset{top:210px;left:var(--tooltip-padding)}.tooltip.nightfall{top:230px;left:var(--tooltip-padding)}.tooltip.nadir{top:150px;left:var(--tooltip-padding)}}@media (min-width:950px){.tooltip{width:var(--tooltip-width)}.tooltip.daybreak{left:var(--tooltip-offset);top:230px}.tooltip.sunrise{left:var(--tooltip-offset);top:210px}.tooltip.uva-rise{left:var(--tooltip-offset);top:190px}.tooltip.uvb-rise{left:var(--tooltip-offset);top:170px}.tooltip.solar-noon{left:var(--tooltip-offset);top:150px}.tooltip.uvb-set{right:var(--tooltip-offset);top:170px}.tooltip.uva-set{right:var(--tooltip-offset);top:190px}.tooltip.sunset{right:var(--tooltip-offset);top:210px}.tooltip.nightfall{right:var(--tooltip-offset);top:230px}.tooltip.nadir{right:var(--tooltip-offset);top:150px}}.slide-pane{display:flex;flex-direction:column;background:#fff;min-width:100px;height:100%;box-shadow:0 8px 8px rgba(0,0,0,.5);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{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0)}.slide-pane__overlay.overlay-after-open{background-color:rgba(0,0,0,.3);transition:background-color .5s}.slide-pane__overlay.overlay-before-close{background-color:rgba(0,0,0,0)}.slide-pane__header{display:flex;flex:0 0 64px;align-items:center;background:#ebebeb;height:64px;border-bottom:1px solid rgba(0,0,0,.1)}.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;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0}.slide-pane__close{margin-left:24px;padding:16px;opacity:.7;cursor:pointer}.slide-pane__close svg{width:12px;padding:0}.slide-pane__content{position:relative;overflow-y:auto;padding:24px 32px;flex:1 1 auto}.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{width:30px;height:calc(100vh - 300px);top:200px;cursor:pointer}.custom-pane.full{width:100%;height:calc(100vh - 300px)!important;top:200px}.side-panel-content{overflow-y:auto;background-color:#333;color:white;z-index:1}.custom-pane .side-panel-content{overflow-y:auto;flex-grow:1;position:relative;z-index:2}.custom-pane .slide-pane__content{padding:2px}.content-wrapper{position:relative;z-index:2;padding:5px}.custom-pane .moon-icon-wrapper,.custom-pane .sun-icon-wrapper{position:absolute;top:10px;right:10px;z-index:1;margin-right:25px}.custom-pane .moon-icon-wrapper{display:flex;align-items:center;justify-content:center;width:120px;height:120px}.custom-pane .close-btn{align-self:flex-end}.close-btn,.custom-pane .close-btn{font-size:24px;cursor:pointer;background:none;border:none;z-index:10001}.close-btn{position:absolute;top:-8px;right:10px;color:black}.toggle-button{position:absolute;top:50%;transform:translate(-50%,-50%);color:white;z-index:10}.open-panel-btn,.toggle-button{left:50%;font-size:24px;cursor:pointer;background:none;border:none}.open-panel-btn{position:fixed;bottom:20px;transform:translateX(-50%);z-index:1001}.custom-overlay{background:rgba(0,0,0,0);transition:background 1111.2s ease,opacity 1111.2s ease}.overlay-content{padding:1.5em;background:rgba(255,255,255,.7);border-radius:8px;min-width:20%;border:1px solid #ccc;box-shadow:2px 2px 3px rgba(0,0,0,.3);max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;overflow:auto;color:black}.content-section{margin-bottom:16px}.section-content{margin-top:4px;margin-bottom:12px}.more-less-info{display:inline-block;margin-top:8px;margin-bottom:16px;font-weight:700;color:#4a90e2;text-decoration:none}.recommended-product-links{margin-top:4px;display:flex;flex-wrap:wrap;gap:8px}.recommended-product-link{color:#4a90e2;text-decoration:none;display:flex;align-items:center}.slide-pane{transition:transform .65s ease-in-out!important}.clock-container{position:relative;width:100%;max-width:630px;max-height:630px}.svg-container{text-align:center;width:100%;height:100%;margin:0 auto;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.floating-time{position:absolute;display:flex;justify-content:flex-end;align-items:flex-end;top:60px;right:12px;padding:5px;font-size:14px;font-weight:700;height:auto}@media (max-width:767px) and (pointer:coarse){.floating-time{font-size:20px}}.sun-path-svg{max-height:100%;max-width:100%;width:100%;height:auto}.text-label-light{font-size:16px;fill:black}.text-label-dark{font-size:16px;fill:#ffffff}.text-label-dark:hover,.text-label-light:hover{cursor:pointer;fill:#ff5733}.clock-label.light{color:black}.clock-label.dark{color:#ffffff}.clock-label-desktop{font-size:24px}.clock-label-desktop.light{fill:black}.clock-label-desktop.dark{fill:#ffffff}.clock-label-mobile{font-size:14px}.more-info-sun{font-size:24px;fill:black}.more-info-moon,.more-info-sun{font-weight:700;cursor:pointer;text-decoration:underline}.more-info-moon{font-size:65px;fill:#ffffff}.more-info-sun:hover{fill:blue;text-decoration:underline}.more-info-moon:hover{fill:grey;text-decoration:underline}.solar-clock-container{text-align:center;position:fixed;left:50%;bottom:-20vh;transform:translateX(-50%);width:100%;z-index:-1;overflow:visible}.solar-clock-animation{animation:riseUpSetDown 4s forwards}@keyframes riseUpSetDown{0%{bottom:-20vh}50%{bottom:35vh}to{bottom:-40vh}}.circadian-day{position:absolute;bottom:-30px;right:0;width:auto;align-self:flex-end;margin-right:0;flex-direction:row;justify-content:flex-end;z-index:999;padding:10px 5px 5px;border-radius:4px}.circadian-day,.circadian-day-item{display:flex;align-items:center;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{display:flex;justify-content:center;align-items:center;margin-bottom:8px;border-bottom:1px solid #e5e7eb}.circadian-day-tabs-container{display:flex;gap:0;width:100%;justify-content:center}.circadian-day-tabs-container .tab-button{padding:12px 24px;font-size:16px;font-weight:500;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:#6b7280;transition:all .2s ease;white-space:nowrap;position:relative}.circadian-day-tabs-container .tab-button:hover{color:#374151}.circadian-day-tabs-container .tab-button.active{color:#374151;border-bottom:2px solid #374151;font-weight:600}.circadian-day-tabs-container .tab-button .beta-label{font-size:9px!important;padding:1px 4px;margin-left:4px;background:#fbbf24;color:#92400e;border-radius:12px;font-weight:700;letter-spacing:.05em}.circadian-day-title-section{flex:1 1}.circadian-day-navigation{display:flex;gap:12px;margin-top:4px}.nav-date-link{padding:6px 14px;border-radius:8px;background:#f8f9fa;border:1px solid #e0e0e0;color:#333;cursor:pointer;font-size:14px;font-weight:500;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{padding:6px 14px;border-radius:8px;background:#4caf50;border:1px solid #4caf50;color:#ffffff;font-size:14px;font-weight:600;-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{padding-top:16px;border-bottom:1px solid #e0e0e0}.tier-title{font-size:18px;color:#333;margin:0;font-weight:600;display:flex;align-items:center;gap:8px}.tier-description{color:#666;margin:0;font-size:13px;font-style:italic;font-weight:400}.recommendation-wrapper{display:flex;align-items:center;flex-direction:column}.timing-windows{margin-left:36px;margin-top:8px;display:flex;flex-direction:column;gap:4px;list-style:none;padding:0}.timing-window{display:flex;align-items:flex-start;gap:8px;font-size:13px;position:relative;padding-left:12px}.timing-window:before{content:"•";position:absolute;left:0;top:0;font-weight:700;color:#666}.timing-label{font-weight:600;min-width:60px}.timing-time{color:#666;font-weight:500;flex:1 1}.circadian-day-footer{margin-top:40px;padding-top:24px}.footer-note{margin:0 0 20px}.tier-explanations{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin:20px 0;padding:16px;background:#f8f9fa;border-radius:8px}.tier-explanation{padding:12px;background:white;border-radius:6px;border-left:3px solid #4caf50;font-size:13px;line-height:1.4}.tier-explanation strong{color:#333;display:block;margin-bottom:4px;font-size:14px}.footer-list{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.footer-disclaimer{font-size:13px;color:#777;line-height:1.7;text-align:left;margin:0 0 16px}.recommendation-expanded{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;max-width:600px;margin:20px auto;box-shadow:0 2px 8px rgba(0,0,0,.1)}.recommendation-expanded .recommendation-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.recommendation-expanded .recommendation-icon{font-size:28px;flex-shrink:0}.recommendation-expanded .recommendation-title-section{display:flex;flex-direction:column;gap:4px;flex-grow:1}.recommendation-expanded .recommendation-title{font-size:20px;font-weight:600;color:#333;line-height:1.2}.recommendation-expanded .recommendation-grade{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.recommendation-details h4{font-size:16px;font-weight:600;color:#444;margin:20px 0 10px;border-bottom:1px solid #f0f0f0;padding-bottom:6px}.recommendation-details h4:first-child{margin-top:0}.recommendation-details p{font-size:14px;line-height:1.6;color:#555;margin-bottom:12px}.recommendation-details p strong{color:#333;font-weight:600}.recommendation-details ul{margin:12px 0;padding-left:18px}.recommendation-details li{font-size:14px;line-height:1.5;color:#555;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:rgba(255,255,255,.05)}.dark-theme .tier-explanation{background:rgba(255,255,255,.08);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:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.dark-theme .recommendation-expanded .recommendation-header{border-bottom-color:rgba(255,255,255,.1)}.dark-theme .recommendation-expanded .recommendation-title{color:#fff}.dark-theme .recommendation-details h4{color:#eee;border-bottom-color:rgba(255,255,255,.1)}.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;padding:6px 12px;font-size:12px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease;margin-left:auto}.back-to-list-btn:hover{background:#e8e8e8;border-color:#999;color:#333}.dark-theme .back-to-list-btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#ccc}.dark-theme .back-to-list-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);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{padding:20px;max-width:600px;margin:0 auto}.circadian-day-header{text-align:center}.circadian-day-header h3{margin:0 0 8px;font-size:24px;font-weight:700;color:#333}.circadian-day-header .beta-label{font-size:10px!important;padding:1px 4px;margin-left:2px;background:#fbbf24;color:#92400e;border-radius:12px;font-weight:700;letter-spacing:.05em}.circadian-day-subtitle{margin:0;font-size:14px;color:#666;font-weight:400}.recommendation-category{margin-bottom:28px}.category-title{font-size:16px;font-weight:600;color:#444;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;padding:16px;cursor:pointer;transition:all .2s ease;position:relative}.recommendation-item:hover{background:#f8f9fa;border-color:#4caf50;transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,.1)}.recommendation-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.recommendation-icon{font-size:24px;flex-shrink:0}.recommendation-title-section{display:flex;flex-direction:column;gap:2px;flex-grow:1}.recommendation-title{font-size:16px;font-weight:600;color:#333;line-height:1.2}.recommendation-grade{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.recommendation-time{font-size:14px;font-weight:500;color:#2196f3;margin-bottom:6px;margin-left:36px}.recommendation-description{font-size:14px;color:#666;line-height:1.4;margin-left:36px;margin-bottom:4px;margin-top:4px}.recommendation-arrow{position:absolute;top:50%;right:16px;transform:translateY(-50%);font-size:18px;color:#bbb;transition:all .2s ease}.recommendation-item:hover .recommendation-arrow{color:#4caf50;transform:translateY(-50%) translateX(4px)}.circadian-day-footer{margin-top:32px;padding-top:20px;border-top:1px solid #eee}.footer-note{font-size:13px;color:#777;line-height:1.7;text-align:left;margin:0}.dark-theme .circadian-day-list{background:rgba(0,0,0,.9);color:#fff}.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:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.dark-theme .recommendation-item:hover{background:rgba(255,255,255,.08);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{margin:8px 0 8px 36px;font-size:13px;color:#888;font-style:italic}.meal-summary{font-size:12px;color:#666;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{position:static;margin:4px 0;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{grid-template-columns:1fr;gap:8px;padding:12px}.tier-explanation{padding:10px;font-size:12px}.tier-explanation strong{font-size:13px}.circadian-day-list{padding:8px}.circadian-day-header{margin-bottom:12px;padding-bottom:8px}.circadian-day-tabs-container .tab-button{padding:10px 16px;font-size:14px}.circadian-day-navigation{margin-top:0;justify-content:center}.circadian-day-header h3{font-size:20px;margin-bottom:4px;gap:6px}.circadian-day-header .beta-label{font-size:9px!important;padding:1px 4px;margin-left:2px}.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{padding:10px;border-radius:8px}.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{margin-left:26px;font-size:12px}.timing-windows{margin-left:26px;margin-top:4px;gap:2px}.timing-window{font-size:12px;gap:6px;padding-left:10px}.timing-label{min-width:50px}.list-item-additional{margin:4px 0 4px 26px;font-size:11px}.recommendation-arrow{right:8px;font-size:16px;top:10px;transform:none}.recommendation-expanded{margin:8px;padding:12px;border-radius:8px}.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;margin-bottom:8px;line-height:1.4}.recommendation-details li{font-size:12px;margin-bottom:4px;line-height:1.3}.recommendation-details ul{margin:8px 0;padding-left:16px}.recommendation-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e0e0e0}.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:rgba(255,255,255,.1)}.dark-theme .back-to-list-btn.disabled,.dark-theme .back-to-list-btn.disabled:hover{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08);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{font-size:11px;padding:4px 8px;flex:1 1}.circadian-day-footer{margin-top:16px;padding-top:12px}.footer-disclaimer,.footer-note{font-size:11px}.back-to-list-btn{padding:4px 8px;font-size:11px}}@media (max-width:480px){.circadian-day-navigation{justify-content:stretch;gap:8px}.nav-date-link,.nav-date-selected{flex:1 1;text-align:center;font-size:11px;padding:4px 8px}.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;padding:1px 4px;margin-left:2px}.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{padding:8px;font-size:11px}.tier-explanation strong{font-size:12px}}.blurred-recommendation-item{position:relative;pointer-events:none;-webkit-user-select:none;user-select:none}.blurred-recommendation-item .recommendation-arrow,.blurred-recommendation-item .recommendation-description,.blurred-recommendation-item .shared-time-frame-banner,.blurred-recommendation-item .shared-time-frame-banner-compact,.blurred-recommendation-item .timing-windows,.blurred-recommendation-item [style*="backgroundColor: '#f0f9ff'"]{filter:blur(3px);opacity:.6}.blurred-recommendation-item .recommendation-header{filter:none;opacity:1}.signup-prompt-container{grid-column:1/-1;margin:1rem 0;padding:2rem;background:linear-gradient(135deg,#f6f8fa,#e1e8ed);border-radius:12px;border:2px solid #d0d7de;text-align:center;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.1)}.signup-prompt-content{max-width:400px;margin:0 auto}.signup-prompt-container h4{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 .75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.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);color:white;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(59,130,246,.2)}.signup-prompt-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px rgba(59,130,246,.3)}.signup-prompt-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(59,130,246,.2)}.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{padding:.625rem 1.25rem;font-size:.9rem}}.blurred-recommendation-item .recommendation-arrow,.blurred-recommendation-item .recommendation-description,.blurred-recommendation-item .shared-time-frame-banner,.blurred-recommendation-item .shared-time-frame-banner-compact,.blurred-recommendation-item .timing-windows,.blurred-recommendation-item [style*="backgroundColor: '#f0f9ff'"]{animation:fadeInBlurred .3s ease-in-out}@keyframes fadeInBlurred{0%{opacity:0;filter:blur(5px)}to{opacity:.6;filter:blur(3px)}}.shared-time-frame-banner{margin-bottom:15px;padding:10px;background-color:#f0f9ff;border-radius:6px;border-left:3px solid #3b82f6}.shared-time-frame-banner-text{font-size:.95em;color:#374151;font-weight:500}.shared-time-frame-banner-compact{margin:8px 0 12px;padding:8px 12px;background-color:#f0f9ff;border-radius:4px;font-size:.9em;color:#374151;font-weight:500;border-left:3px solid #3b82f6}.bare-minimum-description{font-weight:400;margin-bottom:16px;margin-top:0;color:#555;font-size:14px;line-height:1.6}.bare-minimum-recommendations{display:flex;flex-direction:column;gap:16px}.bare-minimum-item{background:#fff;border-radius:12px;padding:16px;border:1px solid #e0e0e0;transition:all .2s ease}.bare-minimum-item:hover{border-color:#4caf50;box-shadow:0 2px 8px rgba(76,175,80,.1)}.bare-minimum-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.bare-minimum-icon{font-size:24px;flex-shrink:0}.bare-minimum-header h5{margin:0;font-size:16px;color:#333;font-weight:600}.bare-minimum-timing{margin-bottom:10px;padding:8px 12px;background:#f8f9fa;border-radius:8px;font-size:14px;border-left:3px solid #4caf50}.bare-minimum-timing strong{color:#2e7d32;font-weight:600}.bare-minimum-content p{margin-bottom:10px;line-height:1.6;color:#555;font-size:14px}.bare-minimum-content p:last-child{margin-bottom:0}.bare-minimum-examples,.bare-minimum-note{font-size:13px;padding:10px 12px;background:#f8f9fa;border-left:3px solid #2196f3;border-radius:6px;margin-top:8px}.bare-minimum-examples strong,.bare-minimum-note strong{color:#1976d2;font-weight:600}.bare-minimum-footer{margin-top:20px;padding-top:16px;border-top:2px solid #4caf50}.bare-minimum-footer p{font-size:14px;line-height:1.6;color:#333;margin:0;text-align:center}.dark-theme .bare-minimum-description{color:#ccc}.dark-theme .bare-minimum-item{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.dark-theme .bare-minimum-item:hover{border-color:#4caf50;background:rgba(255,255,255,.08)}.dark-theme .bare-minimum-header h5{color:#fff}.dark-theme .bare-minimum-timing{background:rgba(255,255,255,.05);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:rgba(255,255,255,.05);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:rgba(76,175,80,.4)}.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{margin-bottom:12px;line-height:1.6;color:#555;font-size:14px}.general-guidelines-content p:last-child{margin-bottom:0}.guidelines-emphasis{font-weight:600;color:#333;padding:10px 12px;background:#fff;border-radius:8px;border-left:3px solid #2196f3}.dark-theme .general-guidelines-content p{color:#ccc}.dark-theme .guidelines-emphasis{color:#fff;background:rgba(255,255,255,.05);border-left-color:#64b5f6}@media (max-width:768px){.general-guidelines-content p{font-size:13px}.guidelines-emphasis{font-size:13px;padding:8px 10px}}.tier-introduction-content h5{margin-top:0;margin-bottom:12px;font-size:16px;color:#333;font-weight:600}.tier-introduction-content p{margin-bottom:12px;line-height:1.6;color:#555;font-size:14px}.tier-introduction-content p:last-child{margin-bottom:0}.tier-intro-emphasis{font-weight:500;padding:10px 12px;background:#fff;border-radius:8px;border-left:3px solid #ff9800;color:#333;margin-top:12px}.dark-theme .tier-introduction-content h5{color:#ffb74d}.dark-theme .tier-introduction-content p{color:#ccc}.dark-theme .tier-intro-emphasis{background:rgba(255,255,255,.05);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{margin-left:36px;margin-top:8px;font-size:13px;color:#666;font-style:italic;font-weight:500}.dark-theme .peak-window-note{color:#999}@media (max-width:768px){.peak-window-note{margin-left:26px;margin-top:6px;font-size:12px}}.tier-descriptions{margin:16px 0;padding:16px;background:#f8f9fa;border-radius:8px;border-left:3px solid #2196f3}.tier-descriptions h5{margin:0 0 12px;font-size:16px;color:#1565c0;font-weight:600}.tier-description-item{margin-bottom:8px;font-size:14px;line-height:1.4;color:#555}.tier-description-item:last-child{margin-bottom:0}.tier-description-item strong{color:#333;font-weight:600}.dark-theme .tier-descriptions{background:rgba(255,255,255,.05);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}}.dark-theme .my-circadian-day-button{color:#6b2800;background:linear-gradient(0deg,#ff9100,#ffb700 5%,#ffe000 10%,#eabd09 95%,#ffae00);border:1px solid #8c3f12}.dark-theme .my-circadian-day-button:hover{background:linear-gradient(0deg,#ff9100,#ffb700 2%,#ffd400 6%,#ffd400 95%,#ffae00);border:1px solid #6c2800;color:#5f2300}.dark-theme .circadian-day-tabs-container .tab-button{color:#9ca3af}.dark-theme .circadian-day-tabs-container .tab-button:hover{color:#d1d5db}.dark-theme .circadian-day-tabs-container .tab-button.active{color:#fff;border-bottom-color:#fff}.sunlight-quiz-tab-content{padding:20px 0}.calculator-results-container{max-width:600px;margin:0 auto}.dark-theme .calculator-results-container h3,.dark-theme .sunlight-quiz-tab-content{color:#fff}.tabs-container{display:flex;margin-bottom:1rem;border-bottom:1px solid #e5e7eb}.tabs-container .tab-button{padding:.75rem 1rem;font-size:.875rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;flex:1 1;text-align:center;color:#6b7280;transition:all .2s ease}.tabs-container .tab-button:hover{color:#374151}.tabs-container .tab-button.active{color:#374151;border-bottom:2px solid #374151;font-weight:500;background-color:initial!important}.tab-content{padding:1rem 0}.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 rgba(0,0,0,.05)}.collapsible-section-success{background:#f9fafb}.collapsible-section-warning{background:linear-gradient(135deg,#fff5f0,#ffe8df);border:2px solid #ff7043;box-shadow:0 2px 8px rgba(255,112,67,.15)}.collapsible-section-neutral{background:#f8f9fa;border:2px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.collapsible-section-warning-minor{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fbbf24;box-shadow:0 2px 6px rgba(251,191,36,.15)}.collapsible-section-warning-moderate{background:linear-gradient(135deg,#fff7ed,#fed7aa);border:2px solid #fb923c;box-shadow:0 2px 8px rgba(251,146,60,.2)}.collapsible-section-warning-high{background:linear-gradient(135deg,#fff5f0,#ffe8df);border:2px solid #ff7043;box-shadow:0 2px 8px rgba(255,112,67,.25)}.collapsible-section-warning-severe{background:linear-gradient(135deg,#fef2f2,#fecaca);border:2px solid #ef4444;box-shadow:0 2px 10px rgba(239,68,68,.3)}.collapsible-section-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit}.collapsible-section-toggle:hover{background:rgba(255,255,255,.3)}.collapsible-section-toggle:active{background:rgba(255,255,255,.5)}.collapsible-section-header{display:flex;align-items:center;gap:8px;flex:1 1;text-align:left}.collapsible-section-emoji{font-size:20px;flex-shrink:0}.collapsible-section-title{font-size:16px;font-weight:600;color:#333}.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{font-size:14px;color:#666;transition:transform .2s ease;flex-shrink:0}.collapsible-section-content{padding:0 16px 16px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.dark-theme .collapsible-section-info,.dark-theme .collapsible-section-success{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)}.dark-theme .collapsible-section-warning{background:linear-gradient(135deg,rgba(255,112,67,.15),rgba(255,87,34,.1));border-color:rgba(255,112,67,.4)}.dark-theme .collapsible-section-neutral{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.dark-theme .collapsible-section-warning-minor{background:linear-gradient(135deg,rgba(251,191,36,.12),rgba(251,191,36,.08));border-color:rgba(251,191,36,.35)}.dark-theme .collapsible-section-warning-moderate{background:linear-gradient(135deg,rgba(251,146,60,.15),rgba(251,146,60,.1));border-color:rgba(251,146,60,.4)}.dark-theme .collapsible-section-warning-high{background:linear-gradient(135deg,rgba(255,112,67,.15),rgba(255,87,34,.1));border-color:rgba(255,112,67,.4)}.dark-theme .collapsible-section-warning-severe{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(239,68,68,.15));border-color:rgba(239,68,68,.5)}.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:rgba(255,255,255,.05)}.dark-theme .collapsible-section-toggle:active{background:rgba(255,255,255,.1)}@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}}.circadian-events-container{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;z-index:1;text-align:center;width:100%;margin-top:8vh}@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{display:flex;flex-direction:column;align-items:center;gap:4px;padding:1.5em;background:rgba(255,255,255,.6);border-radius:8px;min-width:20%;border:1px solid #ccc;box-shadow:2px 2px 3px rgba(0,0,0,.3)}.circadian-event{display:flex;font-size:20.5px;justify-content:flex-start;gap:5px;position:relative;cursor:pointer;color:inherit;transition:color .3s ease}.circadian-event:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333366;border-radius:10px;transition:transform .3s ease,opacity .3s ease;transform:scale(1.2);transform-origin:center;z-index:-1;opacity:0}.circadian-event:hover:before{transform:scale(1.1);opacity:.5}.circadian-event:hover{color:#ff5100;text-shadow:-1px 1px 0 #ffffff22,1px 1px 0 #ffffff22}@keyframes fadeIn{to{opacity:1}}.circadian-event.circadian-event-highlight:before{transform:scale(1);opacity:0;color:#fff}.circadian-event-highlight{background-color:#33336666;border-radius:10px;padding:5px;animation:swell .6s ease;opacity:1}.circadian-event-highlight,.circadian-event-highlight:hover{color:#ffffff;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-wrapper{position:absolute;bottom:-30px;left:9px;right:9px;justify-content:space-between;padding:10px 0 5px;border-radius:4px;box-sizing:border-box}.light-present,.light-present-wrapper{align-self:flex-start;display:flex;flex-direction:row;align-items:center;font-size:14px;font-weight:700;z-index:999}.light-present{position:static;bottom:auto;left:auto;width:auto;margin-left:0;justify-content:flex-start;padding:0;border-radius:0}.print-solar-clock-link{justify-content:flex-end;cursor:pointer;margin-right:0;flex-shrink:0;white-space:nowrap}.light-present-item,.print-solar-clock-link{display:flex;align-items:center;font-size:14px;font-weight:700;text-decoration:underline}.light-present-item{flex-direction:column;justify-content:center;margin-right:10px;margin-left:5px}.light-present-item:hover{cursor:pointer}.circadian-day-event{font-size:28px;font-weight:700;color:#d3d3d3;background:linear-gradient(135deg,#ffcc00,#ff9900);padding:10px 20px;border-radius:8px;margin-bottom:12px;text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 5px rgba(255,153,0,.5);box-shadow:0 3px 5px rgba(0,0,0,.15);width:100%;text-align:center;animation:fadeIn 1s ease forwards,swell .5s ease 1s forwards;animation-iteration-count:1}@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{font-size:28px;font-weight:700;color:#d3d3d3;background:linear-gradient(135deg,#4a90e2,#2c3e50);padding:10px 20px;border-radius:8px;margin-bottom:12px;text-shadow:1px 1px 1px rgba(0,0,0,.2);box-shadow:0 3px 5px rgba(0,0,0,.15);width:100%;text-align:center;animation:swell .5s ease;animation-iteration-count:1}@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}}body{font-family:Helvetica,Arial,sans-serif;background:linear-gradient(0deg,#0b3d91,#0a2849,#0a0a26,#0a0a0a);height:100vh;color:#333;margin:0;padding:0;overflow:auto;background-attachment:fixed}.page-content{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.customMaskClass{opacity:.3!important}.app{text-align:center;padding:20px}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 black}.light-mode-shadow{text-shadow:1px 1px 2px white}.controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:40px;position:relative}.date-controls,.date-nav{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.date-controls{min-width:250px}@media (max-width:768px){.date-controls,.date-nav,button,span{font-size:.95em}}.location-form{display:flex;flex-direction:column;align-items:center;gap:10px}button{color:black;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#777777;border-radius:5px}.date-picker-popup{position:absolute;top:20px;right:0;transform:translateX(-50%);z-index:1;background-color:white;box-shadow:0 4px 10px rgba(0,0,0,.1)}.label{font-weight:700;text-align:right}.date{flex:1 1;text-align:left}.form-input{height:60px;width:245px;margin-right:10px;padding:0 10px;font-size:1.2em;border:1px solid #ccc;border-radius:5px}.form-input-small{height:30px}.form-input-medium{height:40px}.form-input-large{height:60px}.underlined{text-decoration:underline}.warning{color:red}.link{text-decoration:underline;color:#d96800}.link:hover{cursor:pointer;color:#ff5733}.link-dark{text-decoration:underline;color:#ff8b1a}.link-dark:hover{cursor:pointer;color:#ff5733}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.content-box{padding:1.5em;background:rgba(255,255,255,.7);border-radius:8px;min-width:20%;border:1px solid #ccc;box-shadow:2px 2px 3px rgba(0,0,0,.3);max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;overflow:auto}.social-icons{position:fixed;bottom:20px;left:20px;display:flex;gap:18px;z-index:999}.social-icons.inline{position:static;bottom:auto;left:auto;display:flex}.social-icons a{color:white;font-size:24px;text-decoration:none;transition:transform .2s ease,color .2s ease;text-shadow:-1px -1px 0 #69240344,1px -1px 0 #69240344,-1px 1px 0 #69240344,1px 1px 0 #69240344,1px 1px 2px #ff5100aa}.social-icons a:hover{transform:scale(1.2);color:#ffcc70}.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{position:fixed;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:flex-end;z-index:9999;animation:slideUp .3s ease-out}.share-banner{background-color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;padding:1rem;box-shadow:0 -2px 10px rgba(0,0,0,.1);color:#333}.share-banner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.share-banner-header h3{margin:0;font-size:1.2rem;font-weight:500;color:#1b2c3e}.close-button{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;color:#333;transition:transform .2s ease}.close-button:hover{transform:scale(1.2);background-color:rgba(0,0,0,.05)}.share-banner .close-button{color:#2e2e43}.share-options{display:flex;justify-content:space-around;padding:1rem 0}.share-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#333;text-decoration:none;cursor:pointer;padding:.75rem;border-radius:8px;transition:transform .2s ease,background-color .2s ease}.share-option:hover{transform:scale(1.1);background-color:rgba(0,0,0,.05)}.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)}}