:root{--bg-primary: #0a0e27;--bg-secondary: #141b3d;--bg-tertiary: #1e2749;--accent-primary: #6366f1;--accent-primary-hover: #7c3aed;--accent-primary-active: #5b21b6;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-secondary: #8b5cf6;--accent-secondary-hover: #7c3aed;--success: #10b981;--success-light: #d1fae5;--success-dark: #059669;--warning: #f59e0b;--warning-light: #fef3c7;--warning-dark: #d97706;--error: #ef4444;--error-light: #fee2e2;--error-dark: #dc2626;--info: #3b82f6;--info-light: #dbeafe;--info-dark: #2563eb;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--text-disabled: #475569;--border-color: rgba(99, 102, 241, .2);--border-hover: rgba(99, 102, 241, .5);--border-focus: rgba(99, 102, 241, .7);--divider: rgba(255, 255, 255, .1);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--shadow-glow-lg: 0 0 40px rgba(99, 102, 241, .4);--glass-bg: rgba(20, 27, 61, .7);--glass-bg-light: rgba(30, 39, 73, .8);--glass-border: rgba(255, 255, 255, .1);--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-none: 0;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:var(--bg-primary);color:var(--text-primary)}#root{width:100%;height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--accent-gradient);border-radius:var(--radius-sm);transition:var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8b5cf6,#6366f1)}::selection{background:var(--accent-primary);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-normal);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-lg)}.btn-icon{padding:var(--space-2);width:32px;height:32px}.btn-icon-sm{padding:var(--space-1);width:24px;height:24px}.btn-icon-lg{padding:var(--space-3);width:44px;height:44px}.btn-primary{background:var(--accent-gradient);color:#fff;border:1px solid transparent}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-success{background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);color:#fff;border:1px solid rgba(16,185,129,.4)}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-warning{background:linear-gradient(135deg,var(--warning) 0%,var(--warning-dark) 100%);color:#fff;border:1px solid rgba(245,158,11,.4)}.btn-error{background:linear-gradient(135deg,var(--error) 0%,var(--error-dark) 100%);color:#fff;border:1px solid rgba(239,68,68,.4)}.btn-ghost{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.btn-ghost:hover{background:#ffffff26;border-color:#ffffff4d}.btn-outline{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-outline:hover{background:#6366f11a;border-color:var(--accent-secondary)}.card{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-normal)}.card-compact{padding:var(--space-2)}.card-spacious{padding:var(--space-6)}.card-hover{cursor:pointer}.card-hover:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md),0 4px 16px #8b5cf633}.card-glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:inherit;color:var(--text-primary);background:#141423cc;border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:hover{border-color:var(--border-hover)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11a}.input:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.input:focus-visible,.card:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.loading{position:relative;opacity:.7;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--text-tertiary)}.empty-state-icon{font-size:var(--text-3xl);margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);color:var(--text-muted);max-width:320px}@media (max-width: 768px){.btn,button,.ctrl-btn,.tab-btn,.coord-btn,.panel-button,.nav-button,.control-button,.play-button,.action-button,.info-button,.myanmar-date-button,.apply-date-button,.current-time-button,.datetime-now-btn,.advanced-link-btn{min-height:44px;min-width:44px;padding:var(--space-3) var(--space-4)}.btn-xs,.btn-icon,.panel-button{min-width:44px;min-height:44px;padding:var(--space-2)}.tab-btn{min-height:44px;padding:var(--space-2) var(--space-3)}button[aria-label],.floating-button{min-width:44px;min-height:44px;padding:var(--space-2)}.input,input[type=text],input[type=number],input[type=datetime-local],select{min-height:44px;padding:var(--space-2) var(--space-3);font-size:var(--text-base)}.card-hover,.planet-card{padding:var(--space-4)}}@media (max-width: 480px){.btn,button{min-height:48px;padding:var(--space-3) var(--space-5);font-size:var(--text-base)}.btn-icon{min-width:48px;min-height:48px}.panel-buttons{gap:var(--space-3)}.tab-navigation{gap:var(--space-2)}.control-buttons{gap:var(--space-2);padding:var(--space-2)}}@media (max-width: 768px){*,*:before,*:after{animation-duration:.2s!important;animation-delay:0s!important;transition-duration:.2s!important;transition-delay:0s!important}*{-webkit-overflow-scrolling:touch}button,.button,input,select,textarea{min-height:44px;min-width:44px}}@media (max-width: 768px) and (max-height: 600px),(max-width: 480px){*,*:before,*:after{animation-duration:.1s!important;transition-duration:.1s!important}.App:before{animation:none!important}}@media (prefers-contrast: high){:root{--text-primary: #ffffff;--text-secondary: #ffffff;--bg-primary: #000000;--bg-secondary: #000000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.App:before{animation:none!important}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;position:fixed}#root{width:100%;height:100%}.App{width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(ellipse at bottom,#0a0e27,#000);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative}.App:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#ffffff4d,#0000),radial-gradient(2px 2px at 60px 70px,#fff3,#0000),radial-gradient(1px 1px at 50px 50px,#fff6,#0000),radial-gradient(1px 1px at 130px 80px,#ffffff4d,#0000),radial-gradient(2px 2px at 90px 10px,#ffffff40,#0000);background-size:200px 200px;background-repeat:repeat;animation:twinkle 5s infinite;pointer-events:none;opacity:.5;z-index:0}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:.8}}.celestial-form{display:none!important}*{-webkit-tap-highlight-color:rgba(139,92,246,.2);-webkit-touch-callout:none}.App{-webkit-user-select:none;user-select:none}input,textarea,select{-webkit-user-select:text;user-select:text}@media (max-width: 768px){html,body,#root,.App{height:100vh;height:100dvh;overflow:hidden;position:fixed;width:100%}.App{overflow-x:hidden;touch-action:pan-y pinch-zoom}.App:before{animation:twinkle 10s infinite;background-size:300px 300px}}@media (max-width: 640px){html,body,#root,.App{height:100vh;height:100dvh;min-height:100vh;min-height:-webkit-fill-available;overflow:hidden;position:fixed}.App{min-height:100vh;min-height:-webkit-fill-available}.App:before{opacity:.3}}@media (max-width: 480px){.App:before{background-image:radial-gradient(2px 2px at 20px 30px,#fff3,#0000),radial-gradient(1px 1px at 50px 50px,#ffffff4d,#0000);background-size:400px 400px}}@media (max-height: 500px) and (orientation: landscape){.App{overflow-y:auto}}@supports (-webkit-touch-callout: none){.App{min-height:-webkit-fill-available}}@supports (padding: max(0px)){.App{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.floating-buttons{position:fixed;bottom:20px;left:0;right:0;z-index:1000;pointer-events:none}.floating-buttons .floating-button{position:absolute;bottom:0;width:60px;height:60px;border-radius:50%;background:#8b5cf6e6;border:2px solid rgba(255,255,255,.2);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;pointer-events:auto;box-shadow:0 4px 12px #0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.floating-buttons .floating-button:hover{background:#8b5cf6;transform:scale(1.1);box-shadow:0 6px 16px #0006}.floating-buttons .floating-button.active{background:#ffc107e6;border-color:#ffc10780}.floating-buttons .floating-button.active:hover{background:#ffc107}.floating-buttons .floating-button.left{left:20px}.floating-buttons .floating-button.right{right:20px}.floating-buttons .nav-icon{font-size:20px;line-height:1;margin-bottom:2px}.floating-buttons .nav-text{font-size:10px;font-weight:500;text-align:center;line-height:1}.floating-buttons .floating-button img.nav-icon{width:20px;height:20px;margin-bottom:2px}@media (max-width: 768px){.floating-buttons{bottom:max(15px,env(safe-area-inset-bottom))}.floating-buttons .floating-button{width:56px;height:56px;min-width:44px;min-height:44px}.floating-buttons .floating-button.left{left:max(15px,env(safe-area-inset-left))}.floating-buttons .floating-button.right{right:max(15px,env(safe-area-inset-right))}.floating-buttons .nav-icon{font-size:18px}.floating-buttons .nav-text{font-size:9px}.floating-buttons .floating-button img.nav-icon{width:18px;height:18px}.floating-buttons .floating-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.floating-buttons .floating-button{transition:transform .2s ease,background-color .2s ease}}.content-wrapper{min-height:100vh;position:relative}.noscript-content{max-width:800px;margin:0 auto;padding:40px 20px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e0e0e0;line-height:1.6}.noscript-content h1{color:#4a9eff;font-size:2em;margin-bottom:20px;text-align:center}.noscript-content h2{color:#6eb5ff;font-size:1.5em;margin-top:30px;margin-bottom:15px}.noscript-content p{margin-bottom:15px;font-size:1.1em}.noscript-content ul{list-style-type:disc;padding-left:30px;margin-bottom:20px}.noscript-content li{margin-bottom:10px;font-size:1em}.app-content{position:relative;width:100%;min-height:100vh}.app-content[role=main]{isolation:isolate}.app-header{position:fixed;top:0;left:0;right:0;height:56px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;display:flex;align-items:center;z-index:1000;box-shadow:none;transition:background .4s ease,backdrop-filter .4s ease,box-shadow .4s ease;pointer-events:none;animation:headerFadeIn .6s ease-out}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.app-header.header-frosted{background:#0a0a1499;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(99,102,241,.15);box-shadow:0 4px 30px #0000004d}.app-header>*{pointer-events:auto}.app-header:before{content:"";position:absolute;inset:0;background:transparent!important;pointer-events:none}.app-header:hover{background:#0a0a1480;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);box-shadow:0 2px 20px #0003}.header-content{width:100%;max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;position:relative}.header-left{display:flex;align-items:center;justify-content:flex-start;gap:48px;flex:1 1 0;min-width:0;z-index:2;position:relative}.brand-section{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:16px;cursor:pointer;transition:var(--transition-normal);position:relative}.logo:hover{transform:translateY(-1px)}.logo-icon-container{position:relative;display:flex;align-items:center;justify-content:center}.logo-icon{font-size:36px;filter:drop-shadow(0 0 12px rgba(139,92,246,.6));animation:float 3s ease-in-out infinite;transition:var(--transition-normal)}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:transparent;border-radius:50%;animation:pulse-glow 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-3px) rotate(2deg)}66%{transform:translateY(1px) rotate(-1deg)}}@keyframes pulse-glow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-title{font-size:20px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.5px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;cursor:pointer;transition:var(--transition-normal)}.brand-title:hover{transform:scale(1.02);filter:brightness(1.1)}.brand-subtitle{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;opacity:.8}.nav-section{display:flex;align-items:center}.nav-links{display:flex;gap:8px;background:transparent;border-radius:var(--radius-lg);padding:6px;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;position:relative;overflow:hidden}.nav-links:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:transparent;animation:nav-shine 4s ease-in-out infinite;z-index:0}@keyframes nav-shine{0%,to{left:-100%}50%{left:100%}}.nav-link{display:flex;align-items:center;gap:8px;color:var(--text-tertiary);text-decoration:none;padding:12px 18px;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:600;letter-spacing:.3px;position:relative;overflow:hidden;border:1px solid transparent;cursor:pointer;z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:transparent;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:-1;opacity:0;border-radius:inherit}.header-actions{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:12px;z-index:5}.floating-button{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#0a0a14b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:.3px;box-shadow:0 10px 25px #00000059;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.floating-button img.nav-icon{width:16px;height:16px}.floating-button:hover,.floating-button.active{transform:translateY(-1px);border-color:#fc09;box-shadow:0 14px 30px #0006}.nav-link:hover{color:var(--text-primary);background:transparent;border-color:transparent;transform:translateY(-1px);box-shadow:none}.nav-link:hover:before{left:0;opacity:.25;transform:scale(1.02)}.nav-link:active{transform:translateY(0) scale(.98);transition:all .1s ease}.nav-link.active{color:var(--text-primary);background:transparent;border-color:transparent;box-shadow:none;transform:translateY(-1px)}.nav-link.active:before{left:0;opacity:0;background:transparent}.about-link{position:relative;color:#e6b3cc!important;background:transparent!important;border:none!important;box-shadow:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:700!important;letter-spacing:.5px!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}.about-link:after{content:"";position:absolute;inset:0;background:transparent;border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1}.about-link:hover{color:#fff!important;background:transparent!important;border-color:transparent!important;box-shadow:none;transform:translateY(-2px) scale(1.02);text-shadow:0 1px 3px rgba(0,0,0,.2)}.about-link:hover:after{opacity:1}.about-link:hover:before{background:transparent;opacity:0;left:0;transform:scaleX(1.05)}.about-link:active{transform:translateY(-1px) scale(.98);box-shadow:none;transition:all .1s ease}.about-link .nav-icon{width:24px!important;height:24px!important;opacity:.95!important;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 3px rgba(0,0,0,.15));transform-origin:center}.about-link:hover .nav-icon{opacity:1!important;transform:scale(1.2);filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.about-link .nav-text{font-weight:700!important;position:relative;z-index:2}@keyframes about-pulse{0%,to{box-shadow:none}50%{box-shadow:none}}.about-link{animation:about-pulse 3s ease-in-out infinite}.nav-icon{font-size:18px;opacity:.85;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));display:inline-block;line-height:1;width:20px;height:20px;object-fit:contain;vertical-align:middle}.nav-text{font-weight:600}.header-center{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;flex:1 1 0;min-width:0;z-index:2;position:relative}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:nowrap;flex:1 1 0;min-width:0;z-index:2;position:relative}.time-display{background:transparent;border:none;border-radius:var(--radius-lg);padding:12px 16px;transition:var(--transition-normal);position:relative;overflow:hidden;-webkit-backdrop-filter:none;backdrop-filter:none}.time-display:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:transparent;transition:var(--transition-normal)}.time-display:hover{background:transparent;border-color:transparent;transform:translateY(-1px);box-shadow:none}.time-display:hover:before{left:100%}.time-display-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.time-display-clickable:after{content:"⟳";position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:14px;opacity:0;transition:opacity .3s ease,transform .3s ease;color:#10b981}.time-display-clickable:hover{background:#10b98114;border:1px solid rgba(16,185,129,.3);transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.time-display-clickable:hover:after{opacity:1;transform:translateY(-50%) rotate(180deg)}.time-display-clickable:active{transform:translateY(-1px) scale(.98);background:#10b98126}@keyframes timeResetPulse{0%{box-shadow:0 0 #10b981b3;background:#10b98133}50%{box-shadow:0 0 0 8px #10b98100;background:#10b9814d}to{box-shadow:0 0 #10b98100;background:#10b98114}}.time-reset-animation{animation:timeResetPulse .6s cubic-bezier(.4,0,.2,1)}.time-reset-animation:after{animation:spin .6s ease-out}@keyframes spin{0%{transform:translateY(-50%) rotate(0);opacity:1}to{transform:translateY(-50%) rotate(360deg);opacity:0}}.time-line-1{display:flex;align-items:center;gap:8px;margin-bottom:2px}.time-value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;text-shadow:0 0 20px rgba(139,92,246,.5);filter:drop-shadow(0 0 8px rgba(139,92,246,.4));transition:filter .3s ease,text-shadow .3s ease}.time-display:hover .time-value{filter:drop-shadow(0 0 12px rgba(139,92,246,.6));text-shadow:0 0 25px rgba(139,92,246,.7)}.time-zone{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;opacity:.8}.time-indicator{display:flex;align-items:center;gap:4px;margin-left:8px}.date-line-2{font-size:11px;color:var(--text-secondary);font-weight:500;letter-spacing:.5px;opacity:.9;text-align:center}.indicator-dot{width:6px;height:6px;background:var(--accent-secondary);border-radius:50%;animation:indicator-pulse 2s ease-in-out infinite;box-shadow:0 0 8px #8b5cf699}@keyframes indicator-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.app-header:focus-within{outline:2px solid var(--accent-primary);outline-offset:-2px}.logo:focus{outline:2px solid var(--accent-primary);outline-offset:4px;border-radius:var(--radius-md)}.nav-link:focus{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 4px #6366f133,0 0 25px #6366f166}.nav-link:focus:not(:focus-visible){outline:none;box-shadow:none}.time-display:focus{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-contrast: high){.app-header{background:var(--bg-primary);border-bottom:2px solid var(--text-primary)}.brand-title,.time-value{background:none;-webkit-text-fill-color:var(--text-primary);color:var(--text-primary)}}@media (prefers-reduced-motion: reduce){.logo-icon,.logo-glow,.indicator-dot{animation:none}.app-header,.logo,.nav-link,.time-display{transition:none}.app-header:before,.time-display:before,.nav-link:before{transition:none}}@media (max-width: 1024px){.header-content{padding:0 24px;flex-wrap:wrap;gap:12px}.header-left{gap:32px;flex:1 1 auto;justify-content:flex-start}.header-center{width:100%;justify-content:center;gap:12px}.header-right{width:100%;justify-content:flex-end;gap:12px}.time-display{flex:0 1 auto}.header-actions{position:static;transform:none;width:100%;justify-content:center;margin-top:4px;order:2}.brand-title{font-size:18px}.logo-icon{font-size:32px}}@media (max-width: 768px){.app-header{height:64px}.header-content{padding:0 20px;flex-wrap:wrap;gap:10px}.header-left{gap:24px;flex:1 1 auto;justify-content:flex-start}.header-actions{width:100%;order:2;justify-content:center}.header-center{order:3;width:100%;justify-content:center;gap:10px}.header-right{order:4;width:100%;justify-content:flex-end;gap:8px;flex-wrap:wrap}.header-right>*{flex-shrink:1;min-width:0}.brand-title{font-size:16px}.brand-subtitle{font-size:10px}.logo-icon{font-size:28px}.logo-glow{width:40px;height:40px}.nav-link{padding:8px 12px;font-size:13px}.nav-icon{font-size:14px}.time-value{font-size:18px}.time-display{padding:10px 14px}}@media (max-width: 640px){.app-header{height:52px}.header-content{padding:0 12px;flex-direction:row;gap:10px;justify-content:space-between;align-items:center}.header-left{flex:1;min-width:0;justify-content:flex-start;order:1}.header-center{flex:1;justify-content:center;margin:0;order:2}.header-right{flex:1;justify-content:flex-end;min-width:0;order:3}.brand-text{max-width:none;flex:1;min-width:0}.brand-title{font-size:14px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.brand-subtitle{font-size:8px;letter-spacing:.5px;opacity:.7}.logo{gap:8px}.logo-icon{font-size:24px}.logo-glow{width:30px;height:30px}.nav-links{display:none}.header-actions{width:100%;justify-content:center;order:2;margin-top:4px}.time-display{padding:8px 12px;min-width:0;max-width:none;min-height:44px}.time-display-clickable{min-height:48px}.time-line-1{gap:6px;margin-bottom:0;flex-wrap:nowrap;align-items:center}.time-value{font-size:14px;letter-spacing:.5px;white-space:nowrap}.time-zone{font-size:9px}.time-indicator{font-size:9px;gap:3px;margin-left:6px;white-space:nowrap}.indicator-dot{width:5px;height:5px}.date-line-2{display:none}.header-right{margin-top:0}}@media (max-width: 480px){.app-header{height:50px}.header-content{padding:0 10px;gap:8px}.header-left,.header-center,.header-right{flex:1;min-width:0}.brand-text{max-width:none;flex:1;min-width:0}.brand-title{font-size:13px;max-width:none}.brand-subtitle{font-size:7px;max-width:90px}.logo{gap:6px}.logo-icon{font-size:20px}.logo-glow{width:26px;height:26px}.time-display{padding:7px 10px;min-width:0;max-width:none;min-height:44px}.time-display-clickable{min-height:46px}.time-line-1{gap:5px;justify-content:center}.time-value{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-zone{font-size:8px}.time-indicator{font-size:7px;margin-left:3px;white-space:nowrap}.indicator-dot{width:4px;height:4px}.header-center,.header-right{gap:6px}}@media (max-width: 380px){.app-header{height:48px}.header-content{padding:0 8px;gap:7px}.header-left,.header-center,.header-right{flex:1;min-width:0}.brand-title{font-size:12px}.brand-subtitle{display:none}.logo-icon{font-size:18px}.logo{gap:5px}.time-display{padding:6px 8px;min-width:0;max-width:none}.time-value{font-size:13px}.time-zone{font-size:7px}.time-indicator span:not(.indicator-dot){font-size:7px}}@media (max-width: 360px){.app-header{height:46px}.header-content{padding:0 7px;gap:6px}.header-left,.header-center,.header-right{flex:1;min-width:0}.time-display{padding:5px 7px;min-width:0;max-width:none}.time-value{font-size:12px}}.sidebar-toggle{position:fixed;top:30px;right:25px;width:48px;height:48px;background:var(--accent-gradient);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;font-size:20px;font-weight:700;cursor:pointer;z-index:1001;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md),var(--shadow-glow),0 0 20px #6366f14d;display:flex;align-items:center;justify-content:center;overflow:hidden}.sidebar-toggle:before{content:"";position:absolute;inset:-3px;border-radius:calc(var(--radius-md) + 3px);background:linear-gradient(135deg,#8b5cf699,#6366f14d);opacity:0;z-index:-1;transition:opacity .3s ease;animation:togglePulse 3s ease-in-out infinite}@keyframes togglePulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}.sidebar-toggle-icon{transition:transform .4s cubic-bezier(.4,0,.2,1)}.sidebar-toggle:hover{transform:scale(1.1) translateY(-2px);box-shadow:var(--shadow-lg),0 0 40px #6366f199,0 0 60px #8b5cf666;border-color:#ffffff80}.sidebar-toggle:hover:before{opacity:1}.sidebar-toggle:active{transform:scale(.95)}.sidebar-toggle.open{right:330px;background:linear-gradient(135deg,#ef4444cc,#dc2626cc);box-shadow:var(--shadow-md),0 0 25px #ef444480}.sidebar-toggle.open:before{background:linear-gradient(135deg,#ef444466,#dc262633)}.sidebar-toggle.open .sidebar-toggle-icon{transform:rotate(180deg)}.sidebar-backdrop{display:none}.sidebar{position:fixed;top:70px;right:-330px;width:310px;height:calc(100vh - 70px);background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-left:1px solid var(--glass-border);padding:12px;transition:right .5s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;z-index:999;overflow-y:auto;box-shadow:var(--shadow-lg);scrollbar-width:thin;scrollbar-color:var(--accent-primary) rgba(255,255,255,.1)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.sidebar::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.sidebar.open{right:0;box-shadow:-8px 0 40px #00000080,0 0 60px #6366f126}.sidebar.open .sidebar-content{animation:sidebarContentSlideIn .4s ease-out .1s both}@keyframes sidebarContentSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.sidebar-content{display:flex;flex-direction:column;gap:10px}.sidebar-title{color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid var(--divider);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.3px}.control-section{background:#ffffff0a;border-radius:var(--radius-lg);padding:10px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-normal);position:relative;overflow:hidden}.control-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient);opacity:0;transition:var(--transition-normal)}.control-section:hover{background:#ffffff0f;border-color:var(--border-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.control-section:hover:before{opacity:1}.control-section h3{color:var(--accent-primary);font-size:11px;font-weight:700;margin:0 0 8px;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:5px;position:relative;z-index:1}.ground-map-launch{width:100%;margin:6px 0 4px;padding:9px 12px;border-radius:var(--radius-md);border:1px solid rgba(56,189,248,.5);background:#38bdf81f;color:var(--text-primary);font-weight:600;font-size:13px;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:6px}.ground-map-launch:hover{background:#38bdf840;border-color:#38bdf8e6;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ground-map-launch:active{transform:translateY(0);box-shadow:none}.control-group{margin-bottom:10px}.control-group:last-child{margin-bottom:0}.control-label{display:block;color:var(--text-secondary);font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.control-select{width:100%;padding:8px 34px 8px 12px;background:#0006;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition-normal);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:14px}.control-select:hover{border-color:var(--border-hover);background-color:#00000080;transform:translateY(-1px)}.control-select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6366f11a;background-color:#0009}.help-text{display:block;margin-top:6px;padding:6px 10px;background:#6366f11a;border-left:2px solid var(--accent-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:10px;line-height:1.4;opacity:.9}.control-input{width:100%;padding:8px 12px;background:#0006;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-weight:500;transition:var(--transition-normal)}.control-input:hover{border-color:var(--border-hover);background-color:#00000080}.control-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6366f11a;background-color:#0009}.control-checkbox{display:flex;align-items:center;gap:10px;padding:8px 6px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-normal);margin-bottom:6px;border:1px solid transparent}.control-checkbox:hover{color:var(--text-primary);background:#6366f114;border-color:#6366f133;transform:translate(4px)}.control-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary);border-radius:var(--radius-sm);transition:var(--transition-normal)}.control-checkbox input[type=checkbox]:hover{transform:scale(1.1)}.control-checkbox input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.control-checkbox:has(input[type=checkbox]:disabled){opacity:.5;cursor:not-allowed}.control-checkbox:has(input[type=checkbox]:disabled):hover{background:transparent;border-color:transparent;transform:none}.control-checkbox span{font-size:14px;font-weight:500;letter-spacing:.2px;flex:1}.slider-container{display:flex;align-items:center;gap:8px;padding:4px 0;margin:4px 0;min-height:24px}.control-slider{flex:1;height:3px;background:#6366f133;border-radius:2px;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;transition:var(--transition-fast);position:relative}.control-slider:hover{background:#6366f14d}.control-slider::-webkit-slider-track{height:3px;background:#6366f133;border-radius:2px;border:none}.control-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;background:var(--accent-gradient);border-radius:50%;cursor:pointer;transition:var(--transition-fast);box-shadow:0 1px 4px #6366f199;border:1px solid rgba(255,255,255,.3);position:relative}.control-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px #6366f1;border-color:#ffffff80}.control-slider::-webkit-slider-thumb:active{transform:scale(1.1);box-shadow:0 1px 6px #6366f1cc}.control-slider::-moz-range-track{height:3px;background:#6366f133;border-radius:2px;border:none}.control-slider::-moz-range-thumb{width:12px;height:12px;background:var(--accent-gradient);border-radius:50%;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:var(--transition-fast);box-shadow:0 1px 4px #6366f199}.control-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px #6366f1;border-color:#ffffff80}.slider-value{color:var(--accent-primary);font-weight:700;font-size:12px;min-width:32px;text-align:center;background:#6366f114;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid rgba(99,102,241,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition-fast);line-height:1.2}.slider-value:hover{background:#6366f11f;border-color:#6366f166;transform:scale(1.05)}.slider-hint{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:var(--text-muted);font-weight:500;letter-spacing:.3px;text-transform:uppercase;opacity:.6}.control-hint{margin-top:8px;padding:6px 10px;background:#6366f114;border-left:2px solid rgba(99,102,241,.4);border-radius:3px;font-size:10px;line-height:1.4;color:var(--text-muted);opacity:.85}.control-hint small{display:block;color:#ffffffb3;font-size:10px}.action-button{width:100%;padding:10px 14px;margin-bottom:8px;background:#6366f126;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent-gradient);transition:var(--transition-normal);opacity:.2}.action-button:hover:before{left:0}.action-button:hover{background:#6366f140;border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)}.action-button:active{transform:translateY(0)}.action-button:last-child{margin-bottom:0}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-track{background:#0003;border-radius:var(--radius-sm);margin:8px 0}.sidebar::-webkit-scrollbar-thumb{background:var(--accent-gradient);border-radius:var(--radius-sm);transition:var(--transition-normal)}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8b5cf6,#6366f1)}@media (max-width: 768px){.sidebar-backdrop{display:block;position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{width:100%;right:-100%;top:60px;height:calc(100vh - 60px);padding:20px;-webkit-overflow-scrolling:touch}.sidebar.open{right:0;box-shadow:-4px 0 20px #00000080}.sidebar-toggle{right:16px;top:75px;width:44px;height:44px;z-index:1002}.sidebar-toggle.open{right:16px}.sidebar-title{font-size:20px;margin-bottom:12px;padding-bottom:12px}.control-section{padding:16px}.control-select,.control-input,.action-button{min-height:44px;font-size:16px}.toggle-switch{width:56px;height:32px}.toggle-switch:before{width:26px;height:26px}.action-button{padding:14px 20px;font-size:15px}.sidebar::-webkit-scrollbar{width:4px}}@media (max-width: 640px){.sidebar{top:55px;height:calc(100vh - 55px);padding:16px 16px 60px}.sidebar-toggle{top:70px;right:12px}.sidebar-title{font-size:18px}.control-section{padding:14px;margin-bottom:12px}.control-section h3{font-size:13px;margin-bottom:12px}.control-label{font-size:11px}}@media (max-width: 480px){.sidebar{top:50px;height:calc(100vh - 50px);padding:12px 12px 80px}.sidebar-toggle{top:65px;right:10px;width:40px;height:40px;font-size:18px}.sidebar-content{gap:16px;padding-bottom:60px}.sidebar-title{font-size:16px;margin-bottom:10px;padding-bottom:10px}.control-section{padding:12px}.control-section h3{font-size:12px;margin-bottom:10px}.action-button{padding:12px 16px;font-size:14px}}@media (max-height: 500px) and (orientation: landscape){.sidebar{top:45px;height:calc(100vh - 45px)}.sidebar-toggle{top:55px}.sidebar-content{gap:12px}.control-section{padding:10px}.control-section h3{margin-bottom:8px}}@media (hover: none) and (pointer: coarse){.control-section:hover,.action-button:hover,.sidebar-toggle:hover{transform:none}.action-button:active{transform:scale(.97);opacity:.9}.sidebar-toggle:active{transform:scale(.95)}.control-select:active,.control-input:active{background:#ffffff1f}}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar-toggle{transition:none}.control-section:hover{transform:none}}.time-controls{margin-bottom:20px}.time-controls h4{margin:0 0 15px;color:#ddb;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.time-display-section{background:#ffffff0d;border-radius:6px;padding:10px;margin-bottom:15px;border:1px solid rgba(255,255,255,.1)}.current-time-display{font-family:Courier New,monospace;font-size:13px;color:#fff;margin-bottom:5px}.julian-date{font-size:11px;color:#ccc;font-family:Courier New,monospace}.control-group{margin-bottom:12px}.control-label{display:block;font-size:12px;color:#ddb;margin-bottom:5px;font-weight:500;text-align:left;width:100%}.control-input,.control-select{width:100%;padding:8px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:13px;transition:all .2s ease}.control-input:focus,.control-select:focus{outline:none;border-color:#ddb;background:#ffffff26;box-shadow:0 0 0 2px #ddb3}.control-select{cursor:pointer}.control-select option{background:#2a2a2a;color:#fff}.playback-controls{background:#ffffff08;border-radius:6px;padding:12px;margin-bottom:15px;border:1px solid rgba(255,255,255,.1)}.play-controls{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.play-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:16px}.play-button:hover{background:#fff3;border-color:#ffffff4d}.play-button.playing{background:#2e7d324d;border-color:#4caf5080;color:#81c784}.play-button.reverse{background:#ff98004d;border-color:#ffc10780;color:#ffcc02}.control-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.control-button:hover{background:#fff3;border-color:#ffffff4d}.control-button.active{background:#2196f34d;border-color:#64b5f680;color:#64b5f6}.play-status{font-size:13px;color:#ccc;font-weight:500;margin-left:8px}.speed-control{display:flex;flex-direction:column;gap:5px}.speed-select{width:100%}.auto-advance-section{background:#ffeb3b1a;border-radius:6px;padding:10px;margin-bottom:15px;border:1px solid rgba(255,235,59,.3)}.control-checkbox{margin-right:8px;transform:scale(1.1)}.next-event-display{font-size:11px;color:#ffeb3b;font-family:Courier New,monospace;margin-top:3px}.time-navigation{background:#ffffff08;border-radius:6px;padding:8px;margin-bottom:12px;border:1px solid rgba(255,255,255,.1)}.nav-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:4px}.nav-button-group{display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:4px;padding:4px}.nav-button-column{display:flex;flex-direction:column;align-items:center;gap:2px}.nav-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:3px;width:24px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:10px}.nav-button.compact{width:20px;height:18px;font-size:9px}.nav-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.nav-button:active{transform:translateY(0)}.interval-label{font-size:10px;color:#ccc;text-align:center;min-width:40px;font-weight:500}.interval-label.compact{font-size:8px;min-width:16px;margin:1px 0}.date-hint{display:block;font-size:10px;color:#888;margin-top:2px;font-style:italic;margin-bottom:15px}.preset-categories{display:flex;flex-direction:column;gap:12px}.preset-category{background:#ffffff08;border-radius:4px;padding:8px;border:1px solid rgba(255,255,255,.1)}.category-title{margin:0 0 6px;font-size:12px;color:#ddb;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.keyboard-shortcuts{background:#ffffff08;border-radius:6px;padding:12px;border:1px solid rgba(255,255,255,.1)}.shortcuts-toggle{cursor:pointer;font-size:12px;color:#ddb;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.shortcuts-toggle:hover{color:#fff}.shortcuts-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;color:#ccc}.shortcut-group div{margin-bottom:2px;font-family:Courier New,monospace}.myanmar-date-button{width:100%;padding:10px 15px;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;box-shadow:0 2px 4px #4a90e24d}.myanmar-date-button:hover{background:linear-gradient(135deg,#357abd,#2a5f99);transform:translateY(-1px);box-shadow:0 4px 8px #4a90e266}.myanmar-date-button:active{transform:translateY(0);box-shadow:0 2px 4px #4a90e24d}@media (max-width: 768px){.nav-buttons-grid{grid-template-columns:repeat(3,1fr);gap:6px}.nav-button-group{padding:8px 4px;flex-direction:row;gap:4px}.nav-button-column{flex-direction:row;gap:4px}.nav-button.compact{width:32px;height:32px;font-size:12px}.nav-button{width:36px;height:36px;font-size:14px}.interval-label.compact{font-size:10px;min-width:auto}.interval-label{font-size:11px;min-width:auto}.date-hint{font-size:9px!important}.play-controls{justify-content:center;gap:12px}.play-button{width:48px;height:48px;font-size:20px}.control-button{width:40px;height:40px;font-size:16px}.time-display-section{padding:8px}.current-time-display{font-size:12px}.preset-categories{gap:8px}.preset-category{padding:6px}.shortcuts-list{grid-template-columns:1fr;gap:8px}}.advanced-date-entry{background:linear-gradient(135deg,#8b5cf626,#6366f126);border:2px solid rgba(139,92,246,.3);border-radius:12px;padding:16px;margin:16px 0;box-shadow:0 4px 12px #8b5cf633;transition:all .3s cubic-bezier(.4,0,.2,1)}.advanced-date-entry:hover{border-color:#8b5cf680;box-shadow:0 6px 16px #8b5cf64d;transform:translateY(-2px)}.advanced-date-entry .control-label{display:block;font-size:13px;font-weight:700;color:#e0c3fc;margin-bottom:14px;text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(135deg,#a78bfa,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;width:100%}.modern-date-picker{display:flex;flex-direction:column;gap:12px}.datetime-picker-input{width:100%;padding:12px 16px;background:#1e1b4b99;border:2px solid rgba(139,92,246,.4);border-radius:10px;color:#e0c3fc;font-size:15px;font-weight:500;font-family:Segoe UI,system-ui,sans-serif;transition:all .3s ease;cursor:pointer}.datetime-picker-input:hover{border-color:#8b5cf699;background:#1e1b4bcc}.datetime-picker-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633,0 0 20px #8b5cf64d;background:#1e1b4be6}.datetime-picker-input::-webkit-calendar-picker-indicator{filter:invert(.7) sepia(1) saturate(5) hue-rotate(230deg);cursor:pointer;opacity:.8;transition:opacity .3s}.datetime-picker-input::-webkit-calendar-picker-indicator:hover{opacity:1}.era-toggle-row{display:flex;gap:10px;justify-content:center}.era-toggle-btn{flex:1;padding:10px 20px;background:#ffffff14;border:2px solid rgba(139,92,246,.3);border-radius:8px;color:#c4b5fd;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.era-toggle-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#8b5cf64d;transform:translate(-50%,-50%);transition:width .5s,height .5s}.era-toggle-btn:hover:before{width:300px;height:300px}.era-toggle-btn:hover{border-color:#8b5cf699;transform:translateY(-2px)}.era-toggle-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#a78bfa;color:#fff;box-shadow:0 4px 16px #8b5cf680,inset 0 1px #fff3;transform:translateY(-1px)}.era-toggle-btn.active:after{content:"";position:absolute;inset:0;border-radius:8px;padding:2px;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.apply-date-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:2px solid rgba(167,139,250,.4);border-radius:10px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;box-shadow:0 4px 12px #8b5cf64d}.apply-date-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.apply-date-button:hover:before{width:400px;height:400px}.apply-date-button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #8b5cf680;border-color:#a78bfacc}.apply-date-button:active{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.button-icon{font-size:18px;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.8}}.date-action-buttons{display:flex;gap:10px;width:100%}.date-action-buttons button{flex:1;padding:12px 16px;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden}.current-time-button{background:linear-gradient(135deg,#10b981,#059669);border:2px solid rgba(16,185,129,.4);box-shadow:0 4px 12px #10b9814d}.current-time-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180;border-color:#10b981cc}.current-time-button:active{transform:translateY(0);box-shadow:0 2px 8px #10b98166}.apply-date-button{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:2px solid rgba(167,139,250,.4);box-shadow:0 4px 12px #8b5cf64d}.apply-date-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680;border-color:#a78bfacc}.apply-date-button:active{transform:translateY(0);box-shadow:0 2px 8px #8b5cf666}.advanced-date-entry .date-hint{display:block;text-align:center;color:#c4b5fd;font-size:11px;font-style:italic;margin-top:8px;opacity:.9;width:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.4}@media (max-width: 768px){.date-input-grid{grid-template-columns:1fr 1fr;gap:8px}.era-selector{grid-column:1 / -1;flex-direction:row;justify-content:center}.date-field.year-field{grid-column:1 / -1}}@media (max-width: 480px){.date-input-grid{grid-template-columns:1fr}.date-field{grid-column:1 / -1}}.mm-converter{background:#0a0c19e6;border-radius:12px;padding:1px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 25px #00000059;margin-top:12px;font-family:Pyidaungsu,Myanmar3,Inter,sans-serif}.mm-converter h3{margin:0 0 4px;font-size:1rem;color:#ffcc00f2}.mm-converter-subtitle{margin:0 0 12px;font-size:.85rem;color:#ffffffa6}.mm-converter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.mm-card{background:#ffffff05;border-radius:10px;padding:1px;border:1px solid rgba(255,255,255,.08)}.mm-card header h4{margin:0;font-size:1rem;color:#fffffff2}.mm-card header p{margin:4px 0 12px;font-size:.8rem;color:#ffffff8c}.mm-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.mm-field label{font-size:.85rem;color:#ffffffbf}.mm-field input,.mm-field select{background:#0f1423f2;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:5px 8px;color:#fff;font-size:.9rem}.mm-field select option{background:#0f1423;color:#fff}.mm-inline-fields{display:flex;gap:10px}.mm-inline-fields .mm-field{flex:1}.mm-error{background:#ff63471f;color:#ff7961;border:1px solid rgba(255,99,71,.4);border-radius:8px;padding:8px;font-size:.85rem;margin-bottom:10px}.mm-result{margin-top:8px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px;display:flex;flex-direction:column;gap:6px}.mm-result-header{margin-top:12px;padding-top:8px;border-top:1px dashed rgba(255,204,0,.3)}.mm-result-header:first-child{margin-top:0;padding-top:0;border-top:none}.mm-result-header h5{margin:0 0 8px;font-size:.9rem;color:#ffcc00e6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mm-result-row{display:flex;justify-content:space-between;gap:8px;font-size:.85rem;padding:4px 0}.mm-result-row span{color:#ffffffa6;flex-shrink:0}.mm-result-row strong{color:#fff;text-align:right}.mm-result-row.mm-highlight{background:#ffcc0014;border-left:3px solid rgba(255,204,0,.6);padding:6px 8px;margin:2px -4px;border-radius:4px}.mm-result-row.mm-highlight strong{color:#ffcc00f2}.mm-festival{background:linear-gradient(135deg,#ff8c0026,#ff450026);border:1px solid rgba(255,140,0,.4);border-radius:8px;padding:10px;margin-top:8px;text-align:center}.mm-festival div:first-child{font-size:.9rem;font-weight:600;color:#ffd700f2;margin-bottom:4px}.mm-festival-burmese{font-size:1rem;color:#ffffffe6;font-weight:500}@media (max-width: 600px){.mm-inline-fields{flex-direction:column}}.hindu-calendar-converter{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#fff8e1,#ffe0b2);border-radius:8px;padding:12px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:100%;margin:0}.converter-header{text-align:center;margin-bottom:12px;border-bottom:2px solid #ff6f00;padding-bottom:8px}.converter-header h3{margin:0 0 4px;color:#ff6f00;font-size:1.1em;font-weight:700}.converter-header p{margin:0;color:#666;font-size:.75em;line-height:1.3;color:#e65100;font-size:.95em}.converter-header p .converter-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.converter-header p .date-input-group,.converter-header p .era-selector,.converter-header p .language-selector{display:flex;flex-direction:column;gap:4px}.converter-header p .date-input-group label,.converter-header p .era-selector label,.converter-header p .language-selector label{font-weight:600;color:#e65100;font-size:.8em}.input-with-button{display:flex;gap:8px}.date-input{flex:1;padding:7px 10px;border:2px solid #ffb74d;border-radius:6px;font-size:.85em;background:#fff;color:#333;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.date-input:hover{border-color:#ff9800;box-shadow:0 2px 6px #ff980026}.date-input:focus{outline:none;border-color:#ff6f00;box-shadow:0 0 0 3px #ff6f0026,0 2px 8px #ff6f0033;transform:translateY(-1px)}.today-button{padding:7px 14px;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:none;border-radius:6px;font-weight:700;font-size:.8em;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 6px #ff98004d;text-shadow:0 1px 2px rgba(0,0,0,.2)}.today-button:hover{background:linear-gradient(135deg,#f57c00,#ff6f00);transform:translateY(-2px);box-shadow:0 4px 12px #ff6f0066}.today-button:active{transform:translateY(0);box-shadow:0 1px 3px #ff6f004d}.era-selector{display:flex;flex-direction:column;gap:6px}.era-selector label{font-weight:600;color:#e65100;font-size:.8em;margin-bottom:2px}.era-buttons{display:flex;gap:6px;background:linear-gradient(135deg,#fafafa,#f5f5f5);padding:6px;border-radius:25px;border:2px solid #ffe0b2;box-shadow:inset 0 2px 4px #0000000d}.era-buttons button{flex:1;min-width:0;padding:8px 10px;background:transparent;border:none;border-radius:20px;color:#666;font-weight:600;font-size:.7em;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;letter-spacing:.3px}.era-buttons button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:20px;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);z-index:-1}.era-buttons button:hover{color:#ff6f00;transform:translateY(-1px) scale(1.02)}.era-buttons button:hover:before{opacity:.15}.era-buttons button.active{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;font-weight:700;box-shadow:0 3px 12px #ff6f0066,inset 0 1px 2px #ffffff4d;transform:translateY(-2px) scale(1.05);text-shadow:0 1px 2px rgba(0,0,0,.2)}.era-buttons button.active:before{opacity:1}.era-buttons button:active{transform:translateY(0) scale(.98)}.language-selector{display:flex;flex-direction:column;gap:4px}.language-selector label{font-weight:600;color:#e65100;font-size:.8em}.language-selector select{padding:7px 10px;border:2px solid #ffb74d;border-radius:8px;font-size:.85em;background:#fff;color:#333;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;font-weight:600}.language-selector select:hover{border-color:#ff9800;box-shadow:0 2px 6px #ff980026}.language-selector select:focus{outline:none;border-color:#ff6f00;box-shadow:0 0 0 3px #ff6f0026}.language-selector select:focus{outline:none;border-color:#ff6f00;box-shadow:0 0 0 3px #ff6f001a}.converter-loading{text-align:center;padding:20px 10px;color:#666}.converter-loading .spinner{font-size:2em;margin-bottom:8px;animation:spin 2s linear infinite}.converter-loading p{font-size:.8em;margin:0}@keyframes spin{from {transform: rotate(0deg);} .converter-result {background: rgba(255,255,255,.8); border-radius: 6px; padding: 10px; box-shadow: 0 1px 4px rgba(0,0,0,.08);} .hindu-date-display {display: flex; flex-direction: column; gap: 10px;} .hindu-date-main {text-align: center; padding: 14px 12px; background: linear-gradient(135deg,rgba(255,224,178,.95) 0%,rgba(255,204,128,.95) 100%); border-radius: 10px; border: 2px solid rgba(255,152,0,.6); box-shadow: 0 4px 12px rgba(255,152,0,.2),inset 0 1px 2px rgba(255,255,255,.5); backdrop-filter: blur(10px); position: relative; overflow: hidden;} .hindu-date-main::before {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);} padding: 24px; background: linear-gradient(135deg,#ffe0b2 0%,#ffcc80 100%); border-radius: 10px; border: 3px solid #ff9800; box-shadow: 0 4px 8px rgba(0,0,0,.1);}.date-era-badge{display:inline-block;font-size:.75em;color:#fff;background:linear-gradient(135deg,#d84315,#bf360c);font-weight:700;padding:4px 14px;border-radius:20px;letter-spacing:.8px;margin-bottom:10px;box-shadow:0 2px 8px #d8431566;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2)}.date-year-large{font-size:2.4em;font-weight:900;background:linear-gradient(135deg,#ff6f00,#f57c00,#e65100);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;text-shadow:0 2px 4px rgba(255,111,0,.2);line-height:1;letter-spacing:-1px;filter:drop-shadow(0 2px 4px rgba(255,111,0,.2))}.date-month-name{font-size:1.1em;color:#333;font-weight:600;margin-bottom:4px}.date-paksha-tithi{font-size:.85em;color:#666;font-weight:500;margin-bottom:1px}.date-tithi-name{font-size:.95em;color:#333;font-weight:600}.panchanga-summary{padding:12px;background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:8px;border:1px solid #ffe0b2;box-shadow:0 2px 6px #00000014}.panchanga-summary h4{margin:0 0 10px;color:#ff6f00;font-size:.95em;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.panchanga-summary h4:before{content:"🕉️";font-size:1.1em}.panchanga-item{display:flex;justify-content:space-between;padding:6px 8px;margin-bottom:4px;background:#fff;border-radius:4px;border-bottom:1px solid #ffe0b2;gap:8px}.panchanga-item .label{font-weight:600;color:#666;font-size:.8em;white-space:nowrap}.panchanga-item .value{border:2px solid #ff6f00;border-radius:20px;color:#ff6f00;font-weight:600;font-size:.9em;box-shadow:0 2px 4px #0000001a}.panchanga-item .value .special-days-info{padding:10px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:6px;border:1px solid #ff9800}.panchanga-item .value .special-days-info h4{margin:0 0 6px;color:#e65100;font-size:.9em}.panchanga-item .value .special-days-list{display:flex;flex-wrap:wrap;gap:4px}.panchanga-item .value .special-day-badge{display:inline-block;padding:5px 12px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800;border-radius:16px;color:#e65100;font-weight:700;font-size:.7em;box-shadow:0 2px 6px #ff980033;transition:all .3s ease}.panchanga-item .value .special-day-badge:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 10px #ff980059;background:linear-gradient(135deg,#ffe0b2,#ffcc80)}.calendar-systems{padding:12px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:8px;border:1px solid #90caf9;box-shadow:0 2px 6px #2196f326}.calendar-systems h4{margin:0 0 10px;color:#1565c0;font-size:.9em;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.calendar-systems h4:before{content:"📅";font-size:1.1em}.calendar-system-item{display:flex;justify-content:space-between;padding:6px 8px;margin-bottom:4px;background:#fff;border-radius:4px;border-bottom:1px solid #bbdefb;gap:8px}.calendar-system-item .label{font-weight:600;color:#666;font-size:.8em;white-space:nowrap}.calendar-system-item .value{color:#1976d2;font-weight:700;flex-direction:column;gap:4px;align-items:flex-start}.calendar-system-item .value .converter-placeholder{text-align:center;padding:40px 10px;color:#999;font-style:italic;font-size:.85em}@media (max-width: 600px){.calendar-system-item .value .hindu-calendar-converter{padding:10px}.calendar-system-item .value .era-buttons{flex-direction:column}.calendar-system-item .value .era-buttons button{width:100%;min-width:0}.calendar-system-item .value .input-with-button{flex-direction:column}.calendar-system-item .value .date-year-large{font-size:1.8em}.calendar-system-item .value .panchanga-item{flex-direction:column;gap:2px;align-items:flex-start}.calendar-system-item .value .panchanga-item .value{text-align:left}}} @media print{.hindu-calendar-converter{background:#fff;box-shadow:none}.converter-controls{display:none}}.starmap-container{width:100%;height:100vh;margin-top:0;position:fixed;top:0;left:0;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);overflow:hidden;z-index:1}.celestial-map{width:100%;height:100%;position:absolute;inset:0;background:transparent;will-change:transform;contain:layout style;isolation:isolate}.celestial-map.orthographic{width:90%;height:90%;max-width:90vh;max-height:90vh;aspect-ratio:1 / 1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background:transparent}.celestial-map.orthographic.equatorial,.celestial-map.orthographic.horizontal{width:90%;height:90%;max-width:90vh;max-height:90vh;aspect-ratio:1 / 1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.celestial-map.equatorial:not(.orthographic){width:100%;height:100%;position:absolute;inset:0}#celestial-map{width:100%!important;height:100%!important;min-height:100%!important;display:flex;align-items:center;justify-content:center;position:relative;background:transparent;will-change:contents;contain:layout style paint;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#celestial-map svg{max-width:100%;max-height:100%;width:auto!important;height:auto!important;display:block;margin:0 auto;background:transparent!important;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}#celestial-map svg rect[fill],#celestial-map svg rect.background,#celestial-map svg .background{fill:transparent!important;opacity:0!important}.celestial-map.orthographic #celestial-map svg,.celestial-map.orthographic.equatorial #celestial-map svg,.celestial-map.orthographic.horizontal #celestial-map svg{max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;aspect-ratio:1 / 1!important;object-fit:contain!important;display:block;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#celestial-map canvas{width:100%!important;height:100%!important;min-height:100%!important;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px;touch-action:pan-x pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:transform,opacity;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:subpixel-antialiased;pointer-events:auto}.celestial-map.orthographic #celestial-map canvas,.celestial-map.orthographic.equatorial #celestial-map canvas,.celestial-map.orthographic.horizontal #celestial-map canvas{max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;aspect-ratio:1 / 1!important;object-fit:contain!important;display:block;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;backface-visibility:hidden;-webkit-backface-visibility:hidden}.loading-overlay,.error-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:100000}.loading-spinner{width:60px;height:60px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-text{color:#fff;font-size:24px;font-weight:600;margin-bottom:10px}.loading-subtext{color:#aaa;font-size:14px}.error-overlay{background:#ff00001a;padding:40px;border-radius:15px;border:2px solid rgba(255,0,0,.3)}.error-icon{font-size:48px;margin-bottom:15px}.error-text{color:#ff6b6b;font-size:20px;font-weight:600;margin-bottom:8px}.error-subtext{color:#ff8787;font-size:14px}.projection-loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:100000;background:#000c;padding:30px;border-radius:15px;border:2px solid rgba(102,126,234,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.horizons-progress-overlay{position:fixed;bottom:20px;right:20px;padding:8px 12px;z-index:100000;min-width:160px;max-width:70vw;animation:slideInUp .3s ease-out;pointer-events:none}.center-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;z-index:1000000;pointer-events:none}.center-crosshair .crosshair-vertical,.center-crosshair .crosshair-horizontal{position:absolute;background:#ff5050e6}.center-crosshair .crosshair-vertical{width:2px;height:28px;top:-14px;left:-1px;border-radius:1px}.center-crosshair .crosshair-horizontal{height:2px;width:28px;left:-14px;top:-1px;border-radius:1px}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.progress-container{display:flex;flex-direction:column;align-items:center;gap:4px}.progress-icon{font-size:18px;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-text{color:#fff;font-size:11px;font-weight:600;text-align:center}.progress-planet{color:#8b5cf6;font-size:10px;font-weight:500;text-transform:capitalize;min-height:14px;text-align:center}.progress-bar{width:100%;height:5px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:2px;transition:width .3s ease;box-shadow:0 0 6px #8b5cf64d}.progress-numbers{color:#aaa;font-size:9px;font-family:Courier New,monospace}.progress-note{color:#888;font-size:9px;font-style:italic;text-align:center;margin-top:2px;max-width:150px}#celestial-map .celestial-date{display:none!important}#celestial-map svg{width:100%;height:100%;touch-action:none}@media (max-width: 768px){.starmap-container{height:100vh;height:100dvh;margin-top:0;position:fixed;inset:0}.celestial-map{width:100%!important;height:100%!important;position:absolute;inset:0;touch-action:pan-x pan-y pinch-zoom}.celestial-map.orthographic,.celestial-map.orthographic.equatorial,.celestial-map.orthographic.horizontal{width:min(100vw,calc(100vh - 60px))!important;height:min(100vw,calc(100vh - 60px))!important;max-width:calc(100vh - 60px)!important;max-height:calc(100vh - 60px)!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin-top:30px!important}#celestial-map{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}#celestial-map svg,#celestial-map canvas{max-width:min(100vw,calc(100vh - 60px))!important;max-height:min(100vw,calc(100vh - 60px))!important;width:auto!important;height:auto!important;display:block!important;margin:auto!important;object-fit:contain!important}.loading-text{font-size:20px}.loading-subtext{font-size:12px}.loading-spinner{width:50px;height:50px}.horizons-progress-overlay{bottom:10px;right:10px;left:10px;padding:6px 10px;min-width:auto}.progress-icon{font-size:16px}.progress-text{font-size:10px}.progress-planet{font-size:9px}}@media (max-width: 640px){.starmap-container{height:100vh;height:100dvh;margin-top:0;top:0}.celestial-map,#celestial-map{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.celestial-map.orthographic,.celestial-map.orthographic.equatorial,.celestial-map.orthographic.horizontal{width:min(100vw,calc(100vh - 50px))!important;height:min(100vw,calc(100vh - 50px))!important;max-width:calc(100vh - 50px)!important;max-height:calc(100vh - 50px)!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin-top:25px!important}#celestial-map svg,#celestial-map canvas{max-width:min(100vw,calc(100vh - 50px))!important;max-height:min(100vw,calc(100vh - 50px))!important;width:auto!important;height:auto!important;display:block!important;margin:auto!important;object-fit:contain!important}.loading-text{font-size:18px}.error-text{font-size:16px}.error-overlay,.loading-overlay{max-width:90%;padding:20px}}@media (max-width: 480px){.starmap-container{height:100vh;height:100dvh;margin-top:0;top:0}.celestial-map,#celestial-map{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.celestial-map.orthographic,.celestial-map.orthographic.equatorial,.celestial-map.orthographic.horizontal{width:min(100vw,calc(100vh - 48px))!important;height:min(100vw,calc(100vh - 48px))!important;max-width:calc(100vh - 48px)!important;max-height:calc(100vh - 48px)!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin-top:24px!important}#celestial-map svg,#celestial-map canvas{max-width:min(100vw,calc(100vh - 48px))!important;max-height:min(100vw,calc(100vh - 48px))!important;width:auto!important;height:auto!important;display:block!important;margin:auto!important;object-fit:contain!important}.loading-spinner{width:40px;height:40px}.loading-text{font-size:16px}.loading-subtext{font-size:11px}.error-icon{font-size:36px}.error-text{font-size:14px}.error-subtext{font-size:12px}.horizons-progress-overlay{bottom:10px;right:10px;left:10px;padding:6px 10px;min-width:auto;max-width:calc(100vw - 20px)}.progress-icon{font-size:16px}.progress-text{font-size:10px}.progress-planet{font-size:9px}.progress-numbers{font-size:10px}.progress-note{font-size:10px;max-width:100%}}@media (max-width: 380px){.starmap-container{height:100vh;height:100dvh;margin-top:0;top:0}.celestial-map.orthographic,.celestial-map.orthographic.equatorial,.celestial-map.orthographic.horizontal{width:min(100vw,calc(100vh - 44px))!important;height:min(100vw,calc(100vh - 44px))!important;max-width:calc(100vh - 44px)!important;max-height:calc(100vh - 44px)!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin-top:22px!important}#celestial-map svg,#celestial-map canvas{max-width:min(100vw,calc(100vh - 44px))!important;max-height:min(100vw,calc(100vh - 44px))!important;margin:auto!important}}@media (max-height: 500px) and (orientation: landscape){.starmap-container{height:100vh;height:100dvh;margin-top:0;top:0}.celestial-map,#celestial-map{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}#celestial-map svg,#celestial-map canvas{max-width:100vw!important;max-height:calc(100vh - 45px)!important;width:auto!important;height:auto!important;display:block!important;object-fit:contain!important}.loading-overlay,.error-overlay{transform:translate(-50%,-50%) scale(.85)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){#celestial-map svg{shape-rendering:geometricPrecision}}@media (prefers-color-scheme: dark){.starmap-container{background:radial-gradient(ellipse at bottom,#1b2735,#090a0f)}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none;opacity:.7}}.floating-datetime-btn{position:absolute;bottom:80px;right:20px;background:#007bffe6;color:#fff;border:none;border-radius:50px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:1000;display:flex;align-items:center;gap:6px}.floating-datetime-btn:hover{background:#007bff;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.floating-datetime-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000004d}.floating-datetime-btn:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media (max-width: 768px){.floating-datetime-btn{bottom:75px;right:15px;padding:10px 14px;font-size:13px}}.object-info-overlay{position:fixed;bottom:0;left:0;right:0;z-index:2000;pointer-events:none;opacity:0;transition:opacity .3s ease}.object-info-overlay.visible{opacity:1;pointer-events:all}.object-info-panel{background:linear-gradient(145deg,#1e1e30fa,#252540fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #00000080,0 0 0 1px #8b5cf64d;padding:24px;max-height:70vh;overflow-y:auto;transform:translateY(100%);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.object-info-panel.slide-in{transform:translateY(0)}.info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(139,92,246,.3)}.info-title{flex:1}.info-type{display:inline-block;font-size:14px;color:#8b5cf6;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.info-name{font-size:24px;font-weight:700;color:#fff;margin:0;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-close{width:36px;height:36px;border-radius:50%;border:none;background:#ff3b3026;color:#ff6b6b;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:16px}.info-close:hover{background:#ff3b3040;transform:scale(1.1)}.info-close:active{transform:scale(.95)}.info-content{display:flex;flex-direction:column;gap:16px}.info-section{background:#ffffff0a;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.1)}.info-section h4{color:#8b5cf6;font-size:14px;font-weight:700;margin:0 0 12px;text-transform:uppercase;letter-spacing:1.2px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-value{color:#fff;font-size:14px;font-weight:600;text-align:right}.info-value.coordinates{font-family:Courier New,monospace;font-size:12px}.info-myanmar-name{font-size:20px;color:gold;font-weight:600;text-align:center;padding:12px;background:#ffd7001a;border-radius:8px}.info-description{color:#ccc;font-size:14px;line-height:1.6;margin:0}.info-footer{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.info-button{flex:1;padding:14px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #8b5cf666}.info-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf699}.info-button:active{transform:translateY(0)}.object-info-panel::-webkit-scrollbar{width:6px}.object-info-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.object-info-panel::-webkit-scrollbar-thumb{background:#8b5cf699;border-radius:3px}.object-info-panel::-webkit-scrollbar-thumb:hover{background:#8b5cf6cc}@media (max-width: 768px){.object-info-panel{padding:20px;max-height:80vh}.info-name{font-size:20px}.info-close{width:32px;height:32px;font-size:18px}}@media (max-width: 480px){.object-info-panel{padding:16px;border-radius:16px 16px 0 0}.info-header{margin-bottom:16px;padding-bottom:12px}.info-name{font-size:18px}.info-type{font-size:12px}.info-section{padding:12px}.info-section h4,.info-label,.info-value{font-size:12px}}@media (hover: none) and (pointer: coarse){.object-info-panel{-webkit-overflow-scrolling:touch}.info-button:hover{transform:none}.info-button:active{transform:scale(.98);opacity:.9}.info-close:hover{transform:none}.info-close:active{transform:scale(.95)}}@media (prefers-reduced-motion: reduce){.object-info-panel,.object-info-overlay{transition:none}.info-button:hover,.info-close:hover{transform:none}}.action-buttons{position:fixed;top:90px;right:24px;z-index:1500;display:flex;flex-direction:column;gap:12px;animation:actionButtonsSlideIn .5s ease-out}@keyframes actionButtonsSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.action-buttons .action-btn:nth-child(1){animation-delay:.05s}.action-buttons .action-btn:nth-child(2){animation-delay:.1s}.action-buttons .action-btn:nth-child(3){animation-delay:.15s}.action-buttons .action-btn:nth-child(4){animation-delay:.2s}.action-buttons .action-btn:nth-child(5){animation-delay:.25s}.action-buttons .action-btn:nth-child(6){animation-delay:.3s}.action-buttons .action-btn:nth-child(7){animation-delay:.35s}.action-buttons .action-btn:nth-child(8){animation-delay:.4s}.action-btn{width:48px;height:48px;border-radius:12px;border:none;background:#1e1e304d;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d,0 0 0 1px #8b5cf633;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;animation:buttonFadeIn .4s ease-out both}@keyframes buttonFadeIn{0%{opacity:0;transform:scale(.8) translate(10px)}to{opacity:1;transform:scale(1) translate(0)}}.action-btn:before{content:"";position:absolute;inset:-2px;border-radius:14px;background:linear-gradient(135deg,#8b5cf666,#6366f133);opacity:0;z-index:-1;transition:opacity .3s ease,transform .3s ease}.action-btn:hover{background:#8b5cf659;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 24px #8b5cf666,0 0 0 1px #8b5cf680,0 0 30px #8b5cf640}.action-btn:hover:before{opacity:1;transform:scale(1.1)}.action-btn:active{transform:scale(.95)}.action-btn.active{background:#ff6b3559;box-shadow:0 4px 16px #ff6b3566,0 0 0 2px #ff6b3580,0 0 20px #ff6b354d}.action-btn.active:before{background:linear-gradient(135deg,#ff6b3566,#f9731633);opacity:.7}.action-btn.active:hover{background:#ff6b3573;box-shadow:0 8px 24px #ff6b3580,0 0 0 2px #ff6b3599,0 0 30px #ff6b3559}.action-btn svg{width:22px;height:22px;transition:transform .3s ease}.action-btn:hover svg{transform:scale(1.1)}.preset-container{position:relative}.preset-main-btn{min-width:56px;padding:6px 8px;border-radius:10px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.preset-lon-text{color:#fff}.preset-menu{position:absolute;right:64px;top:0;display:flex;flex-direction:column;gap:8px;padding:6px;z-index:1600}.preset-option{width:40px;height:40px;border-radius:8px;background:#14141e99;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.preset-option:hover{background:#6366f166}.screenshot-btn:hover{background:#10b98159;box-shadow:0 8px 24px #10b98166,0 0 30px #10b98140}.screenshot-btn:hover:before{background:linear-gradient(135deg,#10b98166,#34d39933)}.fullscreen-btn:hover{background:#f59e0b59;box-shadow:0 8px 24px #f59e0b66,0 0 30px #f59e0b40}.fullscreen-btn:hover:before{background:linear-gradient(135deg,#f59e0b66,#fbbf2433)}.zoom-in-btn:hover{background:#06b6d459;box-shadow:0 8px 24px #06b6d466,0 0 30px #06b6d440}.zoom-in-btn:hover:before{background:linear-gradient(135deg,#06b6d466,#22d3ee33)}.zoom-out-btn:hover{background:#8b5cf659;box-shadow:0 8px 24px #8b5cf666,0 0 30px #8b5cf640}.nav-btn:hover{background:#6366f159;box-shadow:0 8px 24px #6366f166,0 0 30px #6366f140}.rest-position-btn:hover{background:#f9731659;box-shadow:0 8px 24px #f9731666,0 0 30px #f9731640}.earth-overlay-btn:hover{background:#22c55e59;box-shadow:0 8px 24px #22c55e66,0 0 30px #22c55e40}.earth-overlay-btn.active{background:#22c55e80;box-shadow:0 6px 20px #22c55e99,0 0 0 2px #22c55ecc,0 0 30px #22c55e66}.star-names-btn:hover{background:#fbbf2459;box-shadow:0 8px 24px #fbbf2466,0 0 30px #fbbf2440}.star-names-btn.active{background:#fbbf2480;box-shadow:0 6px 20px #fbbf2499,0 0 0 2px #fbbf24cc,0 0 30px #fbbf2466}.action-notification{position:fixed;top:100px;right:90px;background:#1e1e30fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;padding:12px 20px;border-radius:10px;box-shadow:0 4px 16px #0006,0 0 0 1px #8b5cf64d;font-size:14px;font-weight:600;z-index:2000;opacity:0;transform:translate(20px);transition:all .3s ease;pointer-events:none}.action-notification.show{opacity:1;transform:translate(0)}@media (max-width: 768px){.action-buttons{top:75px;right:16px;gap:10px}.action-btn{width:44px;height:44px}.action-btn svg{width:20px;height:20px}.action-notification{top:85px;right:75px;padding:10px 16px;font-size:13px}}@media (max-width: 640px){.action-buttons{top:70px;right:12px;gap:8px}.action-btn{width:40px;height:40px;border-radius:10px}.action-btn svg{width:18px;height:18px}.action-notification{top:80px;right:65px;padding:8px 14px;font-size:12px}}@media (max-width: 480px){.action-buttons{top:65px;right:10px}.action-btn{width:38px;height:38px}.action-notification{top:75px;right:60px}}@media (max-height: 500px) and (orientation: landscape){.action-buttons{top:55px;right:12px;flex-direction:row;gap:8px}.action-btn{width:36px;height:36px}.action-notification{top:60px;right:auto;left:50%;transform:translate(-50%)}.action-notification.show{transform:translate(-50%) translateY(0)}}@media (hover: none) and (pointer: coarse){.action-btn:hover{transform:none;background:transparent;box-shadow:0 4px 12px #0000004d,0 0 0 1px #8b5cf633}.action-btn:active{transform:scale(.95);background:#8b5cf64d}.screenshot-btn:active{background:#10b9814d}.fullscreen-btn:active{background:#f59e0b4d}.zoom-in-btn:active{background:#06b6d44d}.zoom-out-btn:active{background:#8b5cf64d}.nav-btn:active{background:#6366f14d}.rest-position-btn:active{background:#f973164d}}@media (prefers-reduced-motion: reduce){.action-btn,.action-notification{transition:none}.action-btn:hover{transform:none}}.sidebar.open~.action-buttons{right:380px}@media (max-width: 768px){.sidebar.open~.action-buttons{opacity:.3;pointer-events:none}}.info-panel{position:fixed;bottom:20px;left:20px;width:350px;max-height:500px;background:linear-gradient(135deg,#1a1a2efa,#16213efa);border:2px solid rgba(102,126,234,.4);border-radius:15px;box-shadow:0 10px 40px #000000b3;z-index:1000;overflow:hidden;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.info-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#667eea1a;border-bottom:2px solid rgba(102,126,234,.3)}.info-title{color:#fff;font-size:20px;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-close{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s}.info-close:hover{background:#ff64644d;transform:rotate(90deg)}.info-content{padding:20px;max-height:420px;overflow-y:auto}.info-section{margin-bottom:20px}.info-section:last-child{margin-bottom:0}.info-section h3{color:#667eea;font-size:14px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-row:last-child{border-bottom:none}.info-label{color:#aaa;font-size:13px;font-weight:500}.info-value{color:#fff;font-size:13px;font-weight:600;text-align:right}.info-description{color:#ddd;font-size:14px;line-height:1.6;margin:0}.info-content::-webkit-scrollbar{width:6px}.info-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.info-content::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.info-content::-webkit-scrollbar-thumb:hover{background:#667eeacc}@media (max-width: 768px){.info-panel{left:10px;right:10px;width:auto;max-width:none}}.location-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.location-panel{width:540px;max-width:90%;max-height:85vh;background:var(--glass-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 60px #000c;overflow:hidden;animation:slideInScale .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideInScale{0%{transform:scale(.85) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.location-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:#6366f11f;border-bottom:1px solid var(--divider)}.location-title{color:var(--text-primary);font-size:22px;font-weight:800;margin:0;letter-spacing:.3px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.location-close{background:#ffffff1a;border:none;color:var(--text-primary);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal)}.location-close:hover{background:#ef444433;color:var(--error);transform:scale(1.1) rotate(90deg)}.location-content{padding:28px;max-height:calc(85vh - 100px);overflow-y:auto}.location-section{margin-bottom:28px}.location-section:last-child{margin-bottom:0}.location-section h3{color:var(--accent-primary);font-size:13px;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:1.2px}.use-location-btn{width:100%;padding:16px 20px;background:var(--accent-gradient);border:none;border-radius:var(--radius-md);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-md);letter-spacing:.3px;position:relative;overflow:hidden}.use-location-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.use-location-btn:hover:before{width:300px;height:300px}.use-location-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.use-location-btn:active{transform:translateY(-1px)}.coordinate-input-group{display:flex;gap:16px;margin-bottom:18px}.coordinate-input{flex:1;display:flex;flex-direction:column}.coordinate-input label{color:var(--text-tertiary);font-size:12px;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.coordinate-input input{background:#0006;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;color:var(--text-primary);font-size:14px;font-weight:500;transition:var(--transition-normal)}.coordinate-input input:hover{border-color:var(--border-hover);background:#00000080}.coordinate-input input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126;background:#0009}.input-hint{font-size:11px;color:var(--text-muted);margin-top:6px;font-weight:500}.set-location-btn{width:100%;padding:14px;background:#6366f133;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition-normal)}.set-location-btn:hover{background:#6366f14d;border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.set-location-btn:active{transform:translateY(0)}.city-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.city-button{background:#0006;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;cursor:pointer;transition:var(--transition-normal);text-align:left;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.city-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent-gradient);opacity:.1;transition:var(--transition-normal)}.city-button:hover:before{left:0}.city-button:hover{background:#6366f133;border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-md)}.city-name{color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:.2px}.city-coords{color:var(--text-tertiary);font-size:11px;font-weight:500}.location-content::-webkit-scrollbar{width:8px}.location-content::-webkit-scrollbar-track{background:#0003;border-radius:var(--radius-sm);margin:8px 0}.location-content::-webkit-scrollbar-thumb{background:var(--accent-gradient);border-radius:var(--radius-sm)}.location-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8b5cf6,#6366f1)}@media (max-width: 640px){.location-panel{width:95%}.city-grid{grid-template-columns:1fr}.coordinate-input-group{flex-direction:column}}.location-content::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.location-content::-webkit-scrollbar-thumb:hover{background:#667eeacc}@media (max-width: 600px){.coordinate-input-group{flex-direction:column}.city-grid{grid-template-columns:1fr}}.ground-map-overlay{position:fixed;inset:0;background:#000000a6;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px}.ground-map-panel{width:min(960px,100%);max-height:100vh;overflow-y:auto;background:#0a0e1ceb;border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 70px #0006;padding:24px;color:#f3f4f6}.ground-map-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.ground-map-header h2{margin:0;font-size:24px}.ground-map-subtitle{margin:4px 0 0;color:#9ca3af;font-size:14px}.ground-map-close{border:none;background:transparent;color:#f3f4f6;font-size:22px;cursor:pointer}.ground-map-shell{position:relative;margin:18px 0;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:#0f172aa6;min-height:320px;overflow:hidden}.ground-map-shell[data-daylight=true]:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 15%,rgba(250,204,21,.22),transparent 65%);pointer-events:none}.ground-map-leaflet{width:100%;height:100%;min-height:320px}.ground-map-shell .leaflet-container{width:100%;height:100%;background:#0b1221;font-family:inherit}.ground-map-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0e1cd9;color:#bfdbfe;font-weight:600;z-index:2}.ground-map-daylight-hint{position:absolute;bottom:10px;right:12px;font-size:12px;background:#facc15d9;color:#1f2937;padding:4px 8px;border-radius:999px;font-weight:600}.ground-map-status{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);padding:10px 14px;border-radius:10px;font-size:13px;color:#bfdbfe}.ground-map-actions{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.ground-map-current{border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.ground-map-label{font-size:12px;text-transform:uppercase;color:#9ca3af}.ground-map-value{font-size:16px;font-weight:600}.ground-map-current button,.ground-map-action,.ground-map-sync{border:1px solid rgba(59,130,246,.65);background:#3b82f626;color:#dbeafe;border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}.ground-map-current button:disabled{opacity:.4;cursor:not-allowed}.ground-map-action:hover,.ground-map-sync:hover,.ground-map-current button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 20px #3b82f640}.ground-map-form{margin-top:22px}.ground-map-form form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.ground-map-form label{display:flex;flex-direction:column;font-size:13px;gap:6px}.ground-map-form input{border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#0f172acc;padding:10px 12px;color:#f3f4f6}.ground-map-form input:focus{outline:none;border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f626}.ground-map-sync{grid-column:1 / -1}.ground-map-suggestions{margin-top:22px}.ground-map-suggestion-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.ground-map-suggestion{border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0f172ae6;padding:12px;text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.ground-map-suggestion:hover{border-color:#3b82f6cc;transform:translateY(-2px)}.ground-map-suggestion-name{display:block;font-weight:600}.ground-map-suggestion-coords{font-size:12px;color:#9ca3af}@media (max-width: 720px){.ground-map-panel{padding:18px}.ground-map-form form{grid-template-columns:1fr}}.about-container{position:fixed;inset:0;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);z-index:1000;overflow-y:auto;padding:20px}.about-content{max-width:800px;margin:0 auto;background:#ffffff0d;border-radius:12px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.about-header{text-align:center;margin-bottom:40px;position:relative}.about-close{position:absolute;top:0;right:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.about-close:hover{background:#fff3;transform:scale(1.1)}.about-title{color:#fff;font-size:2.5rem;font-weight:300;margin:0 0 10px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.about-subtitle{color:#a0a0ff;font-size:1.1rem;font-style:italic;margin:0}.about-slideshow{margin:30px 0;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.slideshow-container{position:relative;width:100%;height:400px;background:#00000080}.slideshow-images{position:relative;width:100%;height:100%}.slideshow-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center}.slideshow-slide.active{opacity:1}.slideshow-image{max-width:100%;max-height:320px;object-fit:contain;border-radius:8px;box-shadow:0 4px 16px #0000004d}.slideshow-caption{margin-top:15px;color:#fff;font-size:1rem;text-align:center;background:#000000b3;padding:10px 20px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-style:italic;position:relative;z-index:5}.birthday-date-link{background:linear-gradient(135deg,#e6b3cc33,#8b5cf626);border:1px solid rgba(230,179,204,.3);color:#e6b3cc;padding:2px 8px;border-radius:12px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-block;margin:0 2px;position:relative;z-index:15;pointer-events:auto}.birthday-date-link:hover{background:linear-gradient(135deg,#e6b3cc4d,#8b5cf640);border-color:#e6b3cc80;color:#fff;transform:scale(1.05);box-shadow:0 2px 8px #e6b3cc4d}.birthday-date-link:active{transform:scale(.98)}.slideshow-nav{position:absolute;top:60%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;font-size:24px;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.slideshow-nav:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.slideshow-prev{left:20px}.slideshow-next{right:20px}.slideshow-dots{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.slideshow-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease}.slideshow-dot.active{background:#fff;border-color:#fff}.slideshow-dot:hover{border-color:#fffc}.slideshow-pause-indicator{position:absolute;top:20px;right:20px;background:#000c;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeInOut 2s ease-in-out infinite;z-index:15}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.about-section{margin-bottom:30px}.about-section h2{color:#fff;font-size:1.5rem;font-weight:400;margin:0 0 15px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:8px}.about-section p{color:#e0e0e0;line-height:1.6;margin:0 0 15px}.about-section ul{color:#e0e0e0;margin:0;padding-left:20px}.about-section li{margin-bottom:8px;line-height:1.5}.tribute-section{background:linear-gradient(135deg,#8a2be21a,#1e90ff1a);border-radius:8px;padding:25px;border:1px solid rgba(138,43,226,.3)}.tribute-section h2{color:plum;text-align:center;border-bottom:none;margin-bottom:20px}.tribute-content{text-align:center}.tribute-text{color:#f0e6ff;font-size:1rem;line-height:1.7;margin-bottom:16px;font-style:italic}.tribute-signature{color:#fff;font-size:1.1rem;font-weight:500;margin-top:20px;text-align:center}.about-footer{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.about-footer p{color:#a0a0a0;font-size:.9rem;margin:0}@media (max-width: 768px){.about-container{padding:10px}.about-content{padding:20px}.about-title{font-size:2rem}.about-subtitle{font-size:1rem}.slideshow-container{height:300px}.slideshow-image{max-height:250px}.slideshow-caption{font-size:.9rem;padding:8px 16px}.slideshow-nav{width:40px;height:40px;font-size:20px}.slideshow-prev{left:10px}.slideshow-next{right:10px}}.user-guide-link{text-align:center;margin:30px 0;padding:20px;background:#4a9eff1a;border-radius:8px;border:1px solid rgba(74,158,255,.3)}.guide-button{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#4a9eff,#357abd);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.guide-button:hover{background:linear-gradient(135deg,#357abd,#2a5f94);transform:translateY(-2px);box-shadow:0 6px 12px #0003}.guide-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}@media (max-width: 480px){.about-title{font-size:1.8rem}.slideshow-container{height:250px}.slideshow-image{max-height:200px}.slideshow-caption{font-size:.8rem;padding:6px 12px}.slideshow-nav{width:35px;height:35px;font-size:18px}.guide-button{font-size:.9rem;padding:10px 20px}}.notification{position:fixed;top:90px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:16px 22px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 30px #0000004d;z-index:10000;min-width:320px;max-width:500px;animation:slideDown .4s cubic-bezier(.68,-.55,.265,1.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@keyframes slideDown{0%{transform:translate(-50%) translateY(-120%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.notification-success{background:linear-gradient(135deg,#10b981f2,#059669f2);border:2px solid var(--success);box-shadow:var(--shadow-lg),0 0 30px #10b98166}.notification-error{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border:2px solid var(--error);box-shadow:var(--shadow-lg),0 0 30px #ef444466}.notification-info{background:linear-gradient(135deg,#6366f1f2,#8b5cf6f2);border:2px solid var(--accent-primary);box-shadow:var(--shadow-lg),var(--shadow-glow)}.notification-warning{background:linear-gradient(135deg,#f59e0bf2,#d97706f2);border:2px solid var(--warning);box-shadow:var(--shadow-lg),0 0 30px #f59e0b66}.notification-icon{font-size:26px;font-weight:700;color:#fff;animation:iconBounce .6s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.notification-message{flex:1;color:#fff;font-size:15px;font-weight:600;letter-spacing:.2px;line-height:1.4}.notification-close{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:var(--transition-normal);flex-shrink:0}.notification-close:hover{background:#ffffff4d;transform:scale(1.1) rotate(90deg)}.notification-close:active{transform:scale(.9)}.horizons-status{position:fixed;bottom:20px;right:20px;z-index:100000;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.horizons-status-indicator{display:none;align-items:center;gap:8px;background:#141b3df2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.3);border-radius:24px;padding:8px 16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.horizons-status-indicator:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666;border-color:#8b5cf680}.status-dot{width:12px;height:12px;border-radius:50%;position:relative;box-shadow:0 0 8px currentColor;animation:pulse 2s ease-in-out infinite}.status-pulse{position:absolute;inset:-4px;border-radius:50%;background:inherit;opacity:.4;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.status-label{font-size:12px;font-weight:600;color:#e2e8f0;text-transform:uppercase;letter-spacing:.5px}.status-icon{font-size:16px}.horizons-status-panel{position:absolute;bottom:60px;right:0;width:380px;background:linear-gradient(145deg,#1e1e30,#252540);border:2px solid rgba(139,92,246,.3);border-radius:16px;box-shadow:0 20px 60px #0009;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#8b5cf61a;border-bottom:1px solid rgba(139,92,246,.2)}.status-panel-header h3{margin:0;font-size:16px;font-weight:700;color:#f0f0f0}.status-close-btn{background:none;border:none;color:#9ca3af;font-size:28px;line-height:1;cursor:pointer;transition:color .2s;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.status-close-btn:hover{color:#f0f0f0}.status-panel-body{padding:20px;max-height:500px;overflow-y:auto}.status-main{display:flex;align-items:center;gap:12px;margin-bottom:20px}.status-badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0003}.status-uptime{font-size:12px;color:#10b981;font-weight:600}.status-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.stat-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;text-align:center}.stat-label{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-value{font-size:20px;font-weight:700;color:#f0f0f0}.stat-value.success{color:#10b981}.stat-value.error{color:#ef4444}.stat-value.warning{color:#f59e0b}.status-info{background:#ffffff08;border-radius:8px;padding:12px;margin-bottom:16px}.info-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.info-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.info-label{color:#9ca3af;font-weight:500}.info-value{color:#f0f0f0;font-weight:600}.status-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;margin-bottom:16px}.error-title{font-size:12px;font-weight:700;color:#fca5a5;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.error-message{font-size:12px;color:#fecaca;line-height:1.5;font-family:Monaco,Courier New,monospace;margin-bottom:8px}.error-help{font-size:12px;color:#fef3c7;line-height:1.6;background:#fbbf241a;border-left:3px solid #fbbf24;padding:10px;margin-top:10px;border-radius:4px}.error-help strong{color:#fcd34d;display:block;margin-bottom:4px}.status-actions{display:flex;gap:8px;margin-bottom:16px}.status-btn{flex:1;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px}.refresh-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.refresh-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.info-btn{background:#ffffff1a;color:#e2e8f0;border:1px solid rgba(255,255,255,.2)}.info-btn:hover{background:#ffffff26;border-color:#ffffff4d}.status-help{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:12px;font-size:12px;color:#cbd5e1;line-height:1.6}.status-help p{margin:0 0 8px}.status-help p:last-child{margin-bottom:0}.status-help strong{color:#93c5fd;font-weight:600}@media (max-width: 768px){.horizons-status{bottom:80px;right:12px}.horizons-status-panel{width:calc(100vw - 24px);max-width:380px}}@media (max-width: 480px){.horizons-status{bottom:70px;right:8px}.horizons-status-indicator{padding:6px 12px}.status-label{font-size:11px}.horizons-status-panel{bottom:50px}.status-panel-body{padding:16px}.status-stats{grid-template-columns:1fr}.status-actions{flex-direction:column}}.status-panel-body::-webkit-scrollbar{width:6px}.status-panel-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.status-panel-body::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:3px}.status-panel-body::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.planet-tooltip-overlay{position:fixed;z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s ease}.planet-tooltip-overlay.visible{opacity:1;pointer-events:auto}.planet-tooltip-panel{background:#0f172afa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(99,102,241,.4);border-radius:12px;padding:16px;min-width:280px;max-width:400px;box-shadow:0 10px 40px #00000080,0 0 20px #6366f14d;transform:translateY(10px) scale(.95);transition:all .3s ease;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.planet-tooltip-overlay.visible .planet-tooltip-panel{transform:translateY(0) scale(1)}.tooltip-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.tooltip-title{display:flex;flex-direction:column;gap:2px}.tooltip-type{font-size:12px;color:#8b5cf6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tooltip-name{font-size:18px;font-weight:700;color:#fff;margin:0;background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tooltip-close{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;pointer-events:auto}.tooltip-close:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.1)}.tooltip-content{display:flex;flex-direction:column;gap:12px}.tooltip-section{background:#ffffff05;border-radius:8px;padding:10px;border:1px solid rgba(255,255,255,.05)}.tooltip-section h4{font-size:14px;font-weight:600;color:#e2e8f0;margin:0 0 8px;display:flex;align-items:center;gap:6px}.tooltip-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.03)}.tooltip-row:last-child{border-bottom:none}.tooltip-label{font-size:12px;color:#94a3b8;font-weight:500;min-width:80px}.tooltip-value{font-size:12px;color:#fff;font-weight:600;text-align:right;font-family:Courier New,monospace;flex:1}@media (max-width: 768px){.planet-tooltip-panel{min-width:250px;max-width:90vw;padding:12px}.tooltip-name{font-size:16px}.tooltip-section h4{font-size:13px}.tooltip-label,.tooltip-value{font-size:11px}}@media (max-width: 480px){.planet-tooltip-panel{min-width:220px;padding:10px}.tooltip-row{flex-direction:column;align-items:flex-start;gap:2px}.tooltip-value{text-align:left}}.astro-time-panel{background:linear-gradient(135deg,#141428f2,#1e1e32f2);border:1px solid rgba(100,100,255,.2);border-radius:12px;padding:16px;margin:12px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d;transition:all .3s ease}.astro-time-panel:hover{border-color:#6464ff66;box-shadow:0 6px 20px #6464ff26;transform:translateY(-1px)}.time-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:12px}.time-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;transition:all .2s ease;cursor:default}.time-item:hover{background:#ffffff0d;border-color:#6496ff4d;transform:scale(1.02)}.time-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#96b4ffcc;font-family:Courier New,monospace}.time-value{font-size:13px;font-weight:600;color:#fffffff2;font-family:Courier New,monospace;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#6464ff14;border-radius:6px;border:1px solid rgba(100,100,255,.15)}.info-icon{font-size:14px;opacity:.7;cursor:help}.info-text{font-size:11px;font-weight:600;color:#c8c8ffcc;letter-spacing:.5px}@media (max-width: 768px){.time-grid{grid-template-columns:repeat(2,1fr);gap:8px}.astro-time-panel{padding:12px;margin:8px 0}.time-item{padding:8px 10px}.time-label{font-size:9px}.time-value{font-size:12px}}@media (max-width: 480px){.time-grid{grid-template-columns:1fr}.time-value{font-size:11px}}.lunar-data-panel{background:linear-gradient(135deg,#1e1e32f2,#141e3cf2);border:1px solid rgba(150,150,255,.2);border-radius:12px;padding:16px;margin:12px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d;transition:all .3s ease}.lunar-data-panel:hover{border-color:#9696ff66;box-shadow:0 6px 20px #6464ff26;transform:translateY(-1px)}.lunar-loading{display:flex;align-items:center;gap:12px;padding:20px;justify-content:center;color:#c8c8ffcc;font-size:13px}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.1);border-top-color:#9696ffcc;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lunar-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.lunar-phase-display{display:flex;align-items:center;gap:16px}.phase-emoji{font-size:42px;filter:drop-shadow(0 2px 8px rgba(255,255,255,.3))}.phase-info{flex:1}.phase-name{font-size:16px;font-weight:700;color:#fffffff2;margin-bottom:4px;letter-spacing:.5px}.phase-illumination{font-size:12px;font-weight:600;color:#c8c8ffb3;font-family:Courier New,monospace}.lunar-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:12px}.lunar-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;transition:all .2s ease;cursor:default}.lunar-item:hover{background:#ffffff0d;border-color:#96b4ff4d;transform:scale(1.02)}.lunar-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#b4c8ffb3}.lunar-value{font-size:14px;font-weight:700;color:#fffffff2;font-family:Courier New,monospace;letter-spacing:.5px}.lunar-value-small{font-size:12px;font-weight:600;color:#ffffffe6;font-family:Courier New,monospace;letter-spacing:.3px;line-height:1.4}.lunar-sublabel{font-size:9px;font-weight:600;color:#96c8ff99;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.lunar-footer{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#9696ff14;border-radius:6px;border:1px solid rgba(150,150,255,.15)}.footer-icon{font-size:14px;opacity:.8}.footer-text{font-size:11px;font-weight:600;color:#c8c8ffcc;letter-spacing:.5px}@media (max-width: 768px){.lunar-data-grid{grid-template-columns:repeat(2,1fr);gap:8px}.lunar-data-panel{padding:12px;margin:8px 0}.phase-emoji{font-size:36px}.phase-name{font-size:14px}.lunar-item{padding:8px 10px}}@media (max-width: 480px){.lunar-data-grid{grid-template-columns:1fr}.lunar-value{font-size:13px}.lunar-value-small{font-size:11px}}.planet-info-panel{position:fixed;background:linear-gradient(145deg,#1e1e30fa,#252540fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(139,92,246,.4);border-radius:12px;box-shadow:0 20px 60px #00000080,0 0 40px #8b5cf633;width:320px;max-height:80vh;overflow:hidden;z-index:9999;display:flex;flex-direction:column;transition:box-shadow .3s ease;font-family:Noto Sans,Arial,sans-serif}.planet-info-panel.dragging{box-shadow:0 30px 80px #000000b3,0 0 60px #8b5cf666;transition:none}.planet-info-panel.minimized{max-height:none;height:auto}.panel-header{background:linear-gradient(135deg,#8b5cf64d,#6366f14d);padding:10px 14px;border-bottom:1px solid rgba(139,92,246,.3);display:flex;align-items:center;justify-content:space-between;border-radius:10px 10px 0 0;-webkit-user-select:none;user-select:none}.panel-title{margin:0;font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:6px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.panel-buttons{display:flex;gap:8px;align-items:center}.panel-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:14px;font-weight:700;transition:all .2s ease;padding:0}.panel-button:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.panel-button.close-btn:hover{background:#ef4444cc;border-color:#ef4444}.panel-button.minimize-btn{font-size:16px;line-height:1}.panel-controls{padding:10px 14px;border-bottom:1px solid rgba(139,92,246,.2);background:#14142380}.tab-navigation{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.tab-btn{flex:1;min-width:70px;padding:6px 8px;font-size:11px;font-weight:600;color:#fff9;background:#ffffff0d;border:1px solid rgba(139,92,246,.3);border-radius:6px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.tab-btn:hover{background:#8b5cf633;color:#ffffffe6;border-color:#8b5cf680}.tab-btn.active{background:linear-gradient(135deg,#8b5cf699,#6366f199);color:#fff;border-color:#8b5cf6cc;box-shadow:0 2px 8px #8b5cf64d}.coordinate-system-toggle{display:flex;gap:6px;margin-bottom:8px}.coord-btn{flex:1;padding:6px 10px;background:#ffffff0d;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#ffffffb3;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Noto Sans,Arial,sans-serif}.coord-btn:hover{background:#8b5cf61a;border-color:#8b5cf680;color:#ffffffe6}.coord-btn.active{background:linear-gradient(135deg,#8b5cf666,#6366f166);border-color:#8b5cf699;color:#fff;box-shadow:0 4px 12px #8b5cf64d}.ayanamsa-info{text-align:center;font-size:11px;color:#fff9;padding:6px;background:#8b5cf61a;border-radius:4px;border:1px solid rgba(139,92,246,.2)}.panel-body{flex:1;overflow-y:auto;padding:10px 14px;max-height:calc(80vh - 200px)}.panel-body::-webkit-scrollbar{width:8px}.panel-body::-webkit-scrollbar-track{background:#14142380;border-radius:4px}.panel-body::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:4px}.panel-body::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.no-data{text-align:center;padding:20px 10px;color:#ffffff80;font-size:12px}.planet-card{background:#14142399;border:1px solid rgba(139,92,246,.2);border-radius:8px;padding:10px;margin-bottom:8px;transition:all .3s ease}.planet-card:hover{background:#141423cc;border-color:#8b5cf666;box-shadow:0 4px 16px #8b5cf633;transform:translate(4px)}.planet-card:last-child{margin-bottom:0}.planet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(139,92,246,.2);gap:8px}.planet-name{font-size:13px;font-weight:600;color:#fff;display:flex;align-items:center;gap:4px;flex:0 0 auto}.planet-zodiac{font-size:11px;font-weight:600;color:#fbbf24;background:#fbbf2426;padding:3px 6px;flex:1 1 auto;text-align:center}.planet-actions{display:flex;gap:4px;flex:0 0 auto}.planet-action-btn{background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-center:center;cursor:pointer;font-size:12px;transition:all .2s ease;padding:0}.planet-action-btn:hover{background:#8b5cf666;border-color:#8b5cf699;transform:scale(1.1)}.planet-action-btn:active{transform:scale(.95)}.planet-action-btn.locked{background:#22c55e4d;border-color:#22c55e99;box-shadow:0 0 10px #22c55e66;animation:pulse-locked 2s ease-in-out infinite}@keyframes pulse-locked{0%,to{box-shadow:0 0 10px #22c55e66}50%{box-shadow:0 0 20px #22c55e99}}border-radius: 4px; border: 1px solid rgba(251,191,36,.3); } .planet-details{display:flex;flex-direction:column;gap:4px}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:3px 0}.detail-label{color:#fff9;font-weight:500;min-width:35px}.detail-value{color:#fff;font-weight:600;font-family:Monaco,Menlo,monospace;background:#8b5cf61a;padding:2px 6px;border-radius:3px;border:1px solid rgba(139,92,246,.2);font-size:10px}.speed-value{display:flex;align-items:center;gap:4px}.speed-indicator{min-width:12px;text-align:center;font-weight:700;font-size:11px}.info-section{display:flex;flex-direction:column;gap:12px;padding:8px}.section-card{background:#ffffff08;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:10px}.section-title{margin:0 0 10px;font-size:12px;font-weight:600;color:#8b5cf6e6;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(139,92,246,.2);padding-bottom:6px}.quick-datetime-control{background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border-color:#8b5cf666}.datetime-control-row{display:flex;gap:6px;align-items:stretch}.datetime-input{flex:1;background:#141423cc;border:1px solid rgba(139,92,246,.3);border-radius:6px;padding:8px 10px;color:#fff;font-size:11px;font-family:Monaco,Menlo,monospace;transition:all .2s ease}.datetime-input:hover{border-color:#8b5cf680;background:#141423e6}.datetime-input:focus{outline:none;border-color:#8b5cf6b3;box-shadow:0 0 8px #8b5cf64d}.datetime-now-btn{background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(16,185,129,.4);border-radius:6px;padding:8px 14px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.datetime-now-btn:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#10b98199;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.datetime-now-btn:active{transform:translateY(0)}.datetime-hint{margin-top:8px;font-size:10px;color:#fff9;line-height:1.5;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.advanced-link-btn{background:transparent;border:none;color:#10b981;font-size:10px;font-weight:600;cursor:pointer;text-decoration:underline;padding:0 2px;transition:all .2s ease}.advanced-link-btn:hover{color:#34d399;text-decoration:none}.advanced-link-btn:active{transform:scale(.98)}@media (max-width: 768px){.planet-info-panel{width:calc(100vw - 40px);max-width:320px;max-height:70vh}.panel-body{max-height:calc(70vh - 200px)}.panel-header{padding:8px 12px}.panel-title{font-size:13px}.panel-button{width:22px;height:22px;font-size:13px}.panel-controls{padding:8px 12px}.coord-btn{padding:5px 8px;font-size:11px}.planet-card{padding:8px}.planet-name{font-size:12px}.planet-zodiac{font-size:10px;padding:2px 5px}.detail-row{font-size:10px}}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.planet-info-panel{animation:slideIn .3s cubic-bezier(.34,1.56,.64,1)}.reference-points-list{display:flex;flex-direction:column;gap:10px}.reference-card .planet-header{background:linear-gradient(135deg,#6366f126,#8b5cf626)}.reference-description{font-size:10px;color:#fff9;padding:6px 10px;font-style:italic;background:#6366f10d;border-left:2px solid rgba(99,102,241,.4);margin-bottom:8px}.reference-card .detail-value{background:#6366f11a;border-color:#6366f133}.zodiac-card .planet-header{background:linear-gradient(135deg,#fbbf2426,#f59e0b26)}.zodiac-card .reference-description{background:#fbbf240d;border-left-color:#fbbf2466}.zodiac-card .detail-value{background:#fbbf241a;border-color:#fbbf2433}.nakshatra-card .planet-header{background:linear-gradient(135deg,#a855f726,#9333ea26)}.nakshatra-card .reference-description{background:#a855f70d;border-left-color:#a855f766}.nakshatra-card .detail-value{background:#a855f71a;border-color:#a855f733}.app-footer{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent 0%,rgba(10,10,20,.4) 30%,rgba(10,10,20,.7) 100%);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border-top:1px solid rgba(99,102,241,.1);z-index:999;box-shadow:0 -4px 30px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;animation:footerSlideIn .6s ease-out}@keyframes footerSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-footer>*{pointer-events:auto}.app-footer:hover{background:linear-gradient(180deg,transparent 0%,rgba(10,10,20,.5) 20%,rgba(10,10,20,.85) 100%);box-shadow:0 -6px 40px #0006}.footer-content{max-width:1400px;margin:0 auto;padding:12px 20px;display:flex;flex-direction:column;gap:12px}.footer-controls{display:flex;align-items:center;gap:20px;justify-content:center;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:12px}.control-label{font-size:10px;font-weight:700;letter-spacing:1.2px;color:#fff6;text-transform:uppercase}.control-buttons{display:flex;align-items:center;gap:4px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:4px}.control-divider{width:1px;height:32px;background:linear-gradient(180deg,transparent 0%,rgba(99,102,241,.3) 50%,transparent 100%)}.ctrl-btn{background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px;color:var(--text-primary);padding:8px 12px;min-width:40px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:600;white-space:nowrap;gap:6px;position:relative;overflow:hidden}.ctrl-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#8b5cf64d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.ctrl-btn:hover:before{width:100%;height:100%}.ctrl-btn:hover{background:#6366f140;border-color:#6366f166;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.ctrl-btn:active{transform:translateY(0);box-shadow:0 2px 6px #6366f133}.ctrl-btn span{position:relative;z-index:1}.ctrl-year{font-size:13px;background:#8b5cf61f;border-color:#8b5cf640}.ctrl-year:hover{background:#8b5cf64d;border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf659}.ctrl-month{font-size:15px;background:#06b6d41f;border-color:#06b6d440}.ctrl-month:hover{background:#06b6d44d;border-color:#06b6d480;box-shadow:0 4px 12px #06b6d459}.ctrl-day{font-size:16px}.ctrl-hour{font-size:14px;background:#fb923c1f;border-color:#fb923c40}.ctrl-hour:hover{background:#fb923c4d;border-color:#fb923c80;box-shadow:0 4px 12px #fb923c59}.ctrl-min{font-size:13px;background:#ec48991f;border-color:#ec489940}.ctrl-min:hover{background:#ec48994d;border-color:#ec489980;box-shadow:0 4px 12px #ec489959}.ctrl-now{background:linear-gradient(135deg,#10b98140,#34d39940);border-color:#10b98180;min-width:70px;font-weight:700;position:relative;overflow:visible}.ctrl-now:before{content:"";position:absolute;inset:-2px;border-radius:10px;background:linear-gradient(135deg,#10b98166,#34d39933);opacity:0;z-index:-1;transition:opacity .3s ease;animation:nowPulseGlow 2s ease-in-out infinite}@keyframes nowPulseGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.ctrl-now:hover{background:linear-gradient(135deg,#10b98166,#34d39966);border-color:#10b981cc;box-shadow:0 4px 20px #10b98180,0 0 30px #10b9814d;transform:translateY(-3px)}.ctrl-now:hover:before{opacity:1}.now-icon{font-size:18px;animation:nowIconPulse 2s ease-in-out infinite}@keyframes nowIconPulse{0%,to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 4px rgba(16,185,129,.6))}50%{opacity:.8;transform:scale(.95);filter:drop-shadow(0 0 8px rgba(16,185,129,.9))}}.now-text{font-size:11px;letter-spacing:.8px;color:#10b981}.now-live-dot{width:6px;height:6px;background:#10b981;border-radius:50%;position:absolute;top:4px;right:4px;animation:liveDotPulse 1.5s ease-in-out infinite;box-shadow:0 0 8px #10b981cc}@keyframes liveDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.footer-info{display:flex;align-items:center;justify-content:space-between;padding:8px 0 0;border-top:1px solid rgba(99,102,241,.1)}.footer-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.footer-credit{display:flex;align-items:center;gap:8px;font-size:11px;color:#ffffff80}.footer-status{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.8px}.status-dot{width:8px;height:8px;border-radius:50%;background:#8b5cf6e6;box-shadow:0 0 10px #8b5cf699;animation:statusPulse 2s ease-in-out infinite}.status-dot--live{background:#34d399e6;box-shadow:0 0 10px #34d39999}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.85);opacity:.7}}.footer-credit span{color:#ffffff4d}.footer-credit strong{color:#ffffffb3;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-copyright{font-size:11px;color:#fff6;font-weight:500}@media (max-width: 1024px){.footer-controls{gap:12px}.control-buttons{gap:3px;padding:3px}.ctrl-btn{padding:6px 10px;min-width:36px;height:32px;font-size:13px}.ctrl-now{min-width:60px}}@media (max-width: 768px){.footer-content{padding:8px 12px;gap:6px}.footer-controls{gap:4px}.control-label{font-size:6px;letter-spacing:.3px}.control-divider{height:16px}.control-buttons{gap:1px;padding:1px}.ctrl-btn{padding:3px 5px;min-width:24px;height:20px;font-size:9px}.ctrl-now{min-width:40px}.now-icon{font-size:10px}.now-text{font-size:7px}.footer-info{flex-direction:column;gap:4px;font-size:8px}.footer-meta{justify-content:center;gap:8px}.footer-status{justify-content:center;font-size:7px}.footer-copyright{font-size:7px;text-align:center}}@media (max-width: 480px){.footer-content{padding:6px 8px;gap:6px}.footer-controls{gap:3px;flex-wrap:wrap;justify-content:center}.control-group{gap:2px}.control-label{font-size:5px;letter-spacing:.2px}.control-divider{height:14px;display:none}.control-buttons{gap:1px;padding:1px}.ctrl-btn{padding:2px 4px;min-width:20px;height:18px;font-size:8px}.ctrl-now{min-width:36px;padding:2px 6px}.now-icon{font-size:8px}.now-text{font-size:6px}.footer-info{font-size:7px;text-align:center;gap:4px}.footer-meta{justify-content:center;gap:6px;flex-wrap:wrap}.footer-credit{font-size:6px}.footer-status{justify-content:center;font-size:6px}.footer-copyright{font-size:6px}.status-dot{width:4px;height:4px}}.mobile-loading-overlay{position:fixed;inset:0;background:#0a0e27f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.mobile-loading-content{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:280px;text-align:center}.mobile-loading-spinner{width:48px;height:48px;position:relative}.mobile-loading-spinner-inner{width:100%;height:100%;border:3px solid rgba(99,102,241,.2);border-top:3px solid #6366f1;border-radius:50%;animation:mobile-spin 1s linear infinite}@keyframes mobile-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-loading-text{color:#fff;font-size:16px;font-weight:500;margin:0}.mobile-loading-progress{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.mobile-loading-progress-bar{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;transition:width .3s ease}@media (max-width: 480px){.mobile-loading-content{gap:12px}.mobile-loading-spinner{width:40px;height:40px}.mobile-loading-text{font-size:14px}}@media (prefers-reduced-motion: reduce){.mobile-loading-spinner-inner{animation:none;border-top:3px solid #6366f1;transform:rotate(45deg)}.mobile-loading-progress-bar{transition:none}}