*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,Times New Roman,serif;background-color:#f4f4f0;color:#1a1a1a;line-height:1.6;padding:2rem;position:relative}.info-top{max-width:1200px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;min-height:2.5rem;opacity:0;transition:opacity .4s ease-in}.info-top.loaded{opacity:1}.info-date{font-size:.75rem;color:#999;-webkit-user-select:none;user-select:none;min-width:200px}.info-bottom{display:none;min-height:2.5rem;opacity:0;transition:opacity .4s ease-in}.info-bottom.loaded{opacity:1}.info-date.fixed{color:#c44;cursor:pointer;transition:color .2s}.info-date.fixed:hover{color:#a33}.info-location-container{text-align:right;min-width:150px}.info-location{font-size:.75rem;color:#999;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.info-location:hover{color:#666}.info-timezone{font-size:.65rem;color:#bbb;margin-top:.1rem;-webkit-user-select:none;user-select:none}.location-modal{display:none;position:fixed;inset:0;background-color:#0000004d;z-index:1000;align-items:center;justify-content:center}.location-modal.visible{display:flex}.info-overlay{display:none;position:fixed;z-index:900;pointer-events:none}.info-overlay.visible{display:block}.info-overlay-content{background-color:#fafaf8;border:1px solid #d0d0c8;padding:.5rem .75rem;box-shadow:0 2px 8px #0000001a;max-width:250px;font-size:.75rem;line-height:1.4;color:#555;opacity:0;transition:opacity .2s ease}.info-overlay.visible .info-overlay-content{opacity:1}.modal-content{background-color:#fafaf8;border:1px solid #d0d0c8;padding:2rem;box-shadow:0 4px 12px #00000026;max-width:400px;width:90%}.modal-content h3{margin:0 0 1.5rem;font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:#666}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;color:#666;margin-bottom:.25rem}.form-group input{width:100%;padding:.5rem;font-family:Georgia,Times New Roman,serif;font-size:.9rem;border:1px solid #d0d0c8;background-color:#fafaf8;color:#1a1a1a}.form-group input:focus{outline:none;border-color:#1a1a1a}.helper-link{margin:1rem 0 .5rem;font-size:.8rem}.helper-link a{color:#666;text-decoration:none;border-bottom:1px solid #d0d0c8;transition:color .2s,border-color .2s}.helper-link a:hover{color:#1a1a1a;border-bottom-color:#1a1a1a}.divider-with-text{display:flex;align-items:center;text-align:center;margin:1.5rem 0 1rem}.divider-with-text:before,.divider-with-text:after{content:"";flex:1;border-bottom:1px solid #e8e8e0}.divider-with-text span{padding:0 1rem;font-size:.75rem;color:#bbb;text-transform:uppercase;letter-spacing:.1em}.geolocation-section{margin:0 0 1.5rem;display:flex;justify-content:center}.geolocation-button{padding:.6rem 1.5rem;font-family:Georgia,Times New Roman,serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid #d0d0c8;background-color:#fff;color:#666;cursor:pointer;transition:all .2s}.geolocation-button:hover{background-color:#fafaf8;color:#1a1a1a;border-color:#1a1a1a}.modal-actions{display:flex;gap:.5rem;margin-top:1.5rem}.modal-actions button{flex:1;padding:.75rem;font-family:Georgia,Times New Roman,serif;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border:1px solid #d0d0c8;background-color:#fafaf8;color:#1a1a1a;cursor:pointer;transition:background-color .2s}.modal-actions button:hover{background-color:#e8e8e0}.modal-actions button#save-location{background-color:#1a1a1a;color:#fafaf8;border-color:#1a1a1a}.modal-actions button#save-location:hover{background-color:#333}.show-all-container{max-width:1200px;margin:1rem auto;text-align:center;opacity:0;transition:opacity .4s ease-in}.show-all-container.loaded{opacity:1}.show-all-container button{padding:.4rem .8rem;font-family:Georgia,Times New Roman,serif;font-size:.7rem;background-color:transparent;color:#bbb;border:1px solid transparent;cursor:pointer;transition:color .2s,border-color .2s;text-transform:lowercase;letter-spacing:.02em}.show-all-container button:hover{color:#999;border-color:#e0e0d8}.footer-links{max-width:1200px;margin:3rem auto 2rem;text-align:center;font-size:.75rem;color:#999;opacity:0;transition:opacity .4s ease-in;position:relative}.footer-links.loaded{opacity:1}.hide-footer-btn{background:transparent;border:none;color:#ccc;font-size:1.2rem;cursor:pointer;padding:0 .5rem;margin-left:.5rem;line-height:1;vertical-align:middle;transition:color .2s}.hide-footer-btn:hover{color:#999}.footer-links a{color:#999;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.footer-links a:hover{color:#666;border-bottom-color:#d0d0c8}.footer-separator{margin:0 .5rem}.container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.pane{background-color:#fafaf8;border:1px solid #d0d0c8;padding:2rem;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;min-height:400px;opacity:0;transition:opacity .6s ease-in}.pane.loaded{opacity:1}h2{font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;color:#666}.value{font-size:2.5rem;font-weight:700;margin-bottom:.25rem;margin-top:auto;color:#1a1a1a}#season-pane .value{margin-top:0;margin-bottom:.1rem}.detail{font-size:.95rem;color:#555;margin-bottom:.5rem}.detail:first-of-type{margin-top:auto}#season-pane .detail:first-of-type{margin-top:0}#season-pane #season-progress{margin-top:auto}#sun-pane .detail:first-of-type{margin-top:auto}.detail.secondary{font-size:.85rem;color:#999;margin-top:.5rem}.detail.secondary#hemisphere{font-size:.75rem;color:#bbb;margin-top:0;margin-bottom:1rem}#orbit-diagram,#season-diagram,#sun-diagram,#moon-phase-diagram,#moon-orbit-diagram,#earth-tilt-diagram{width:100%;height:auto;margin:0 auto 1rem;max-width:300px;display:block}#daylight-pie,.orbit-marker{cursor:pointer}.orbit-marker:hover{opacity:.7}.clickable-path{cursor:pointer}.clickable-path:hover{opacity:.7}.hoverable{cursor:help}.hoverable:hover{color:#333}.progress-bar{width:100%;height:8px;background-color:#e0e0d8;border:1px solid #d0d0c8;margin-top:.5rem;margin-bottom:0;position:relative;overflow:hidden}.progress-label{font-size:.7rem;color:#bbb;margin-top:.25rem;margin-bottom:0;text-align:center}.progress-fill{height:100%;background-color:#1a1a1a;width:0%}.details-toggle{background:transparent;border:none;color:#d0d0c8;font-family:Georgia,Times New Roman,serif;font-size:.65rem;cursor:pointer;padding:.25rem 0;margin:auto 0 .5rem;text-align:left;display:flex;align-items:center;gap:.35rem;transition:color .2s;align-self:flex-start}.details-toggle:hover{color:#999}.toggle-icon{display:inline-block;transition:transform .2s;font-size:.5rem;opacity:.6}.details-toggle.expanded .toggle-icon{transform:rotate(90deg)}.collapsible-details{max-height:1000px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin .3s ease;opacity:1;margin-bottom:.5rem}.collapsible-details.collapsed{max-height:0;opacity:0;margin-bottom:0}.collapsible-details .detail:first-of-type{margin-top:0}@media(max-width:768px){body{padding:2rem 1rem 1rem}.container{grid-template-columns:1fr;gap:1rem}.pane{padding:1.5rem}.value{font-size:2rem}.info-top{display:none}.info-bottom{display:flex;flex-direction:column;gap:1rem;align-items:center;position:static;margin-top:2rem;max-width:600px;margin-left:auto;margin-right:auto}.info-bottom .info-date{font-size:.85rem;text-align:center;width:100%;padding:.75rem 1rem;background-color:#fafaf8;border:1px solid #d0d0c8;box-shadow:0 1px 3px #0000000d}.info-bottom .info-location-container{text-align:center;width:100%;padding:.75rem 1rem;background-color:#fafaf8;border:1px solid #d0d0c8;box-shadow:0 1px 3px #0000000d}.info-bottom .info-location{font-size:.85rem}.info-bottom .info-timezone{font-size:.75rem}}universe-state-provider,universe-info-header,universe-orbit-pane,universe-season-pane{display:contents}universe-orbit-diagram,universe-sun-diagram,universe-moon-orbit-diagram,universe-earth-tilt-diagram,universe-moon-phase-diagram{display:block}.flip-card[data-v-b20eae96]{perspective:1000px;display:grid}.flip-card-inner[data-v-b20eae96]{position:relative;display:grid;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-card.flipped .flip-card-inner[data-v-b20eae96]{transform:rotateY(180deg)}.flip-card-front[data-v-b20eae96],.flip-card-back[data-v-b20eae96]{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-card-back[data-v-b20eae96]{transform:rotateY(180deg)}.flip-card-back h2[data-v-b20eae96]{margin-bottom:1.5rem}.details-content[data-v-b20eae96]{flex:1}.details-content .detail[data-v-b20eae96]{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e8e8e4}.details-content .detail[data-v-b20eae96]:last-child{border-bottom:none}.detail-label[data-v-b20eae96]{color:#666}.detail-value[data-v-b20eae96]{font-weight:500;color:#1a1a1a}