/*!
 * FlipClock Moon Phase Tracker Styles
 * Stylesheet for /moon.
 * Copyright (c) 2026 FlipClock Labs
 * https://flipclock.online/moon
 * Version: 1.0.1
 */
:root{--primary-color:#4361ee;--secondary-color:#3f37c9;--shadow:0 4px 20px rgba(0,0,0,0.1);--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);--bg-color:#f5f5f5;--card-color:#ffffff;--accent-color:#6a5acd;--text-color:#333333;--secondary-text:#666666;--border-color:#e0e0e0;--shadow-color:rgba(0,0,0,0.1);--hover-shadow:rgba(106,90,205,0.2);--favorite-color:#ff6b6b;--danger-color:#ff4757;--love-color:#ff6b81}[data-theme="dark"]{--bg-color:#121212;--card-color:#1e1e1e;--accent-color:#7e57c2;--text-color:#e0e0e0;--secondary-text:#aaaaaa;--border-color:#333333;--shadow-color:rgba(0,0,0,0.3);--hover-shadow:rgba(126,87,194,0.3);--favorite-color:#ff8787;--danger-color:#ff6b81;--love-color:#ff8fab}*{margin:0;padding:0;box-sizing:border-box}body{background:#0f0f23;color:#e0e0e0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden}.stars{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.star{position:absolute;background:white;border-radius:50%;animation:twinkle var(--duration) infinite ease-in-out}@keyframes twinkle{0%,100%{opacity:0.3}50%{opacity:1}}.container{max-width:1200px;margin:0 auto;padding:20px}.container .header{text-align:center;margin-bottom:40px;padding:0 20px 20px}.title{font-size:3.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px;font-weight:300}.subtitle{font-size:1.2rem;color:#8892b0;font-weight:300}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}@media (max-width:768px){.main-content{grid-template-columns:1fr}}.moon-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease}@media (max-width:1024px){.moon-card{padding:20px}}.moon-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.3)}.current-phase{text-align:center}.moon-emoji{font-size:8rem;margin:20px auto;animation:float 6s ease-in-out infinite;transform-origin:center;transform:rotate(var(--hemisphere-rotate,0));max-width:200px}@keyframes float{0%,100%{transform:translateY(0px) rotate(var(--hemisphere-rotate,0))}50%{transform:translateY(-10px) rotate(var(--hemisphere-rotate,0))}}.phase-name{font-size:2rem;margin:10px 0;color:#64ffda}.illumination{font-size:1.5rem;margin:10px 0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.stat-item{background:rgba(255,255,255,0.05);padding:15px;border-radius:10px;text-align:center}.stat-value{font-size:1.3rem;font-weight:bold;color:#64ffda}.stat-label{font-size:0.9rem;color:#8892b0;margin-top:5px}.phase-progress{margin:20px 0}.progress-bar{width:100%;height:8px;background:rgba(255,255,255,0.1);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width 1s ease}.next-phases{margin-top:30px}.phase-timeline{margin-top:20px}.phase-event{display:flex;align-items:center;margin:15px 0;padding:15px;background:rgba(255,255,255,0.03);border-radius:10px;transition:background 0.3s ease}.phase-event:hover{background:rgba(255,255,255,0.07)}.phase-emoji{font-size:2rem;margin-right:15px}.phase-info{flex:1}.phase-date{font-size:1.1rem;font-weight:bold}.phase-type{color:#8892b0;font-size:0.9rem}.countdown{background:rgba(255,255,255,0.05);padding:10px 15px;border-radius:8px;font-family:'Courier New',monospace;color:#64ffda}.moon-visualization{text-align:center;margin:30px 0}.moon-svg{width:200px;height:200px;filter:drop-shadow(0 0 20px rgba(100,255,218,0.3))}.footer{text-align:center;margin-top:40px;padding:20px;color:#8892b0;font-size:0.9rem}.last-updated{margin-top:10px}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#64ffda;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.moon-svg{width:200px;height:200px;filter:drop-shadow(0 0 20px rgba(100,255,218,0.3));margin:15px auto}.moon-phase-container{position:relative;display:inline-block}.moon-phase-visual{transition:all 0.5s ease}.faq-section{margin:40px 0}.faq-title{text-align:center;font-size:2.5rem;margin-bottom:30px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.faq-grid{display:grid;gap:20px;max-width:800px;margin:0 auto}.faq-item{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:15px;overflow:hidden;transition:all 0.3s ease}.faq-question{padding:20px;font-size:1.2rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#e0e0e0}@media (max-width:800px){.faq-question{padding:20px 40px 20px 20px}html[dir="rtl"] .faq-question{padding:20px 20px 20px 40px}}.faq-question:hover{background:rgba(255,255,255,0.03)}.faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:all 0.3s ease;color:#8892b0;line-height:1.6}.faq-answer.open{padding:0 20px 20px 20px;max-height:600px}.faq-icon{transition:transform 0.3s ease;position:absolute;right:20px;top:auto}html[dir="rtl"] .faq-icon{left:20px;right:auto}.faq-item.active .faq-icon{transform:rotate(180deg)}.hemisphere-selector{backdrop-filter:blur(10px);margin:0 0 35px 0}.hemisphere-title{text-align:center;margin-bottom:15px;font-size:1.1rem;color:#e0e0e0}.hemisphere-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}@media (max-width:768px){.hemisphere-buttons{grid-template-columns:1fr}}.hemisphere-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:8px;padding:12px;color:#8892b0;cursor:pointer;transition:all 0.3s ease;text-align:center}.hemisphere-btn:hover{background:rgba(100,255,218,0.1);border-color:rgba(100,255,218,0.3)}.hemisphere-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#764ba2;color:white;box-shadow:0 5px 15px rgba(102,126,234,0.4)}.hemisphere-northern{--hemisphere-rotate:0}.hemisphere-equator{--hemisphere-rotate:-90deg}.hemisphere-southern{--hemisphere-rotate:-180deg}.faq-moon-emoji,.phase-emoji,.moon-svg{transform:rotate(0)}.hemisphere-northern .faq-moon-emoji,.hemisphere-northern #moonEmoji__,.hemisphere-northern .phase-emoji,.hemisphere-northern .moon-svg{transform:rotate(var(--hemisphere-rotate))}.hemisphere-equator .faq-moon-emoji,.hemisphere-equator #moonEmoji__,.hemisphere-equator .phase-emoji,.hemisphere-equator .moon-svg{transform:rotate(var(--hemisphere-rotate))}.hemisphere-southern .faq-moon-emoji,.hemisphere-southern #moonEmoji__,.hemisphere-southern .phase-emoji,.hemisphere-southern .moon-svg{transform:rotate(var(--hemisphere-rotate))}#moonEmoji,.phase-emoji,.moon-svg,.faq-moon-emoji{transition:transform 0.5s ease}.faq-moon-emoji{display:inline-block}a{color:#9ddfff;text-decoration:none}#footerMenu{font-size:1rem}#footerCopy{font-size:.9rem}#footerMenu a{margin:0 0.25rem}#footerMenu{margin-bottom:1.25rem}@media (max-width:640px){.faq-section .container,.footer{padding:20px 0;margin-bottom:36px}}body::-webkit-scrollbar{width:16px}body::-webkit-scrollbar-thumb{height:56px;border-radius:8px;border:4px solid transparent;background-clip:content-box;background-color:#606060}body::-webkit-scrollbar-thumb:hover{background-color:#909090}header{position:relative;height:60px;margin:0;display:inline-block;width:100%;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:480px){header{padding:12px 10px}}.logo span{width:150px;height:33px;display:inline-block;background-size:contain;background-image:url(/img/FlipClock_921_33b.png);background-repeat:no-repeat;position:absolute;top:20px;left:70px}[data-theme="dark"] .logo span{background-image:url('/img/FlipClock_921_33w.png')}html[dir="rtl"] .logo span{left:auto;right:70px}@media (max-width:768px){.logo span{display:none}.nav-menu .logo span{left:25px;display:block}html[dir="rtl"] .nav-menu .logo span{right:25px}}.hamburger-menu{display:none;position:absolute;left:20px;top:15px;z-index:2025;cursor:pointer}.hamburger-icon{width:30px;height:3px;background-color:var(--text-color);margin:6px 0;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);transform-origin:center}.hamburger-menu.active{position:fixed;left:25px}html[dir="rtl"] .hamburger-menu{left:auto;right:20px}@media (min-width:769px){.hamburger-menu{display:block}}.nav-menu{position:fixed;top:0;left:-300px;width:250px;height:100vh;background-color:var(--card-color);box-shadow:2px 0 10px rgba(0,0,0,0.1);z-index:2023;transition:all 0.3s ease;padding-top:70px;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}.nav-menu.open{left:0}.nav-menu a{display:block;padding:12px 20px;color:var(--text-color);text-decoration:none;transition:background-color 0.3s}.nav-menu a:hover{background-color:var(--bg-color)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:98;opacity:0;visibility:hidden;transition:all 0.3s ease;touch-action:none}.menu-overlay.open{opacity:1;visibility:visible}.bottom-nav{display:none;position:fixed;bottom:0;left:0;width:100%;background-color:var(--card-color);box-shadow:0 -2px 10px rgba(0,0,0,0.1);z-index:100;padding:5px 0}.bottom-nav-container{display:flex;justify-content:space-around}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-color);font-size:0.8rem;width:25%}#navMore{cursor:pointer}.bottom-nav-icon{font-size:1.5rem;margin-bottom:1px;width:24px;height:24px;background-size:contain}.bottom-nav-container .bottom-nav-icon[data-id="home"]{background-image:url("/img/nav/home_48b.png")}.bottom-nav-container .bottom-nav-icon[data-id="time"]{background-image:url("/img/nav/time_48b.png")}.bottom-nav-container .bottom-nav-icon[data-id="moon"]{background-image:url("/img/moon_v4_48b.png")}.bottom-nav-container .bottom-nav-icon[data-id="emoji"]{background-image:url("/img/nav/emoji_48b.png")}.bottom-nav-container .bottom-nav-icon[data-id="more"]{background-image:url("/img/nav/more_48b.png")}[data-theme="dark"] .bottom-nav-container .bottom-nav-icon{opacity:0.88}[data-theme="dark"] .bottom-nav-container .bottom-nav-icon[data-id="home"]{background-image:url("/img/nav/home_48w.png")}[data-theme="dark"] .bottom-nav-container .bottom-nav-icon[data-id="time"]{background-image:url("/img/nav/time_48w.png")}[data-theme="dark"] .bottom-nav-container .bottom-nav-icon[data-id="moon"]{background-image:url("/img/moon_v4_48w.png")}[data-theme="dark"] .bottom-nav-container .bottom-nav-icon[data-id="emoji"]{background-image:url("/img/nav/emoji_48w.png")}[data-theme="dark"] .bottom-nav-container .bottom-nav-icon[data-id="more"]{background-image:url("/img/nav/more_48w.png")}.bottom-nav-text{font-size:0.7rem;text-overflow:ellipsis;white-space:nowrap}.nav-menu>a{position:relative;padding-left:60px;transition:all 0.3s ease;margin:0 10px;border-radius:8px}.nav-menu>a::before{content:'';position:absolute;left:15px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:all 0.3s ease}.nav-menu a[data-id="main"]::before{background-image:url("/img/nav/home_48b.png")}.nav-menu a[data-id="time"]::before{background-image:url("/img/nav/time_48b.png")}.nav-menu a[data-id="emoji"]::before{background-image:url("/img/nav/emoji_48b.png")}.nav-menu a[data-id="moon"]::before{background-image:url("/img/moon_v4_48b.png")}.nav-menu a[data-id="blog"]::before{background-image:url("/img/nav/post_48b.png")}.nav-menu a[data-id="support-us"]::before{background-image:url("/img/nav/support-us_48b.png")}.nav-menu a[data-id="feedback"]::before{background-image:url("/img/nav/feedback_48b.png")}.nav-menu .line{border-bottom:1px solid var(--border-color);margin-top:20px}#nav-info{font-size:0.8rem;padding:12px 0 12px 25px}#nav-info a{display:inline-block;padding:3px 8px 3px 0;border-bottom:none;font-size:0.85rem}#nav-info a:hover{background-color:unset}#nav-copyright{padding:2px 15px 2px 25px;display:block;color:#333;font-size:0.75rem}#nav-copyright{color:#555}.nav-menu a:hover::before{transform:translateY(-50%) scale(1.1)}.nav-menu a.active{color:var(--accent-color)}.nav-menu a.active::before{filter:brightness(0.8) sepia(1) hue-rotate(200deg) saturate(5)}[data-theme="dark"] .nav-menu a[data-id="main"]::before{background-image:url("/img/nav/home_48w.png")}[data-theme="dark"] .nav-menu a[data-id="time"]::before{background-image:url("/img/nav/time_48w.png")}[data-theme="dark"] .nav-menu a[data-id="emoji"]::before{background-image:url("/img/nav/emoji_48w.png")}[data-theme="dark"] .nav-menu a[data-id="moon"]::before{background-image:url("/img/moon_v4_48w.png")}[data-theme="dark"] .nav-menu a[data-id="blog"]::before{background-image:url("/img/nav/post_48w.png")}[data-theme="dark"] .nav-menu a[data-id="support-us"]::before{background-image:url("/img/nav/support-us_48w.png")}[data-theme="dark"] .nav-menu a[data-id="feedback"]::before{background-image:url("/img/nav/feedback_48w.png")}html[dir="rtl"] .nav-menu{left:auto;right:-300px}html[dir="rtl"] .nav-menu.open{right:0}html[dir="rtl"] .nav-menu>a{padding-left:auto;padding-right:60px}html[dir="rtl"] .nav-menu>a::before{left:auto;right:15px}@media (max-width:768px){.bottom-nav{display:block}}body::-webkit-scrollbar{width:16px}body::-webkit-scrollbar-thumb{height:56px;border-radius:8px;border:4px solid transparent;background-clip:content-box;background-color:#606060}body::-webkit-scrollbar-thumb:hover{background-color:#909090}.language-dropdown select{width:160px;height:40px;font-size:18px;border-radius:20px;position:relative;padding:8px 8px 8px 38px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;outline:none;color:#010101;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('/img/globe-icon.svg');background-repeat:no-repeat;background-position:10px center;background-size:20px;font-family:auto}.language-dropdown{display:inline-block;position:relative;position:absolute;right:5px;top:10px}.language-dropdown:after,.category-dropdown:after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);width:11px;height:6px;background-image:url('/img/arrow-icon.svg');background-repeat:no-repeat;background-size:11px;pointer-events:none}[data-theme="dark"] .language-dropdown select{color:#f0f0f0;border-color:#1e1e1e;background-color:#1e1e1e}[data-theme="dark"] .language-dropdown:after,[data-theme="dark"] .category-dropdown:after{background-image:url('/img/arrow-icon_white.svg');opacity:0.95}[data-theme="dark"] .language-dropdown select{background-image:url('/img/globe-icon_white.svg');opacity:0.95}html[dir="rtl"] .language-dropdown{left:5px;right:auto}html[dir="rtl"] .language-dropdown select{padding:8px 38px 8px 8px;background-position:130px center}html[dir="rtl"] .language-dropdown:after,html[dir="rtl"] .category-dropdown:after{left:12px;right:auto}@media screen and (max-width:480px){.language-dropdown{right:9px}}.theme-toggle{position:absolute;top:0;right:170px;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.4s ease;overflow:hidden;z-index:1969}[data-theme="light"]{--background-toggle:#fbfbfb}[data-theme="dark"]{--background-toggle:#2d3436}.theme-icon{width:40px;height:40px;background:url('/img/sun_40.svg?1') 50% 50% no-repeat;background-size:40px;border-radius:50%;position:relative;box-shadow:0 0 15px var(--icon-shadow);transition:all 0.5s ease}[data-theme="light"] .theme-icon{--icon-color:#f9ca24;--icon-shadow:rgba(255,255,255,0)}[data-theme="dark"] .theme-icon{--icon-color:#636e72;--icon-shadow:rgba(99,110,114,0.5)}.theme-icon::before{content:'';position:absolute;top:50%;left:50%;width:60px;height:60px;transform:translate(-50%,-50%) scale(0);border-radius:50%;opacity:0.5;transition:transform 0.4s ease,opacity 0.4s ease}[data-theme="light"] .theme-icon::before{transform:translate(-50%,-50%) scale(1)}.theme-icon::after{content:'';position:absolute;top:-40%;left:40%;width:3px;height:3px;background:#bdb9ff;border-radius:50%;opacity:0;transition:opacity 0.4s ease,transform 0.4s ease}[data-theme="dark"] .theme-icon::after{opacity:1;transform:translate(10px,10px)}[data-theme="dark"] .theme-icon{background:var(--icon-color) url(/img/moon_900.svg) 0 0 no-repeat;background-size:40px}[data-theme="light"] .theme-icon{background:url('/img/sun_40.svg?1') 50% 50% no-repeat;background-size:40px}html[dir="rtl"] .theme-toggle{left:170px;right:auto}@media screen and (max-width:480px){.theme-toggle{right:167px}}.share-btn{position:absolute;margin:0;top:10px;right:230px;background:none;border:none;border-radius:50px;padding:0.5rem 1rem;display:flex;align-items:center;gap:0.5rem;cursor:pointer;color:var(--text-color);transition:all 0.3s ease;height:40px;font-weight:bold;font-family:'Segoe UI',system-ui,sans-serif;font-size:0.9rem}.share-btn:hover{background:var(--card-color)}html[dir="rtl"] .share-btn{left:230px;right:auto}@media screen and (max-width:800px){.share-btn{right:213px}html[dir="rtl"] .share-btn{left:213px}}.toast{visibility:hidden;min-width:250px;background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:16px;position:fixed;z-index:1000;bottom:30px;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.3s,visibility 0.3s}.toast.show{visibility:visible;opacity:1}.toast.success{background-color:#4CAF50}.toast.error{background-color:#F44336}.toast.warning{background-color:#FF9800}#company{margin:0;line-height:1.4}:root,[data-theme="dark"]{color-scheme:dark;--bg-color:#121212;--card-color:#1e1e1e;--accent-color:#7e57c2;--text-color:#e0e0e0;--secondary-text:#aaaaaa;--border-color:#333333;--shadow-color:rgba(0,0,0,0.3);--hover-shadow:rgba(126,87,194,0.3);--moon-bg:radial-gradient(circle at 50% -10%,rgba(102,126,234,0.24) 0%,rgba(118,75,162,0.14) 28%,transparent 54%),radial-gradient(circle at 12% 18%,rgba(100,255,218,0.10) 0%,transparent 24%),linear-gradient(180deg,#10112a 0%,#0f0f23 48%,#060814 100%);--moon-text:#e6e8f5;--moon-muted:#8892b0;--moon-card:rgba(255,255,255,0.055);--moon-card-border:rgba(255,255,255,0.12);--moon-card-hover:rgba(255,255,255,0.075);--moon-stat-bg:rgba(255,255,255,0.055);--moon-event-bg:rgba(255,255,255,0.035);--moon-event-hover-bg:rgba(255,255,255,0.075);--moon-hemisphere-bg:rgba(255,255,255,0.055);--moon-hemisphere-border:rgba(255,255,255,0.14);--moon-hemisphere-hover-bg:rgba(124,132,255,0.13);--moon-hemisphere-hover-border:rgba(139,124,255,0.42);--moon-hemisphere-hover-shadow:0 8px 20px rgba(100,255,218,0.07);--moon-hemisphere-active-border:rgba(202,207,255,0.26);--moon-hemisphere-active-shadow:0 8px 22px rgba(102,126,234,0.30);--moon-hemisphere-focus-ring:rgba(100,255,218,0.34);--moon-glass-blur:blur(10px);--moon-card-shadow:0 15px 30px rgba(0,0,0,0.30);--moon-card-hover-shadow:0 18px 36px rgba(0,0,0,0.36);--moon-title-gradient:linear-gradient(135deg,#7f9cff 0%,#b388ff 100%);--moon-accent:#64ffda;--moon-accent-2:#8b7cff;--moon-accent-gradient:linear-gradient(90deg,#667eea,#764ba2);--moon-progress-bg:rgba(255,255,255,0.12);--moon-countdown-bg:rgba(255,255,255,0.055);--moon-link:#9ddfff;--moon-star-color:#ffffff;--moon-stars-opacity:1;--moon-svg-glow:drop-shadow(0 0 20px rgba(100,255,218,0.30));--moon-loader-border:rgba(255,255,255,0.30);--moon-scrollbar:#606060;--moon-scrollbar-hover:#909090;--moon-error:#ff6b6b}[data-theme="light"]{color-scheme:light;--bg-color:#f8fafc;--card-color:rgba(255,255,255,0.92);--accent-color:#6d5dfc;--text-color:#1f2937;--secondary-text:#64748b;--border-color:rgba(120,130,180,0.22);--shadow-color:rgba(54,64,110,0.12);--hover-shadow:rgba(109,93,252,0.16);--moon-bg:radial-gradient(circle at 50% -8%,rgba(188,199,255,0.72) 0%,rgba(238,242,255,0.92) 30%,transparent 58%),radial-gradient(circle at 10% 16%,rgba(201,238,255,0.56) 0%,transparent 28%),linear-gradient(180deg,#eef2ff 0%,#f8fbff 48%,#fffaf3 100%);--moon-text:#1f2937;--moon-muted:#64748b;--moon-card:rgba(255,255,255,0.74);--moon-card-border:rgba(115,124,171,0.22);--moon-card-hover:rgba(255,255,255,0.90);--moon-stat-bg:rgba(237,242,255,0.82);--moon-event-bg:rgba(255,255,255,0.58);--moon-event-hover-bg:rgba(237,242,255,0.86);--moon-hemisphere-bg:rgba(255,255,255,0.66);--moon-hemisphere-border:rgba(115,124,171,0.24);--moon-hemisphere-hover-bg:rgba(224,231,255,0.94);--moon-hemisphere-hover-border:rgba(99,102,241,0.32);--moon-hemisphere-hover-shadow:0 8px 18px rgba(79,70,229,0.10);--moon-hemisphere-active-border:rgba(255,255,255,0.62);--moon-hemisphere-active-shadow:0 8px 22px rgba(99,102,241,0.24);--moon-hemisphere-focus-ring:rgba(79,70,229,0.28);--moon-glass-blur:blur(14px);--moon-card-shadow:0 16px 34px rgba(70,84,140,0.13);--moon-card-hover-shadow:0 18px 40px rgba(70,84,140,0.19);--moon-title-gradient:linear-gradient(135deg,#5266d9 0%,#7c4dff 52%,#a855f7 100%);--moon-accent:#4f46e5;--moon-accent-2:#0891b2;--moon-accent-gradient:linear-gradient(90deg,#667eea,#8b5cf6);--moon-progress-bg:rgba(99,102,241,0.14);--moon-countdown-bg:rgba(238,242,255,0.90);--moon-link:#3557d6;--moon-star-color:rgba(99,102,241,0.34);--moon-stars-opacity:0.28;--moon-svg-glow:drop-shadow(0 0 18px rgba(79,70,229,0.22));--moon-loader-border:rgba(79,70,229,0.20);--moon-scrollbar:#c4c9dc;--moon-scrollbar-hover:#9aa3c7;--moon-error:#ff6b6b}body{background:var(--moon-bg);color:var(--moon-text);transition:background 0.35s ease,color 0.25s ease}.stars{opacity:var(--moon-stars-opacity);transition:opacity 0.35s ease}.star{background:var(--moon-star-color);box-shadow:0 0 7px var(--moon-star-color)}.title,.faq-title{background:var(--moon-title-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle,.last-updated,.stat-label,.phase-type,.footer,.faq-answer,.phase-timeline-local{color:var(--moon-muted)}.moon-card,.faq-item{background:var(--moon-card);border-color:var(--moon-card-border);box-shadow:var(--moon-card-shadow);backdrop-filter:var(--moon-glass-blur);-webkit-backdrop-filter:var(--moon-glass-blur)}.moon-card:hover{background:var(--moon-card-hover);box-shadow:var(--moon-card-hover-shadow)}.phase-name,.stat-value,.countdown{color:var(--moon-accent)}.illumination,.phase-date,.faq-question,.hemisphere-title{color:var(--moon-text)}.stat-item{background:var(--moon-stat-bg)}.phase-event{background:var(--moon-event-bg);border:1px solid transparent}.phase-event:hover,.faq-question:hover{background:var(--moon-event-hover-bg)}.progress-bar{background:var(--moon-progress-bg)}.progress-fill,.hemisphere-btn.active{background:var(--moon-accent-gradient)}.countdown{background:var(--moon-countdown-bg)}.moon-svg{filter:var(--moon-svg-glow)}.loading{border-color:var(--moon-loader-border);border-top-color:var(--moon-accent)}.hemisphere-btn{background:var(--moon-hemisphere-bg);border-color:var(--moon-hemisphere-border);color:var(--moon-muted);box-shadow:none}.hemisphere-btn:not(.active):hover{background:var(--moon-hemisphere-hover-bg);border-color:var(--moon-hemisphere-hover-border);color:var(--moon-text);box-shadow:var(--moon-hemisphere-hover-shadow);transform:translateY(-1px)}.hemisphere-btn.active,.hemisphere-btn.active:hover{background:var(--moon-accent-gradient);color:#ffffff;border-color:var(--moon-hemisphere-active-border);box-shadow:var(--moon-hemisphere-active-shadow);transform:none}.hemisphere-btn:focus-visible{outline:3px solid var(--moon-hemisphere-focus-ring);outline-offset:3px}a{color:var(--moon-link)}.share-btn:hover{background:var(--card-color)}body::-webkit-scrollbar-thumb{background-color:var(--moon-scrollbar)}body::-webkit-scrollbar-thumb:hover{background-color:var(--moon-scrollbar-hover)}[data-theme="light"] .moon-card,[data-theme="light"] .faq-item{outline:1px solid rgba(255,255,255,0.48)}[data-theme="light"] .moon-card:hover{transform:translateY(-4px)}[data-theme="light"] .moon-emoji{filter:drop-shadow(0 12px 22px rgba(79,70,229,0.16))}[data-theme="light"] .toast{background-color:rgba(31,41,55,0.94)}[data-theme="dark"] .nav-menu,[data-theme="dark"] .bottom-nav,[data-theme="dark"] .language-dropdown select{box-shadow:0 8px 28px rgba(0,0,0,0.28)}@media (prefers-reduced-motion:reduce){.star,.moon-emoji,.loading{animation-duration:0.001ms !important;animation-iteration-count:1 !important}.moon-card,.phase-event,.hemisphere-btn,.faq-item,.theme-icon,body,.stars{transition:none !important}}.bottom-nav{background-color:rgba(255,255,255,0.92);border-top:1px solid rgba(120,130,180,0.22);box-shadow:0 -8px 24px rgba(15,23,42,0.08);backdrop-filter:blur(12px) saturate(135%);-webkit-backdrop-filter:blur(12px) saturate(135%)}[data-theme="dark"] .bottom-nav{background-color:rgba(10,12,30,0.88);border-top:1px solid rgba(255,255,255,0.10);box-shadow:0 -8px 24px rgba(0,0,0,0.24)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.bottom-nav{background-color:rgba(255,255,255,0.97)}[data-theme="dark"] .bottom-nav{background-color:rgba(12,14,32,0.97)}}.phase-name.is-error{color:var(--moon-error,#ff6b6b)}

/*!
 * FlipClock Odometer Fork Styles
 * Minimal odometer animation styles for FlipClock UI.
 *
 * Based on Odometer.js minimal theme.
 *
 * Copyright (c) 2026 FlipClock Labs
 * https://flipclock.online/
 *
 * Version: 1.0.0
 */
.odometer.odometer-auto-theme,.odometer.odometer-theme-minimal{display:inline-block;vertical-align:middle;position:relative}.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-minimal .odometer-digit{display:inline-block;vertical-align:middle;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer{display:inline-block;vertical-align:middle;visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;inset:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon,.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner,.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner{backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value{transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner{transition:transform 2s}.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner{transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner{transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner{transition:transform 2s;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.odometer.odometer-auto-theme .odometer-ribbon-inner,.odometer.odometer-theme-minimal .odometer-ribbon-inner{transition-duration:0.01ms !important}}