#background-wrap{bottom:0;left:0;padding-top:0;position:fixed;right:0;top:0;z-index:10;transition:background-color .8s ease;overflow:hidden;pointer-events:none}.cloud-container{position:absolute;z-index:30;pointer-events:none;width:100%;white-space:nowrap}.cloud-img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;opacity:.85}@keyframes marqueeLeftToRight{0%{transform:translate(-100%)}to{transform:translate(100vw)}}@keyframes marqueeRightToLeft{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.x1{top:0%;animation:marqueeRightToLeft 40s linear infinite}.x2{top:15%;transform:scale(.6);opacity:.9;animation:marqueeLeftToRight 45s linear infinite}.x3{top:2%;transform:scale(.8);opacity:.8;animation:marqueeRightToLeft 50s linear infinite}.x4{top:18%;transform:scale(.75);opacity:.75;animation:marqueeLeftToRight 55s linear infinite}.x5{top:20%;transform:scale(.7);opacity:.8;animation:marqueeRightToLeft 60s linear infinite}.light .cloud-img{filter:brightness(1.1);opacity:.7}.dark .cloud-img{filter:brightness(.9) hue-rotate(240deg);opacity:.6}.dusk .cloud-img{filter:brightness(.7) hue-rotate(320deg);opacity:.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}#background-wrap{animation:fadeIn 1s ease-in}.animate-fadeout{animation:fadeOut 1s ease-out forwards}.theme-toggle-btn{padding:.5rem 1rem;border-radius:.5rem;transition:colors .2s;display:flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer}.theme-toggle-icon-container{position:relative;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.theme-icon{position:absolute;transition:all .3s;transform:scale(1);opacity:1}@keyframes subtleGlow{0%,to{text-shadow:0 0 4px rgba(135,206,235,.4),0 0 8px rgba(135,206,235,.2);transform:scale(1)}50%{text-shadow:0 0 8px rgba(135,206,235,.6),0 0 16px rgba(135,206,235,.3);transform:scale(1.05)}}@keyframes prominentGlow{0%,to{text-shadow:0 0 6px rgba(135,206,235,.5),0 0 12px rgba(135,206,235,.3);transform:scale(1)}50%{text-shadow:0 0 12px rgba(135,206,235,.8),0 0 24px rgba(135,206,235,.4);transform:scale(1.08)}}.animate-subtle-glow{animation:subtleGlow 2s ease-in-out infinite;color:#87ceeb;cursor:pointer;position:relative}.animate-prominent-glow{animation:prominentGlow 2s ease-in-out infinite;color:#87ceeb;cursor:pointer;position:relative}.dark .animate-subtle-glow,.dark .animate-prominent-glow{color:#87ceeb}.light .animate-subtle-glow,.light .animate-prominent-glow{color:#4682b4}.dusk .animate-subtle-glow,.dusk .animate-prominent-glow{color:#9370db}@keyframes cloudToggleGlow{0%,to{text-shadow:0 0 8px rgba(135,206,235,.6),0 0 16px rgba(135,206,235,.3);transform:scale(1)}50%{text-shadow:0 0 16px rgba(135,206,235,.9),0 0 32px rgba(135,206,235,.5);transform:scale(1.1)}}@keyframes bounceIndicator{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-8px) scale(1.1)}60%{transform:translateY(-4px) scale(1.05)}}@keyframes bounceArrowDelayed{0%,20%,50%,80%,to{transform:translateY(0);opacity:.8}40%{transform:translateY(-6px);opacity:1}60%{transform:translateY(-3px);opacity:.9}}.cloud-toggle-glow{animation:cloudToggleGlow 2.5s ease-in-out infinite;cursor:pointer;position:relative}.cloud-toggle-indicator{position:relative}.cloud-toggle-indicator:after{content:"👆";position:absolute;top:-2rem;right:-1.5rem;font-size:1rem;animation-delay:1s;animation:bounceArrowDelayed 1.5s ease-in-out infinite;pointer-events:none;z-index:100}.light .cloud-toggle-glow{color:#4682b4}.light .cloud-toggle-glow:hover,.dark .cloud-toggle-glow{color:#87ceeb}.dark .cloud-toggle-glow:hover{color:#b0e0e6}.dusk .cloud-toggle-glow{color:#9370db}.dusk .cloud-toggle-glow:hover{color:#d2c4f4}@media (max-width: 768px){.cloud-toggle-indicator:after{font-size:.875rem;top:-1.75rem;right:-1.25rem}}