:root{color:#17324d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffd466a6,#0000 28%),radial-gradient(circle at 100% 0,#60a5fa52,#0000 24%),linear-gradient(#f6fbff 0%,#eef6fb 52%,#fefcf7 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:radial-gradient(circle at 0 0,#ffb54c47,#0000 24%),radial-gradient(circle at 85% 10%,#ffffff47,#0000 16%),linear-gradient(#8fb9d4 0%,#a8cadf 18%,#dbe8f1 42%,#eef4f7 100%);margin:0}button,input{font:inherit}button{cursor:pointer}#app{min-height:100vh}.app-shell{gap:0;width:100%;margin:0;display:grid;position:relative}.app-shell.dashboard-active:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffff14 0%,#ffffff05 100%),url(/assets/sky-hero-CFbecwkI.jpg) 50% 28%/cover no-repeat;height:100vh;position:absolute;inset:0 0 auto}.page-nav,.page-section,.feature-card{border:1px solid #ffffff47;box-shadow:0 18px 60px #213b5329}.page-section h2,.feature-card h3{color:#10263f;margin:0}.page-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;width:min(1440px,100% - 48px);margin:24px auto 0;padding:12px 16px;display:flex;position:sticky;top:12px}.page-nav-brand{color:#17324d;letter-spacing:.02em;flex:none;font-size:1.1rem;font-weight:700}.page-nav-links{flex:auto;justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.page-nav-status{flex:none;justify-content:flex-end;display:flex}.nav-uv-badge{color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:156px;padding:12px 20px;font-weight:700;display:inline-flex;box-shadow:0 14px 28px #17324d2e}.nav-pill,.ghost-button,.primary-button,.skin-type-button{border:none;border-radius:999px;transition:transform .18s,box-shadow .18s,background-color .18s}.nav-pill{color:#48627d;white-space:nowrap;background:0 0;padding:12px 18px;font-weight:600}.nav-pill.active{color:#f7fbff;background:#17324d;box-shadow:0 12px 26px #17324d38}.nav-pill:hover,.ghost-button:hover,.primary-button:hover,.skin-type-button:hover{transform:translateY(-1px)}.page-stack{z-index:1;gap:20px;width:100%;margin-top:20px;display:grid;position:relative}.page-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffad;border-radius:28px;width:min(1200px,100% - 32px);margin:0 auto 24px;padding:26px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-heading.compact{margin-bottom:10px}.eyebrow,.card-label,.sub-label,.helper-text,.meta{color:#617b95;font-size:.92rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.badge{color:#fff;border-radius:999px;align-items:center;padding:10px 14px;font-weight:700;display:inline-flex}.badge.neutral{background:#17324d}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border-radius:24px;padding:20px}.uv-card{background:linear-gradient(160deg, #fffffffa, #fffaebe6), linear-gradient(135deg, var(--uv-accent), transparent 55%);grid-column:span 6}.metric-card{grid-column:span 3}.guidance-card,.icon-card,.chart-card,.myth-card,.selector-card,.advice-card,.timer-card{grid-column:span 6}.uv-number-row,.button-row,.location-search,.myth-fact-grid,.icon-row{flex-wrap:wrap;gap:16px;display:flex}.dashboard-home{gap:60px;width:100%;display:grid}.landing-hero{z-index:10;width:100%;min-height:calc(100vh - 132px);box-shadow:none;background:0 0;border:none;border-radius:0;grid-template-columns:1fr;gap:20px;padding:58px 42px 20px;display:grid;position:relative}.landing-copy,.landing-summary-card{z-index:1;position:relative}.landing-copy{color:#fff;align-self:center;max-width:680px}.landing-kicker{letter-spacing:.12em;text-transform:uppercase;color:#ffffffd1;margin:0 0 10px}.landing-copy h1{color:#fff;text-shadow:0 14px 28px #0a1f3347;max-width:10ch;margin:0;font-size:clamp(2.8rem,5.2vw,5.3rem);line-height:.95}.landing-text{color:#ffffffeb;text-shadow:0 8px 20px #0a1f3338;max-width:54ch;margin:12px 0 0;font-size:1.12rem}.landing-search-wrapper{width:100%;margin-top:18px;position:relative}.landing-search{background:#ffffffe0;border-radius:999px;align-items:center;gap:14px;padding:12px;display:flex;box-shadow:0 16px 40px #213b5324}.landing-search-compact{width:min(760px,82%)}.landing-search-input{color:#17324d;background:0 0;border:none;flex:auto;padding:10px 14px;font-size:1rem}.landing-search-input:focus{outline:none}.landing-search-button{color:#fff;background:linear-gradient(135deg,#ff7a2f,#ff5d26);border:none;border-radius:999px;padding:14px 22px;font-weight:700;box-shadow:0 12px 28px #ff662652}.location-icon-button{color:#17324d;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.location-icon-button:hover{background:#17324d14}.search-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#fffffff5;border-radius:20px;max-height:320px;padding:12px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #213b532e}.dropdown-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.dropdown-item{cursor:pointer;color:#17324d;border-radius:12px;flex-direction:column;padding:12px 16px;transition:background .1s;display:flex}.dropdown-item:hover{background:#17324d0f}.dropdown-item strong{font-size:1rem}.dropdown-meta{color:#617b95;font-size:.85rem}.dropdown-header{text-transform:uppercase;letter-spacing:.06em;color:#617b95;padding:8px 16px 4px;font-size:.8rem;font-weight:700}.history-list .dropdown-item{flex-direction:row;align-items:center;gap:12px}.history-icon{opacity:.6;font-size:1.1rem}.landing-status{color:#ffffffe0;text-shadow:0 6px 16px #0a1f3333;margin:14px 0 0}.landing-summary-card h2,.landing-summary-card .meta,.landing-summary-card .card-label,.landing-summary-card .helper-text{color:#58728c}.landing-summary-card h2{color:#10263f}.landing-uv-readout{gap:8px;margin-top:20px;display:grid}.landing-uv-inline{color:#fff;background:#17324d;border-radius:999px;align-items:center;width:fit-content;padding:12px 18px;font-size:1.7rem;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 14px 28px #17324d29}.landing-alert{border-left:4px solid var(--uv-accent);color:#17324d;background:#f3f8fcf5;border-radius:20px;margin:20px 0 10px;padding:16px 18px}.landing-grid .landing-card-wide{grid-column:span 12}.landing-grid{z-index:1;width:min(1200px,100% - 32px);margin:88px auto 128px;position:relative}.landing-grid .feature-card{background:#ffffffeb;border-color:#bfd6e4b3;box-shadow:0 18px 40px #213b531f}.landing-grid .landing-summary-card{border-radius:30px;padding:28px 30px}.landing-grid .card-label,.landing-grid .helper-text{color:#5f7891}.landing-grid .guidance-card{padding:24px 28px}.landing-grid .landing-metric-card,.landing-grid .icon-card,.landing-grid .landing-guidance-card{grid-column:span 4;align-content:start;min-height:220px;display:grid}.landing-grid .metric-card .metric-value{font-size:2.1rem;line-height:1.1}.landing-grid .landing-guidance-card h3,.landing-grid .icon-card h3{margin-bottom:10px}.landing-grid .icon-row{gap:10px}.landing-grid .icon-pill{justify-content:flex-start;width:100%}.landing-grid .landing-guidance-card .helper-text,.landing-grid .icon-card .helper-text,.landing-grid .landing-metric-card .helper-text{margin-top:14px}.landing-grid .landing-guidance-card{background:linear-gradient(#fffffff0,#f3f8fceb)}.landing-grid .landing-metric-card{background:linear-gradient(#fffffff2,#f6fafdeb)}.landing-grid .icon-card{background:linear-gradient(#fffffff2,#f0f7fbeb)}.stacked-awareness-grid .awareness-full-chart,.stacked-awareness-grid .awareness-wide-card{grid-column:span 12}.stacked-awareness-grid .awareness-metric-card{grid-column:span 4}.stacked-awareness-grid .awareness-full-chart{padding:22px 24px}.chart-takeaway{color:#35506c;max-width:72ch;margin:12px 0 0}.chart-inline-axis-title{color:#617b95;text-transform:uppercase;letter-spacing:.06em;margin:14px 0 0;font-size:.84rem;display:inline-block}.awareness-plotly{min-height:430px;margin-top:18px}.behaviour-bars{gap:14px;margin-top:18px;display:grid}.behaviour-row{gap:8px;display:grid}.behaviour-label{color:#17324d;font-weight:600}.behaviour-track{background:#f3f7fb;border-radius:999px;outline:none;height:32px;transition:transform .16s,box-shadow .16s,background-color .16s;position:relative;overflow:hidden}.behaviour-row:hover .behaviour-track,.behaviour-track:focus-visible{background:#eef4fa;transform:translateY(-1px);box-shadow:0 10px 22px #17324d1f}.behaviour-fill{border-radius:999px;height:100%;transition:filter .16s,opacity .16s}.behaviour-row:hover .behaviour-fill,.behaviour-track:focus-visible .behaviour-fill{filter:saturate(1.08)}.behaviour-value{color:#17324d;font-weight:700;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.behaviour-hover-panel{color:#35506c;background:linear-gradient(#f3f8fcf5,#ebf3f9f5);border:1px solid #17324d14;border-radius:18px;min-height:98px;margin-top:14px;padding:14px 16px}.behaviour-hover-panel.active{box-shadow:0 12px 26px #17324d1a}.behaviour-hover-panel strong{color:#10263f;margin-top:6px;font-size:1.1rem;display:block}.behaviour-hover-panel p:last-child{margin:8px 0 0}.location-search{align-items:center;margin-top:14px}.location-input{color:#17324d;background:#ffffffdb;border:1px solid #17324d24;border-radius:14px;flex:240px;padding:12px 14px}.location-button{color:#fff;background:#17324d;border:none;border-radius:14px;padding:12px 16px}.uv-number{color:#10263f;margin-top:8px;font-size:clamp(3rem,9vw,5rem);line-height:.95;display:block}.uv-level,.metric-value,.timer-value{color:#10263f;margin-top:10px;display:block}.uv-level{font-size:1.6rem}.metric-value{font-size:1.8rem}.timer-value{font-size:clamp(2.4rem,7vw,4rem)}.alert-box{border-left:5px solid var(--uv-accent);color:#17324d;background:#ffffffbd;border-radius:18px;margin:18px 0 8px;padding:16px}.guidance-list{color:#35506c;gap:10px;margin:12px 0 0;padding-left:18px;display:grid}.icon-pill{color:#17324d;background:#f4f9fc;border-radius:999px;align-items:center;gap:10px;padding:12px 14px;display:inline-flex}.icon-symbol{color:#fff;background:#17324d;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:inline-grid}.icon-symbol svg{width:18px;height:18px}.mini-chart{align-items:end;gap:14px;min-height:240px;padding-top:20px;display:flex}.chart-column{flex:1;align-content:end;justify-items:center;gap:8px;display:grid}.chart-bar{border-radius:18px 18px 10px 10px;width:100%;min-height:18px}.chart-bar.coral{background:linear-gradient(#f97360,#d94841)}.chart-bar.gold{background:linear-gradient(#fbbf24,#f59e0b)}.chart-value{color:#17324d;font-weight:700}.chart-label{color:#617b95}.myth-fact-pair-grid{gap:18px;margin-top:14px;display:grid}.myth-fact-pair-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.myth-card-panel{border:1px solid #17324d14;border-radius:22px;gap:10px;padding:22px;display:grid}.myth-panel{background:linear-gradient(#dcecff,#eef6ff);box-shadow:inset 0 0 0 1px #5a8cc21f}.fact-panel{background:linear-gradient(#daf5e8,#eefbf4);box-shadow:inset 0 0 0 1px #3686611f}.myth-fact-tag{color:#35506c;background:#ffffff8f;border-radius:999px;width:fit-content;padding:8px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.myth-toggle-button{margin-top:18px}.chart-source{color:#617b95;margin:14px 0 0;font-size:.92rem}.chart-source a,.source-list a{color:#2f68a8;text-decoration:none}.chart-source a:hover,.source-list a:hover{text-decoration:underline}.source-card{background:linear-gradient(#fffffff5,#f6fafdeb)}.source-list{color:#35506c;gap:10px;margin:14px 0 0;padding-left:18px;display:grid}.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.protection-picker{margin-bottom:18px}.skin-grid-inline{grid-template-columns:repeat(6,minmax(0,1fr))}.skin-type-button{text-align:left;background:linear-gradient(135deg, var(--skin-accent), #f8fbfd);color:#17324d;border-radius:22px;grid-template-columns:64px 1fr;align-items:center;gap:14px;padding:16px;display:grid}.skin-type-button-swatch{background:#ffffffbd;border-radius:20px;grid-template-columns:1fr;justify-items:center;min-height:92px;padding:10px}.skin-type-button.selected{color:#fff;background:#17324d;box-shadow:0 14px 30px #17324d3d}.skin-swatch{background:radial-gradient(circle at 30% 30%, #ffffff4d, transparent 38%), linear-gradient(135deg, var(--skin-accent), var(--skin-tone));border:1px solid #10263f14;border-radius:18px;width:64px;height:64px;display:block}.skin-type-copy{gap:4px;display:grid}.skin-type-button-swatch .skin-swatch{border-radius:14px;width:100%;height:72px}.skin-type-button.selected .skin-swatch{border-color:#ffffff47;box-shadow:inset 0 0 0 2px #ffffff47}.advice-copy{gap:14px;margin-top:14px;display:grid}.protection-summary-header{justify-content:flex-start;align-items:start;margin-bottom:10px;display:flex}.advice-layout-grid{grid-template-columns:1fr;align-items:start;gap:16px}.advice-section-card{background:linear-gradient(#f7fbfefa,#eff6fbfa);border:1px solid #17324d14;border-radius:20px;padding:18px 20px;box-shadow:inset 0 1px #ffffffe6}.advice-section-card-wide,.advice-card-wide{grid-column:1/-1}.sub-label{color:#17324d;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid #2f68a824;margin-bottom:10px;padding-bottom:8px;font-size:1rem;font-weight:800;display:block}.protection-helper-text{margin-top:18px}.protection-summary-header h3{font-size:clamp(1.6rem,2vw,2rem);line-height:1.1}.primary-button,.ghost-button{padding:12px 18px}.primary-button{color:#fff;background:#17324d}.ghost-button{color:#17324d;background:#e7f0f7}.button-row,.timer-duration-controls{margin-top:18px}.timer-duration-field{color:#17324d;gap:8px;display:inline-grid}.timer-duration-split{flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}.timer-duration-input{color:#17324d;background:#ffffffe0;border:1px solid #17324d24;border-radius:14px;width:150px;padding:12px 14px}.timer-duration-input:focus{border-color:#2f68a83d;outline:2px solid #2f68a82e}.timer-reminder-banner{color:#8a3c11;background:linear-gradient(#ffedd5f5,#fff7edfa);border:1px solid #f9731633;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;display:flex}.timer-reminder-dismiss{color:#8a3c11;background:#ffffffc2;flex:none}.timer-notification-panel{background:linear-gradient(#f3f8fcf5,#ebf3f9f5);border:1px solid #17324d14;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:14px 16px;display:flex}.timer-notification-panel .helper-text{margin:6px 0 0}@media (width<=960px){.page-nav{border-radius:24px;flex-wrap:wrap;gap:12px;width:calc(100% - 28px);padding:12px 14px}.page-nav-brand{flex:100%}.page-nav-links{scrollbar-width:none;flex:100%;order:2;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.page-nav-links::-webkit-scrollbar{display:none}.page-nav-status{flex:100%;order:3;justify-content:flex-start}.nav-uv-badge{min-width:0}.uv-card,.metric-card,.guidance-card,.icon-card,.chart-card,.myth-card,.selector-card,.advice-card,.timer-card{grid-column:span 12}.skin-grid{grid-template-columns:1fr}.skin-grid-inline{grid-template-columns:repeat(3,minmax(0,1fr))}.protection-summary-header{flex-direction:column}.landing-hero{min-height:calc(100vh - 124px);padding:48px 24px 16px}.landing-copy h1{max-width:12ch;font-size:clamp(2.6rem,7vw,4rem)}.landing-text{max-width:46ch;font-size:1rem}.landing-search-compact{width:min(680px,100%)}.stacked-awareness-grid .awareness-full-chart{padding:20px}.awareness-plotly{min-height:380px}.chart-takeaway{max-width:none}.rich-awareness-grid .awareness-hero-chart,.stacked-awareness-grid .awareness-full-chart,.stacked-awareness-grid .awareness-wide-card,.stacked-awareness-grid .awareness-metric-card{grid-column:span 12}.myth-fact-pair-row{grid-template-columns:1fr}}@media (width<=640px){.app-shell{width:100%;margin:0}.page-section{border-radius:20px;width:min(100% - 20px,1200px);padding:18px}.page-nav{border-radius:18px;justify-content:flex-start;gap:10px;width:calc(100% - 16px);margin:10px auto 0;padding:10px 12px;top:8px}.page-nav-links{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:8px;width:100%;display:grid;overflow:visible}.page-nav-brand{flex:100%;font-size:1rem;display:block}.page-nav-status{width:100%;min-width:0}.nav-uv-badge{justify-content:center;width:100%;padding:10px 14px;font-size:.95rem}.nav-pill{text-align:center;width:100%;padding:10px 12px}.dashboard-grid{gap:12px}.feature-card{border-radius:18px;padding:16px}.mini-chart{gap:10px;min-height:180px}.skin-grid-inline{grid-template-columns:repeat(2,minmax(0,1fr))}.protection-summary-header h3{font-size:1.35rem}.landing-hero{border-radius:0;min-height:auto;padding:38px 16px 12px}.landing-copy h1{max-width:11ch;font-size:2.1rem}.landing-text{font-size:.98rem}.landing-search{border-radius:22px;flex-direction:column;align-items:stretch;padding:12px}.landing-search-button{width:100%}.landing-search-input{padding:8px 10px}.landing-grid .landing-card-wide,.landing-grid .icon-card,.landing-grid .metric-card,.landing-grid .landing-metric-card,.landing-grid .landing-guidance-card{grid-column:span 12}.landing-grid{width:calc(100% - 20px);margin:52px auto 76px}.landing-grid .landing-summary-card{padding:22px 20px}.landing-uv-inline{justify-content:center;width:100%;font-size:1.35rem}.awareness-plotly{min-height:320px}.behaviour-bars{gap:12px}.behaviour-track{height:30px}.behaviour-value{font-size:.92rem;right:10px}.skin-grid-inline{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.skin-type-button-swatch{min-height:80px;padding:8px}.skin-type-button-swatch .skin-swatch{height:62px}.advice-section-card{padding:16px}.button-row{gap:10px;display:grid}.button-row .primary-button,.button-row .ghost-button{justify-content:center;width:100%}.timer-duration-split{grid-template-columns:1fr 1fr;gap:10px;display:grid}.timer-duration-input{width:100%}.timer-reminder-banner,.timer-notification-panel{flex-direction:column;align-items:stretch}}@media (width<=430px){.page-section{border-radius:18px;width:calc(100% - 14px);padding:16px}.page-nav{width:calc(100% - 12px);margin-top:8px;padding:10px}.page-nav-links{grid-template-columns:1fr 1fr;gap:6px}.nav-pill{padding:10px;font-size:.92rem}.nav-uv-badge{padding:10px 12px;font-size:.9rem}.page-stack{margin-top:14px}.landing-hero{padding:34px 14px 10px}.landing-copy h1{max-width:10ch;font-size:1.85rem}.landing-text{margin-top:10px;font-size:.94rem}.landing-search{border-radius:20px;gap:10px;padding:10px}.landing-search-input{font-size:.96rem}.landing-search-button{padding:13px 18px}.landing-grid{width:calc(100% - 14px);margin:42px auto 64px}.landing-grid .landing-summary-card{padding:20px 18px}.landing-uv-inline{padding:10px 14px;font-size:1.2rem}.landing-alert{border-radius:16px;padding:14px 16px}.feature-card{border-radius:16px;padding:14px}.awareness-plotly{min-height:240px}.stacked-awareness-grid .awareness-full-chart{padding:16px}.chart-takeaway,.chart-source,.source-list,.helper-text,.card-label{font-size:.88rem}.behaviour-track{height:28px}.behaviour-label{font-size:.95rem}.behaviour-hover-panel{min-height:0;padding:12px 14px}.skin-grid-inline{grid-template-columns:repeat(2,minmax(0,1fr))}.protection-summary-header h3{font-size:1.15rem}.sub-label{font-size:.92rem}.timer-value{font-size:2.8rem}.timer-duration-split{grid-template-columns:1fr}.timer-duration-field{width:100%}}