body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{width:100%;min-height:100vh}.date-picker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:1000;background:#000000d9;border:1px solid #ffffff1a;border-radius:12px;min-width:280px;padding:20px;font-family:Arial,sans-serif;position:fixed;top:20px;right:20px;box-shadow:0 8px 32px #0000004d}.date-picker-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.date-picker-header h3{margin:0;font-size:16px;font-weight:600}.calendar-toggle{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:5px 10px;transition:background .3s}.calendar-toggle:hover{background:#fff3}.selected-date-display{background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.date-info{flex-direction:column;gap:4px;display:flex}.date-label{color:#fff9;font-size:11px}.date-value{font-size:14px;font-weight:600}.today-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .3s}.today-btn:hover{background:#ffffff40;transform:translateY(-1px)}.calendar-popup{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.calendar-nav{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.calendar-nav button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:5px 10px;transition:background .3s}.calendar-nav button:hover{background:#fff3}.calendar-month{font-size:14px;font-weight:600}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.weekday{text-align:center;color:#fff9;padding:5px;font-size:12px}.calendar-days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{aspect-ratio:1;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:all .2s;display:flex}.calendar-day:hover:not(.padding){background:#fff3}.calendar-day.padding{cursor:default}.calendar-day.today{border:1px solid #ffffff80;font-weight:600}.calendar-day.selected{border:1px solid #ffd70099;font-weight:600;background:#ffd7004d!important}.moon-phase-details{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.phase-details-grid{flex-direction:column;gap:8px;display:flex}.detail-item{justify-content:space-between;align-items:center;font-size:13px;display:flex}.detail-label{color:#ffffffb3}.detail-value{color:gold;font-weight:600}@media (width<=768px){.date-picker{min-width:auto;top:10px;left:10px;right:10px}.calendar-day{font-size:11px}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:radial-gradient(#000 0%,#020206 40%,#030309 70%,#060612 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{background:radial-gradient(circle at 50% 18%,#1218282e 0%,#12182800 42%),linear-gradient(#02040a 0%,#050711 46%,#0b0c15 100%);width:100vw;height:100vh;margin:0;padding:0;position:relative;overflow:hidden}.moon-canvas{z-index:0;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;top:0!important;left:0!important}.moon-info{z-index:10;position:fixed;top:20px;left:20px}.moon-toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:1001;background:#000c;border:2px solid #ffd70080;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:20px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 12px #0000004d}.moon-toggle-btn:hover{background:#ffd70033;border-color:#ffd700cc;transform:translateY(-2px);box-shadow:0 6px 16px #ffd70066}.moon-toggle-btn:active{transform:translateY(0)}.moon-symbol{filter:drop-shadow(0 0 4px #ffd70099);font-size:24px;line-height:1}.toggle-icon{color:#ffd700cc;font-size:14px;transition:transform .3s}.moon-info .info-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;visibility:hidden;pointer-events:none;background:#000000e6;border:1px solid #ffd7004d;border-radius:12px;width:280px;padding:16px;transition:all .3s;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-10px);box-shadow:0 8px 32px #00000080}.moon-info.expanded .info-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.moon-info .info-panel h3{color:gold;border-bottom:1px solid #ffd7004d;margin:0 0 12px;padding-bottom:8px;font-size:16px}.info-item{justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.info-item .label{color:#ffffffb3}.info-item .value{color:#fff;font-weight:600}@media (width<=768px){.moon-info{top:10px;left:10px}.moon-toggle-btn{padding:8px 14px;font-size:18px}.moon-symbol{font-size:20px}.moon-info .info-panel{width:250px;top:calc(100% + 8px)}}.mode-toggle{color:#000;cursor:pointer;z-index:1001;background:#ffd7004d;border:2px solid #ffd700b3;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .3s;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #0000004d}.mode-toggle:hover{background:#ffd70066;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mode-toggle:active{transform:translateY(0)}.constellation-menu{z-index:1002;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:80px;right:30px}.constellation-menu-trigger{color:#dff2ff;cursor:pointer;background:#88ccff29;border:2px solid #88ccffb3;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-width:196px;padding:10px 16px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 4px 12px #0000004d}.constellation-menu-trigger:hover{background:#88ccff38;transform:translateY(-2px);box-shadow:0 8px 18px #00000057}.constellation-menu-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040a12d6;border:1px solid #94b5d342;border-radius:14px;flex-direction:column;gap:8px;width:260px;padding:10px;display:flex;box-shadow:0 18px 40px #0000005c}.constellation-menu-option{color:#d9e7f7;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:13px;transition:background .2s,border-color .2s,transform .2s;display:flex}.constellation-menu-option:hover{background:#88ccff1a;border-color:#88ccff3d;transform:translate(-2px)}.constellation-menu-option.active{color:#fff;background:#88ccff2e;border-color:#88ccff6b}.constellation-menu-option strong{color:#8fd8ff;font-size:12px}.scroll-hint{text-align:center;z-index:100;pointer-events:none;animation:3s ease-in-out fadeInOut;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll-hint-text h2{color:gold;text-shadow:0 0 20px #ffd70080;margin-bottom:15px;font-size:2.5rem}.scroll-hint-text p{color:#ffffffe6;margin-bottom:20px;font-size:1.2rem}.scroll-hint .scroll-indicator{font-size:3rem;animation:2s infinite bounce}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%)}20%{opacity:1;transform:translate(-50%,-50%)}80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}.scroll-content{z-index:1;pointer-events:none;width:100%;position:absolute;top:0;left:0}.scroll-section{text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 50px;transition:opacity .6s ease-out;display:flex}.scroll-section.visible{opacity:1}.scroll-section h3{color:gold;text-shadow:0 0 15px #ffd70066;margin-bottom:15px;font-size:2.5rem}.scroll-section p{color:#ffffffd9;max-width:600px;font-size:1.3rem;line-height:1.6}@media (width<=768px){.scroll-hint-text h2{font-size:1.8rem}.scroll-hint-text p{font-size:1rem}.scroll-section{padding:80px 30px}.scroll-section h3{font-size:2rem}.scroll-section p{font-size:1.1rem}.constellation-menu{bottom:80px;right:12px}.constellation-menu-trigger{min-width:176px;font-size:13px}.constellation-menu-panel{width:220px}}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.constellation-labels{pointer-events:none;z-index:10;width:100%;height:100%;position:fixed;top:0;left:0}.constellation-label{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;pointer-events:auto;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#000000b3;border:1px solid #fff3;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;transition:all .3s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0000004d}.constellation-label.hovered{z-index:100;background:#ffd7004d;border-color:#ffd700cc;box-shadow:0 0 20px #ffd70080}.constellation-symbol{filter:drop-shadow(0 0 2px #ffffff80);font-size:28px;line-height:1}.constellation-name{letter-spacing:.5px;text-shadow:0 1px 2px #000c;font-size:13px;font-weight:500}.constellation-details-panel{-webkit-backdrop-filter:blur(15px);color:#fff;z-index:1000;background:#000000d9;border:1px solid #ffffff26;border-radius:16px;width:380px;max-height:80vh;padding:24px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;top:50%;right:30px;overflow-y:auto;transform:translateY(-50%)translate(120%);box-shadow:0 8px 32px #00000080}.constellation-details-panel.visible{transform:translateY(-50%)translate(0)}.constellation-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.constellation-close-btn:hover{background:#ffd7004d;border-color:#ffd700cc;transform:rotate(90deg)}.constellation-details-content{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.constellation-details-symbol{text-align:center;filter:drop-shadow(0 0 10px #ffd70099);margin-bottom:16px;font-size:64px}.constellation-details-name{text-align:center;color:gold;text-shadow:0 2px 8px #ffd70066;margin:0 0 8px;font-size:28px;font-weight:600}.constellation-details-latin{text-align:center;color:#ffffffb3;margin-bottom:20px;font-size:16px;font-style:italic}.constellation-details-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;padding:16px;display:grid}.constellation-info-item{flex-direction:column;gap:4px;display:flex}.constellation-info-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.constellation-info-value{color:gold;font-size:14px;font-weight:500}.constellation-details-section{margin-bottom:20px}.constellation-details-section-title{color:gold;border-bottom:1px solid #ffd7004d;margin:0 0 12px;padding-bottom:8px;font-size:16px;font-weight:600}.constellation-stars-list{flex-wrap:wrap;gap:8px;display:flex}.constellation-star-tag{color:gold;background:#ffd70026;border:1px solid #ffd7004d;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-block}.constellation-star-tag:hover{background:#ffd7004d;border-color:#ffd70099;transform:translateY(-2px)}.constellation-details-mythology{color:#ffffffe6;background:#ffffff0d;border-left:3px solid gold;border-radius:8px;margin:0;padding:12px;font-size:14px;line-height:1.6}.constellation-details-description{color:#ffffffd9;margin:0;font-size:14px;line-height:1.6}@media (width<=768px){.constellation-label{padding:6px 10px;font-size:12px}.constellation-symbol{font-size:22px}.constellation-name{font-size:11px}.constellation-details-panel{width:auto;max-height:70vh;left:10px;right:10px}.constellation-details-symbol{font-size:48px}.constellation-details-name{font-size:22px}.constellation-details-info{grid-template-columns:1fr}}@media (width<=480px){.constellation-label{padding:4px 8px;font-size:11px}.constellation-symbol{font-size:18px}.constellation-name{font-size:10px}}.constellation-details-panel::-webkit-scrollbar{width:8px}.constellation-details-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.constellation-details-panel::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:4px}.constellation-details-panel::-webkit-scrollbar-thumb:hover{background:#ffd700b3}