*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#fff;color:#00205b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif}canvas#app{display:block;width:100vw;height:100vh;cursor:default;background:transparent}#info{position:fixed;top:14px;left:14px;font-size:12px;line-height:1.55;letter-spacing:.02em;pointer-events:none;color:#00205b;text-shadow:0 1px 0 rgba(255,255,255,.85);max-width:320px;opacity:.85}#info strong{font-size:13px;letter-spacing:.04em;text-transform:uppercase}#info div{margin-top:4px;opacity:.8}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#00205b;background:#fff;z-index:10;transition:opacity .6s ease}#loading.hidden{opacity:0;pointer-events:none}:root{--upf-accent: #ffc857;--uva-accent: #ffc857;--uvb-accent: #ff5c5c}.ray-label{position:fixed;top:0;left:0;transform:translate3d(-9999px,-9999px,0);pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;padding:7px 11px 8px;border-radius:9px;background:#000c23d1;border:1px solid var(--ray-accent, #f7f4ef);box-shadow:0 0 0 1px color-mix(in srgb,var(--ray-accent, #f7f4ef) 18%,transparent),0 8px 28px -6px color-mix(in srgb,var(--ray-accent, #f7f4ef) 55%,transparent),0 0 22px color-mix(in srgb,var(--ray-accent, #f7f4ef) 35%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .18s ease-out;z-index:5;letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap}#ray-legend{position:fixed;top:0;left:0;transform:translate3d(-9999px,-9999px,0);pointer-events:none;display:flex;flex-direction:column;gap:9px;align-items:flex-start;z-index:5;will-change:transform}.legend-item{display:flex;flex-direction:column;align-items:stretch}.legend-label{font-size:11px;font-weight:800;letter-spacing:.18em;color:#000;text-transform:uppercase;line-height:1}.legend-bar{display:block;height:3px;width:46px;margin-top:4px;border-radius:1.5px}.legend-bar--uva{background:var(--uva-accent)}.legend-bar--uvb{background:var(--uvb-accent)}.ray-label.visible{opacity:1}.ray-label-num{font-size:12.5px;font-weight:700;color:#f7f4ef;text-shadow:0 0 8px color-mix(in srgb,var(--ray-accent, #f7f4ef) 70%,transparent);text-transform:uppercase}.ray-label-sub{margin-top:2px;font-size:9px;font-weight:500;color:#f7f4efb3;text-transform:uppercase;letter-spacing:.14em}.ray-label--upf{--ray-accent: var(--upf-accent)}.ray-label--uva{--ray-accent: var(--uva-accent)}.ray-label--uvb{--ray-accent: var(--uvb-accent)}.lil-gui.root{--background-color: rgba(20, 22, 28, .92);--text-color: #e8eaed;--title-background-color: rgba(0, 0, 0, .35);--widget-color: #2a2d34;--hover-color: #3a3e47;--focus-color: #4a4f5a;--number-color: #8ab4ff;--string-color: #c6e2a1}