#outer-space{background:var(--outer-space-bg);color:#fff;transition:background .5s ease;position:relative;min-height:100dvh;align-items:flex-start;padding-top:10dvh;padding-bottom:10dvh}.stars{position:absolute;width:100%;height:120%;background-image:radial-gradient(1px 1px at 12% 18%,var(--star-color-1),transparent),radial-gradient(1px 1px at 23% 7%,var(--star-color-2),transparent),radial-gradient(2px 2px at 45% 25%,var(--star-color-1),transparent),radial-gradient(1px 1px at 67% 12%,var(--star-color-3),transparent),radial-gradient(1px 1px at 83% 31%,var(--star-color-2),transparent),radial-gradient(2px 2px at 15% 45%,var(--star-color-2),transparent),radial-gradient(1px 1px at 34% 52%,var(--star-color-1),transparent),radial-gradient(1px 1px at 56% 68%,var(--star-color-2),transparent),radial-gradient(2px 2px at 78% 43%,var(--star-color-3),transparent),radial-gradient(1px 1px at 91% 59%,var(--star-color-1),transparent),radial-gradient(1px 1px at 8% 73%,var(--star-color-2),transparent),radial-gradient(2px 2px at 29% 85%,var(--star-color-1),transparent),radial-gradient(1px 1px at 47% 91%,var(--star-color-3),transparent),radial-gradient(1px 1px at 71% 78%,var(--star-color-2),transparent),radial-gradient(2px 2px at 86% 94%,var(--star-color-1),transparent),radial-gradient(1px 1px at 3% 32%,var(--star-color-2),transparent),radial-gradient(1px 1px at 19% 64%,var(--star-color-3),transparent),radial-gradient(2px 2px at 38% 19%,var(--star-color-1),transparent),radial-gradient(1px 1px at 52% 37%,var(--star-color-2),transparent),radial-gradient(1px 1px at 64% 55%,var(--star-color-1),transparent),radial-gradient(2px 2px at 79% 23%,var(--star-color-3),transparent),radial-gradient(1px 1px at 95% 41%,var(--star-color-2),transparent),radial-gradient(1px 1px at 11% 88%,var(--star-color-1),transparent),radial-gradient(2px 2px at 26% 76%,var(--star-color-2),transparent),radial-gradient(1px 1px at 41% 14%,var(--star-color-3),transparent),radial-gradient(1px 1px at 58% 82%,var(--star-color-1),transparent),radial-gradient(2px 2px at 73% 67%,var(--star-color-2),transparent),radial-gradient(1px 1px at 88% 15%,var(--star-color-1),transparent),radial-gradient(1px 1px at 6% 47%,var(--star-color-3),transparent),radial-gradient(2px 2px at 22% 38%,var(--star-color-2),transparent),radial-gradient(1px 1px at 35% 71%,var(--star-color-1),transparent),radial-gradient(1px 1px at 49% 28%,var(--star-color-2),transparent),radial-gradient(2px 2px at 62% 86%,var(--star-color-3),transparent),radial-gradient(1px 1px at 77% 52%,var(--star-color-1),transparent),radial-gradient(1px 1px at 93% 74%,var(--star-color-2),transparent),radial-gradient(2px 2px at 17% 21%,var(--star-color-1),transparent),radial-gradient(1px 1px at 31% 93%,var(--star-color-3),transparent),radial-gradient(1px 1px at 44% 49%,var(--star-color-2),transparent),radial-gradient(2px 2px at 66% 35%,var(--star-color-1),transparent),radial-gradient(1px 1px at 81% 87%,var(--star-color-2),transparent),radial-gradient(1px 1px at 5% 15%,var(--star-color-2),transparent),radial-gradient(1px 1px at 18% 29%,var(--star-color-1),transparent),radial-gradient(1px 1px at 27% 48%,var(--star-color-3),transparent),radial-gradient(1px 1px at 36% 11%,var(--star-color-2),transparent),radial-gradient(1px 1px at 43% 35%,var(--star-color-1),transparent),radial-gradient(2px 2px at 54% 7%,var(--star-color-2),transparent),radial-gradient(1px 1px at 61% 24%,var(--star-color-3),transparent),radial-gradient(1px 1px at 69% 47%,var(--star-color-1),transparent),radial-gradient(1px 1px at 74% 61%,var(--star-color-2),transparent),radial-gradient(2px 2px at 82% 14%,var(--star-color-1),transparent),radial-gradient(1px 1px at 89% 38%,var(--star-color-3),transparent),radial-gradient(1px 1px at 96% 26%,var(--star-color-2),transparent),radial-gradient(1px 1px at 2% 58%,var(--star-color-1),transparent),radial-gradient(1px 1px at 9% 92%,var(--star-color-2),transparent),radial-gradient(2px 2px at 14% 81%,var(--star-color-3),transparent),radial-gradient(1px 1px at 21% 44%,var(--star-color-1),transparent),radial-gradient(1px 1px at 28% 67%,var(--star-color-2),transparent),radial-gradient(1px 1px at 33% 22%,var(--star-color-1),transparent),radial-gradient(2px 2px at 39% 78%,var(--star-color-3),transparent),radial-gradient(1px 1px at 46% 56%,var(--star-color-2),transparent),radial-gradient(1px 1px at 53% 13%,var(--star-color-1),transparent),radial-gradient(1px 1px at 59% 39%,var(--star-color-2),transparent),radial-gradient(2px 2px at 65% 72%,var(--star-color-1),transparent),radial-gradient(1px 1px at 70% 27%,var(--star-color-3),transparent),radial-gradient(1px 1px at 76% 84%,var(--star-color-2),transparent),radial-gradient(1px 1px at 84% 48%,var(--star-color-1),transparent),radial-gradient(2px 2px at 90% 19%,var(--star-color-2),transparent),radial-gradient(1px 1px at 97% 63%,var(--star-color-3),transparent),radial-gradient(1px 1px at 4% 71%,var(--star-color-1),transparent),radial-gradient(1px 1px at 13% 36%,var(--star-color-2),transparent),radial-gradient(2px 2px at 20% 89%,var(--star-color-1),transparent),radial-gradient(1px 1px at 25% 54%,var(--star-color-3),transparent),radial-gradient(1px 1px at 30% 16%,var(--star-color-2),transparent),radial-gradient(1px 1px at 37% 63%,var(--star-color-1),transparent),radial-gradient(2px 2px at 42% 31%,var(--star-color-2),transparent),radial-gradient(1px 1px at 48% 75%,var(--star-color-3),transparent),radial-gradient(1px 1px at 55% 42%,var(--star-color-1),transparent),radial-gradient(1px 1px at 63% 18%,var(--star-color-2),transparent),radial-gradient(2px 2px at 68% 57%,var(--star-color-1),transparent),radial-gradient(1px 1px at 75% 33%,var(--star-color-3),transparent),radial-gradient(1px 1px at 80% 69%,var(--star-color-2),transparent),radial-gradient(1px 1px at 87% 45%,var(--star-color-1),transparent),radial-gradient(2px 2px at 92% 81%,var(--star-color-2),transparent),radial-gradient(1px 1px at 98% 22%,var(--star-color-3),transparent);background-repeat:no-repeat;background-size:100% 100%;transition:background-image .5s ease;animation:twinkle 4s ease-in-out infinite;mask:linear-gradient(to bottom,white 0%,white 60%,rgb(255,255,255,.7) 75%,rgb(255,255,255,.3) 90%,transparent 100%)}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.7}}@keyframes cirrus-travel{0%{transform:translate(-120vw)}to{transform:translate(120vw)}}@keyframes altostratus-travel{0%{transform:translate(120vw)}to{transform:translate(-120vw)}}@keyframes cumulus-travel{0%{transform:translate(-120vw)}to{transform:translate(120vw)}}#atmosphere{background:var(--atmosphere-bg);transition:background .5s ease;position:relative;min-height:100dvh;margin-top:calc(-1 * var(--space-overlap));align-items:flex-start;padding-top:calc(var(--space-overlap) + 5dvh);padding-bottom:10dvh}.clouds{position:absolute;width:100%;height:100%;top:var(--space-overlap)}.cirrus-clouds{position:absolute;width:100%;height:100%;top:var(--space-overlap);z-index:var(--z-cirrus-clouds)}.cirrus-cloud{position:absolute;background:var(--cloud-color);border-radius:100px;opacity:.25;transition:background-color .5s ease}.cirrus1{width:300px;height:8px;top:5%;left:0;transform:rotate(-5deg);animation:cirrus-travel 50s linear infinite;animation-delay:-10s}.cirrus1:before{content:"";position:absolute;top:-2px;left:80px;width:180px;height:4px;background:var(--cloud-color);border-radius:100px;opacity:.7;transition:background-color .5s ease}.cirrus1:after{content:"";position:absolute;top:2px;right:50px;width:120px;height:3px;background:var(--cloud-color);border-radius:100px;opacity:.5;transition:background-color .5s ease}.cirrus2{width:250px;height:6px;top:11%;left:0;transform:rotate(3deg);animation:cirrus-travel 45s linear infinite;animation-delay:-30s}.cirrus2:before{content:"";position:absolute;top:-1px;left:60px;width:140px;height:3px;background:var(--cloud-color);border-radius:100px;opacity:.8;transition:background-color .5s ease}.cirrus3{width:200px;height:5px;top:17%;left:0;transform:rotate(-2deg);animation:cirrus-travel 55s linear infinite;animation-delay:-45s}.cirrus3:before{content:"";position:absolute;top:-1px;left:40px;width:100px;height:2px;background:var(--cloud-color);border-radius:100px;opacity:.6;transition:background-color .5s ease}.cirrus4{width:280px;height:7px;top:8%;left:0;transform:rotate(4deg);animation:cirrus-travel 48s linear infinite;animation-delay:-15s}.cirrus4:before{content:"";position:absolute;top:-2px;left:70px;width:160px;height:4px;background:var(--cloud-color);border-radius:100px;opacity:.7;transition:background-color .5s ease}.cirrus5{width:220px;height:6px;top:14%;left:0;transform:rotate(-3deg);animation:cirrus-travel 52s linear infinite;animation-delay:-5s}.cirrus5:before{content:"";position:absolute;top:-1px;left:50px;width:130px;height:3px;background:var(--cloud-color);border-radius:100px;opacity:.65;transition:background-color .5s ease}.cirrus6{width:260px;height:7px;top:20%;left:0;transform:rotate(2deg);animation:cirrus-travel 46s linear infinite;animation-delay:-38s}.cirrus6:before{content:"";position:absolute;top:-2px;left:60px;width:150px;height:3px;background:var(--cloud-color);border-radius:100px;opacity:.75;transition:background-color .5s ease}.altostratus-clouds{position:absolute;width:100%;height:100%;top:var(--space-overlap);z-index:var(--z-alto-clouds)}.altostratus-cloud{position:absolute;background:var(--cloud-color);border-radius:200px;opacity:.4;transition:background-color .5s ease}.alto1{width:50%;height:40px;top:25%;left:0;animation:altostratus-travel 90s linear infinite;animation-delay:-20s}.alto1:before{content:"";position:absolute;top:-15px;left:20%;width:40%;height:25px;background:var(--cloud-color);border-radius:200px;opacity:.6;transition:background-color .5s ease}.alto2{width:45%;height:30px;top:40%;left:0;animation:altostratus-travel 100s linear infinite;animation-delay:-65s}.alto2:before{content:"";position:absolute;top:-10px;left:15%;width:35%;height:20px;background:var(--cloud-color);border-radius:200px;opacity:.7;transition:background-color .5s ease}.alto3{width:48%;height:35px;top:28%;left:0;animation:altostratus-travel 95s linear infinite;animation-delay:-48s}.alto3:before{content:"";position:absolute;top:-12px;left:18%;width:38%;height:22px;background:var(--cloud-color);border-radius:200px;opacity:.65;transition:background-color .5s ease}.alto4{width:42%;height:32px;top:36%;left:0;animation:altostratus-travel 88s linear infinite;animation-delay:-10s}.alto4:before{content:"";position:absolute;top:-11px;left:20%;width:32%;height:21px;background:var(--cloud-color);border-radius:200px;opacity:.68;transition:background-color .5s ease}.cumulus-clouds{position:absolute;width:100%;height:100%;top:var(--space-overlap);z-index:var(--z-cumulus-clouds)}.cumulus-cloud{position:absolute;background:var(--cloud-color);border-radius:50px;opacity:.75;transition:background-color .5s ease}.cumulus-cloud:before,.cumulus-cloud:after{content:"";position:absolute;background:var(--cloud-color);border-radius:50px;transition:background-color .5s ease}.cumulus1{width:120px;height:50px;top:50%;left:0;animation:cumulus-travel 130s linear infinite;animation-delay:-20s}.cumulus1:before{top:-25px;left:20px;width:70px;height:70px}.cumulus1:after{top:-15px;right:10px;width:60px;height:40px}.cumulus2{width:100px;height:45px;top:55%;left:0;animation:cumulus-travel 140s linear infinite;animation-delay:-60s}.cumulus2:before{top:-20px;left:15px;width:60px;height:60px}.cumulus2:after{top:-10px;right:15px;width:50px;height:35px}.cumulus3{width:90px;height:40px;top:62%;left:0;animation:cumulus-travel 125s linear infinite;animation-delay:-90s}.cumulus3:before{top:-18px;left:10px;width:55px;height:55px}.cumulus3:after{top:-8px;right:12px;width:45px;height:30px}.cumulus4{width:80px;height:35px;top:68%;left:0;animation:cumulus-travel 150s linear infinite;animation-delay:-120s}.cumulus4:before{top:-15px;left:12px;width:45px;height:45px}.cumulus4:after{top:-8px;right:10px;width:40px;height:25px}.cumulus5{width:110px;height:48px;top:53%;left:0;animation:cumulus-travel 135s linear infinite;animation-delay:-45s}.cumulus5:before{top:-22px;left:18px;width:65px;height:65px}.cumulus5:after{top:-12px;right:12px;width:55px;height:38px}.cumulus6{width:95px;height:42px;top:60%;left:0;animation:cumulus-travel 145s linear infinite;animation-delay:-75s}.cumulus6:before{top:-20px;left:14px;width:58px;height:58px}.cumulus6:after{top:-10px;right:14px;width:48px;height:32px}.cumulus7{width:85px;height:38px;top:66%;left:0;animation:cumulus-travel 128s linear infinite;animation-delay:-105s}.cumulus7:before{top:-17px;left:13px;width:50px;height:50px}.cumulus7:after{top:-9px;right:11px;width:42px;height:28px}[data-theme=dark] .cirrus-cloud,[data-theme=dark] .altostratus-cloud,[data-theme=dark] .cumulus-cloud{background:var(--cloud-color)}[data-theme=dark] .cirrus-cloud:before,[data-theme=dark] .cirrus-cloud:after,[data-theme=dark] .altostratus-cloud:before,[data-theme=dark] .altostratus-cloud:after,[data-theme=dark] .cumulus-cloud:before,[data-theme=dark] .cumulus-cloud:after{background:var(--cloud-color)}.blog-posts-simple{list-style-type:disc;padding-left:1.2rem;max-width:600px;margin:0 auto;text-align:left}.blog-post-item{margin-bottom:.8rem}.blog-post-item a{color:#2c3e50;text-decoration:none;font-size:1.1rem;font-weight:400;line-height:1.5;display:block}.blog-post-item a:hover{color:#3498db;text-decoration:underline}[data-theme=dark] .blog-post-item a{color:#e0e0e0}[data-theme=dark] .blog-post-item a:hover{color:#74b9ff}.mountain-range{position:absolute;bottom:var(--atmosphere-overlap);left:0;width:100%;height:120px;z-index:var(--z-mountains);overflow:hidden;--mountain-color: #8b4513;--snow-color: #fff;background-image:url(/assets/images/backgrounds/mountains.svg);background-repeat:repeat-x;background-position:bottom;background-size:400px 120px;transition:background-image .5s ease}[data-theme=dark] .mountain-range{--mountain-color: #4a3820;--snow-color: #e0e0e0}#land{background:transparent;transition:background .5s ease;position:relative;min-height:100dvh;margin-top:calc(-1 * var(--atmosphere-overlap));align-items:start;padding-top:10svh;padding-bottom:20svh}.land-river-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--z-terrain);pointer-events:none}.land-river-svg.dark-theme{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.land-river-svg.light-theme{opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}[data-theme=dark] .land-river-svg.light-theme{opacity:0;visibility:hidden}[data-theme=dark] .land-river-svg.dark-theme{opacity:1;visibility:visible}.forest-trees{position:absolute;top:0;left:0;width:100%;height:100%;z-index:35;pointer-events:none;overflow:hidden}.tree{position:absolute;background-image:url(/assets/images/backgrounds/evergreen-tree_1f332.png);background-size:contain;background-repeat:no-repeat;background-position:center bottom;transition:filter .5s ease;filter:brightness(.95) saturate(1.1)}[data-theme=dark] .tree{filter:brightness(.4) saturate(.7)}.desert-cacti{position:absolute;top:0;left:0;width:100%;height:100%;z-index:35;pointer-events:none;overflow:hidden}.cactus{position:absolute;background-image:url(/assets/images/backgrounds/cactus_1f335.png);background-size:contain;background-repeat:no-repeat;background-position:center bottom;transition:filter .5s ease;filter:brightness(.95) saturate(1.1)}[data-theme=dark] .cactus{filter:brightness(.4) saturate(.7)}#land:before{content:"";position:absolute;top:0;left:0;right:0;height:20%;background:linear-gradient(to bottom,rgb(200,230,255,.2) 0%,rgb(200,230,255,.1) 50%,transparent 100%);pointer-events:none;transition:opacity .5s ease}[data-theme=dark] #land:before{background:linear-gradient(to bottom,rgb(37,48,64,.3) 0%,rgb(37,48,64,.15) 50%,transparent 100%)}.profile-section{display:flex;align-items:center;gap:20px;margin-bottom:20px}.profile-picture{width:140px;height:140px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--content-text);opacity:.95}.profile-content{flex:1}.profile-content h2{margin-top:0;margin-bottom:15px}.social-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px;margin:20px auto 10px;max-width:400px}.social-link{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--content-bg);border:1px solid var(--content-text);border-radius:8px;color:var(--content-text);text-decoration:none;transition:all .3s ease;opacity:.9}.social-link:hover{opacity:1;transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.social-icon{height:1rem;width:auto;flex-shrink:0}.social-text{font-size:.9rem;font-weight:500}@media (width >= 1920px) and (height >= 1080px){#land .content{max-width:clamp(700px,45vw,900px)}}@media (width <= 768px){#land{align-items:flex-start}#land .content{margin-top:20px}.profile-section{flex-direction:column;text-align:center;gap:15px}.profile-picture{align-self:center;width:100px;height:100px}.social-links{grid-template-columns:repeat(2,1fr);gap:6px 8px;max-width:100%;margin-left:auto;margin-right:auto}.social-link{padding:5px 8px;font-size:.85rem}.social-text{font-size:.8rem}.social-icon{height:.9rem}}#ocean{background:var(--ocean-bg);transition:background .5s ease;padding:4rem 0;position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}#ocean .content{margin-bottom:30dvh}.ocean-bathymetry-svg{position:absolute;bottom:0;left:0;width:100%;height:25dvh;z-index:var(--z-bathymetry);pointer-events:none}.dark-theme{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility .5s ease}.light-theme{opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}[data-theme=dark] .light-theme{opacity:0;visibility:hidden;pointer-events:none}[data-theme=dark] .dark-theme{opacity:1;visibility:visible;pointer-events:auto}#resources{background:var(--crust-bg);transition:background .5s ease;padding:4rem 0;position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.research-area{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:3rem;position:relative}.research-description{flex:1;min-width:0}.research-figure{width:clamp(350px,35%,600px);flex-shrink:0}.research-description h3{font-size:1.4rem;margin-bottom:1rem;color:var(--content-text);transition:color .5s ease}.research-description p{font-size:1rem;line-height:1.6;color:var(--content-subtext);transition:color .5s ease;margin-bottom:1rem;text-align:left}.research-description ul{margin:1rem 0;padding-left:1.5rem;list-style-type:disc}.research-description ul li{color:var(--content-subtext);margin-bottom:.5rem;line-height:1.5;transition:color .5s ease}.research-description a,.project-text a{color:#3498db;text-decoration:none;transition:color .3s ease}.research-description a:hover,.project-text a:hover{text-decoration:underline}.slideshow{position:relative;width:100%;height:clamp(300px,30vh,500px);overflow:hidden}.slideshow>div{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out}.slideshow>div.active{opacity:1}.slideshow img{width:100%;height:100%;object-fit:contain;border-radius:4px}#ocean .content h2{margin:2rem 0 1rem;text-align:center}.project-section{margin-bottom:1.5rem}summary.project-title{list-style:none;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:var(--content-text);cursor:pointer;transition:color .3s ease;display:flex;align-items:center;gap:.5rem}summary.project-title::-webkit-details-marker{display:none}summary.project-title:hover{color:#3498db}.project-toggle-icon{font-size:1.5rem;transition:transform .3s ease}details[open] summary .project-toggle-icon{transform:rotate(45deg)}.project-content{display:flex;gap:2rem;align-items:flex-start;padding:1rem 0}.project-text{flex:2}.project-image{flex:1;text-align:center}.project-image img{max-width:100%;height:auto;border-radius:4px;margin-bottom:1rem;box-shadow:0 2px 8px #0000001a}.project-image p{font-size:.9rem;color:var(--content-subtext);font-style:italic;margin-bottom:1rem;transition:color .5s ease}@media (width >= 1440px){.research-description h3{font-size:1.6rem}.research-description p{font-size:1.1rem}summary.project-title{font-size:1.35rem}.research-area{gap:2rem}}@media (width <= 768px){.research-area{flex-direction:column;gap:1.5rem}.research-figure{width:100%;flex-shrink:0;order:1!important}.research-description{order:2!important}.slideshow{height:clamp(300px,30svh,500px)}.project-content{flex-direction:column;gap:1rem}.project-image{order:1}.project-text{order:2}.research-description h3{font-size:1.2rem}summary.project-title{font-size:1.1rem}}@media (width <= 480px){.slideshow{height:280px}.research-area{gap:1rem}.project-content{gap:.5rem}}.sun{position:absolute;top:20%;right:-150px;width:80px;height:80px;z-index:var(--z-celestial);transition:right 1s ease-in-out,transform .3s ease,box-shadow .3s ease;cursor:pointer}.sun:before{content:"";position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;z-index:-1;background:linear-gradient(0deg,transparent 48%,rgb(255,235,59,.3) 50%,transparent 52%),linear-gradient(45deg,transparent 48%,rgb(255,235,59,.25) 50%,transparent 52%),linear-gradient(90deg,transparent 48%,rgb(255,235,59,.3) 50%,transparent 52%),linear-gradient(135deg,transparent 48%,rgb(255,235,59,.25) 50%,transparent 52%),linear-gradient(22.5deg,transparent 49%,rgb(255,235,59,.2) 50%,transparent 51%),linear-gradient(67.5deg,transparent 49%,rgb(255,235,59,.2) 50%,transparent 51%),linear-gradient(112.5deg,transparent 49%,rgb(255,235,59,.2) 50%,transparent 51%),linear-gradient(157.5deg,transparent 49%,rgb(255,235,59,.2) 50%,transparent 51%);-webkit-mask-image:radial-gradient(circle,black 25%,transparent 70%);mask-image:radial-gradient(circle,black 25%,transparent 70%);animation:rays 4s linear infinite}.sun:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#ffeb3b,#ffc107 60%,#ff9800 90%,#f57c00);border-radius:50%;box-shadow:0 0 20px #ffeb3b66,0 0 40px #ffc1074d,0 0 60px #ff980033}.sun:hover{transform:scale(1.05)}.sun:hover:before,.sun:hover:after{transform:scale(1.05) rotate(var(--rotation, 0deg))}@keyframes rays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.moon{position:absolute;top:20%;right:-150px;width:80px;height:80px;z-index:var(--z-celestial);transition:right 1s ease-in-out,transform .3s ease,box-shadow .3s ease;cursor:pointer}.moon:hover{transform:scale(1.05)}.moon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#f5f5f5,#e0e0e0,#bdbdbd);border-radius:50%;box-shadow:0 0 15px #ffffff4d,0 0 30px #fff3,inset -10px -10px 20px #0000001a}.moon:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 8px 6px at 25% 30%,rgb(0,0,0,.15) 50%,transparent 51%),radial-gradient(ellipse 12px 8px at 70% 40%,rgb(0,0,0,.12) 50%,transparent 51%),radial-gradient(ellipse 6px 4px at 60% 70%,rgb(0,0,0,.18) 50%,transparent 51%),radial-gradient(ellipse 4px 3px at 80% 20%,rgb(0,0,0,.2) 50%,transparent 51%),radial-gradient(ellipse 5px 4px at 40% 80%,rgb(0,0,0,.15) 50%,transparent 51%);border-radius:50%}body[data-theme=light] #outer-space .sun,body:not([data-theme]) #outer-space .sun{right:100px}body[data-theme=dark] #outer-space .moon{right:100px}.comet{position:absolute;width:8px;height:8px;z-index:var(--z-comets);opacity:0}.comet:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#fff 0%,#e3f2fd 40%,#90caf9 70%,transparent 100%);border-radius:50%;box-shadow:0 0 8px #ffffffe6,0 0 15px #e3f2fd99,0 0 25px #90caf966}.comet:before{content:"";position:absolute;top:50%;left:100%;width:120px;height:20px;transform:translateY(-50%);background:linear-gradient(90deg,rgb(255,255,255,.9) 0%,rgb(227,242,253,.7) 15%,rgb(144,202,249,.5) 30%,rgb(100,181,246,.3) 50%,rgb(66,165,245,.15) 70%,rgb(66,165,245,.08) 85%,transparent 100%);clip-path:polygon(0% 30%,100% 0%,100% 100%,0% 70%);box-shadow:0 0 6px #ffffff4d,0 0 12px #90caf91a}.comet1{top:10%;left:-100px;transform:rotate(var(--comet-rotation, 180deg));animation:comet-path-1 75s linear infinite;animation-delay:5s}@keyframes comet-path-1{0%{top:10%;left:-100px;opacity:0}1%{opacity:1}13%{top:40%;left:110%;opacity:1}13.5%{opacity:0}to{top:40%;left:110%;opacity:0}}.comet2{top:-50px;left:20%;transform:rotate(var(--comet-rotation, 180deg));animation:comet-path-2 75s linear infinite;animation-delay:30s}@keyframes comet-path-2{0%{top:-50px;left:20%;opacity:0}1%{opacity:1}13%{top:50%;left:110%;opacity:1}13.5%{opacity:0}to{top:50%;left:110%;opacity:0}}.comet3{top:10%;left:110%;transform:rotate(var(--comet-rotation, 180deg));animation:comet-path-3 75s linear infinite;animation-delay:55s}@keyframes comet-path-3{0%{top:10%;left:110%;opacity:0}1%{opacity:1}13%{top:55%;left:-100px;opacity:1}13.5%{opacity:0}to{top:55%;left:-100px;opacity:0}}.meteor{position:absolute;width:100px;height:2px;z-index:var(--z-meteors);opacity:0;background:linear-gradient(270deg,rgb(255,215,0,1) 0%,rgb(255,215,0,.7) 30%,rgb(255,215,0,.3) 60%,transparent 100%);border-radius:50%}.meteor1{top:5%;left:10%;transform:rotate(45deg);animation:meteor-1 40s linear infinite;animation-delay:2s}@keyframes meteor-1{0%{top:5%;left:10%;opacity:0}0.5%{opacity:1}1.8%{top:30%;left:35%;opacity:1}2.2%{opacity:0}to{top:30%;left:35%;opacity:0}}.meteor2{top:8%;left:50%;transform:rotate(55deg);animation:meteor-2 45s linear infinite;animation-delay:12s;background:linear-gradient(270deg,rgb(255,50,50,1) 0%,rgb(255,50,50,.7) 30%,rgb(255,50,50,.3) 60%,transparent 100%)}@keyframes meteor-2{0%{top:8%;left:50%;opacity:0}0.5%{opacity:1}1.6%{top:35%;left:70%;opacity:1}2%{opacity:0}to{top:35%;left:70%;opacity:0}}.meteor3{top:20%;left:15%;transform:rotate(40deg);animation:meteor-3 38s linear infinite;animation-delay:23s;background:linear-gradient(270deg,rgb(200,50,255,1) 0%,rgb(200,50,255,.7) 30%,rgb(200,50,255,.3) 60%,transparent 100%)}@keyframes meteor-3{0%{top:20%;left:15%;opacity:0}0.5%{opacity:1}1.9%{top:40%;left:45%;opacity:1}2.3%{opacity:0}to{top:40%;left:45%;opacity:0}}.meteor4{top:3%;left:25%;transform:rotate(48deg);animation:meteor-4 42s linear infinite;animation-delay:32s;background:linear-gradient(270deg,rgb(255,140,0,1) 0%,rgb(255,140,0,.7) 30%,rgb(255,140,0,.3) 60%,transparent 100%)}@keyframes meteor-4{0%{top:3%;left:25%;opacity:0}0.5%{opacity:1}2%{top:35%;left:55%;opacity:1}2.4%{opacity:0}to{top:35%;left:55%;opacity:0}}.meteor5{top:12%;left:60%;transform:rotate(50deg);animation:meteor-5 35s linear infinite;animation-delay:18s;background:linear-gradient(270deg,rgb(0,255,255,1) 0%,rgb(0,255,255,.7) 30%,rgb(0,255,255,.3) 60%,transparent 100%)}@keyframes meteor-5{0%{top:12%;left:60%;opacity:0}0.5%{opacity:1}1.4%{top:30%;left:80%;opacity:1}1.8%{opacity:0}to{top:30%;left:80%;opacity:0}}#video-sphere-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:2rem;z-index:var(--z-video-sphere)}#video-sphere-player{display:flex;flex-direction:column;align-items:center;width:min(70vh,50vw,900px);height:min(52.5vh,37.5vw,675px)}#canvas-video-sphere{display:block;width:min(70vh,50vw,900px)!important;height:min(52.5vh,37.5vw,675px)!important}#video{display:none;width:min(70vh,50vw,900px);height:min(52.5vh,37.5vw,675px)}#video-title{text-align:center;color:#fff;font-size:1.2rem;margin-bottom:1rem;text-shadow:0 0 10px rgb(0,0,0,.8)}#video-caption{text-align:center;color:#fff;margin-top:.5rem;text-shadow:0 0 5px rgb(0,0,0,.8);font-family:Fira Code,monospace}.arrow{flex-shrink:0;cursor:pointer;font-size:2rem;color:#fffc;-webkit-user-select:none;user-select:none;text-shadow:0 0 10px rgb(0,0,0,.8);transition:opacity .3s ease}.arrow:hover{opacity:.7}#colorbar{display:block;width:70%;margin-left:auto;margin-right:auto;padding-top:.5em}#colorbar.hidden,#video-caption.hidden{display:none}#video-controls{display:flex;justify-content:center;gap:.75rem;margin-top:1rem}.video-toggle-btn{padding:.4rem 1rem;border-radius:1rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:#ffffff1a;border:1px solid rgb(255,255,255,.3);color:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-toggle-btn:hover{background:#ffffff26;border-color:#fff6}.video-toggle-btn.active{background:#ffffff40;border-color:#fff9;color:#fff;text-shadow:0 0 5px rgb(0,0,0,.8)}.video-toggle-btn.active:hover{background:#ffffff4d}#video-tooltip{position:fixed;display:none;width:400px;background:#333;color:#fff;padding:.75rem;border-radius:6px;font-size:.9rem;line-height:1.4;z-index:var(--z-tooltips);box-shadow:0 4px 12px #0000004d;pointer-events:none}[data-theme=dark] #video-tooltip{background:#1f2937;color:#f9fafb}#video-tooltip .tooltip-title{font-size:1.1rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}#video-tooltip .tooltip-text{font-size:.9rem;line-height:1.4}@media (height <= 1080px) or (width <= 1024px){#video-sphere-container{gap:1.5rem}#video-sphere-player{width:min(60vh,45vw);height:min(45vh,33.75vw)}#canvas-video-sphere{width:min(60vh,45vw)!important;height:min(45vh,33.75vw)!important}#video{width:min(60vh,45vw);height:min(45vh,33.75vw)}#video-title{font-size:.9rem;margin-bottom:.5rem}.arrow{font-size:1.25rem;padding:.3rem}}@media (width >= 1920px) and (height >= 1080px){#video-sphere-container{gap:2.5rem}#video-sphere-player,#canvas-video-sphere,#video{width:min(75vh,55vw,800px);height:min(56.25vh,41.25vw,675px)}#video-title{font-size:1.4rem}.arrow{font-size:2.5rem}}@media (width > 768px) and (width <= 1024px){.content{max-width:clamp(700px,80vw,900px)}#ocean .content{max-width:clamp(900px,85vw,1100px)}#resources .content{max-width:clamp(850px,85vw,1000px)}}@media (width >= 1025px) and (width <= 1439px){.content{max-width:clamp(800px,75vw,1100px)}#ocean .content{max-width:clamp(1000px,85vw,1400px)}#resources .content{max-width:clamp(900px,80vw,1300px)}}@media (width >= 1440px) and (width <= 1919px){.content{max-width:clamp(900px,70vw,1200px)}#ocean .content{max-width:clamp(1100px,80vw,1500px)}#resources .content{max-width:clamp(1000px,75vw,1400px)}.content h2{font-size:2.75rem}.content p{font-size:1.15rem}}@media (width >= 1920px){.content{max-width:clamp(900px,55vw,1200px)}#ocean .content{max-width:clamp(1100px,65vw,1500px)}#resources .content{max-width:clamp(1000px,60vw,1400px)}.content h2{font-size:2.5rem}.content p{font-size:1.05rem}.content{padding:2.5rem}}@media (width <= 768px){.content{padding:1.5rem;margin:0 1rem}.content h1{font-size:2rem}.content p{font-size:1rem}.layer-nav{right:15px}.cirrus1{width:200px;height:6px}.cirrus1:before{width:120px;height:3px}.cirrus1:after{width:80px;height:2px}.cirrus2{width:180px;height:5px}.cirrus2:before{width:100px;height:2px}.cirrus3{width:150px;height:4px}.cirrus3:before{width:80px;height:2px}.alto1{width:90%;height:30px}.alto1:before{height:20px}.alto2{width:80%;height:25px}.alto2:before{height:15px}.cumulus1,.cumulus2,.cumulus3,.cumulus4{width:80px;height:35px}.cumulus1:before,.cumulus2:before,.cumulus3:before,.cumulus4:before{width:45px;height:45px;top:-18px}.cumulus1:after,.cumulus2:after,.cumulus3:after,.cumulus4:after{width:35px;height:25px;top:-10px}.mountain-range{height:80px;background-size:300px 80px}.river{width:80px}.theme-toggle{top:20px;right:20px;width:50px;height:50px}.toggle-icon{font-size:1.2rem}.sun{width:60px;height:60px;top:15%}body[data-theme=light] #outer-space .sun,body:not([data-theme]) #outer-space .sun{right:80px}}