.timestamp-modal[data-astro-cid-kc2pcl5u]{display:none;position:fixed;inset:0;background:#0a0e27f2;z-index:1000;align-items:center;justify-content:center}.timestamp-modal[data-astro-cid-kc2pcl5u].active{display:flex}.modal-content[data-astro-cid-kc2pcl5u]{background:#1a1d3a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2.5rem;max-width:500px;width:90%}.modal-content[data-astro-cid-kc2pcl5u] h3[data-astro-cid-kc2pcl5u]{font-family:EB Garamond,serif;font-size:1.5rem;margin-bottom:1.5rem;color:#e8e9f0}.input-group[data-astro-cid-kc2pcl5u]{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}.input-group[data-astro-cid-kc2pcl5u] label[data-astro-cid-kc2pcl5u]{font-size:.85rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.1em}input[data-astro-cid-kc2pcl5u][type=date],input[data-astro-cid-kc2pcl5u][type=time]{width:100%;padding:.9rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:1rem;color:#e8e9f0;font-family:Inter,sans-serif;transition:all .3s ease}input[data-astro-cid-kc2pcl5u][type=date]:focus,input[data-astro-cid-kc2pcl5u][type=time]:focus{outline:none;border-color:#d4af6766;background:#0006}.button-group[data-astro-cid-kc2pcl5u]{display:flex;gap:1rem;margin-top:2rem}button[data-astro-cid-kc2pcl5u]{flex:1;padding:.9rem 1.5rem;background:transparent;color:#e8e9f0;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-size:.95rem;font-family:EB Garamond,serif;letter-spacing:.05em;cursor:pointer;transition:all .4s ease}button[data-astro-cid-kc2pcl5u]:hover{border-color:#fff6;background:#ffffff0d}button[data-astro-cid-kc2pcl5u].primary{border-color:#d4af6766;color:#d4af67}button[data-astro-cid-kc2pcl5u].primary:hover{border-color:#d4af6799;background:#d4af671a}@media(max-width:600px){.modal-content[data-astro-cid-kc2pcl5u]{padding:2rem}.button-group[data-astro-cid-kc2pcl5u]{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,#0a0e27,#1a1d3a);min-height:100vh;padding:3rem 2rem;color:#e8e9f0;line-height:1.6}.container{max-width:800px;margin:0 auto}.header{text-align:center;margin-bottom:4rem}.header h1{font-family:EB Garamond,serif;font-size:2.8rem;font-weight:500;margin-bottom:1rem;color:#e8e9f0;letter-spacing:.05em}.timestamp-display{font-family:EB Garamond,serif;font-size:1.3rem;color:#9ca3af;margin-bottom:2rem;letter-spacing:.08em;cursor:pointer;padding:1.2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:4px;transition:all .4s ease;text-align:center}.timestamp-display:hover{background:#ffffff0a;border-color:#ffffff1f}.results{display:flex;flex-direction:column;gap:3rem;opacity:0;transition:opacity .6s ease}.results.visible{opacity:1}.celestial-body{padding:0;border:none;background:transparent}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-bottom:2.5rem}.tab-button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:.2rem .4rem;background:transparent;border:none;appearance:none;-webkit-appearance:none;color:#e8e9f0;font-family:EB Garamond,serif;font-size:2.4rem;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:all .3s ease}.tab-button:hover{color:#fff3cf;text-shadow:0 0 16px rgba(212,175,103,.2)}.tab-button.active{color:#d4af67}.tab-panels{min-height:200px}.tab-panel{display:none}.tab-panel.active{display:block}.tab-button.sun{color:#d4af67}.tab-button.moon{color:#a8b9d4}.tab-button.calendar{color:#e8e9f0}.tab-button.sun.active,.tab-button.moon.active,.tab-button.calendar.active{text-shadow:0 0 18px rgba(212,175,103,.2)}.tab-button:focus-visible{outline:1px solid rgba(212,175,103,.6);outline-offset:6px;border-radius:6px}.primary-info{font-family:EB Garamond,serif;font-size:1.8rem;margin-bottom:2rem;color:#e8e9f0;line-height:1.8}.sign{font-weight:600;letter-spacing:.03em}.sun .sign{color:#d4af67}.moon .sign{color:#a8b9d4}.secondary-info{display:flex;flex-direction:column;gap:.8rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.info-item{display:flex;justify-content:space-between;color:#6b7280;font-size:.9rem}.info-label{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.info-value{color:#9ca3af;font-family:Inter,sans-serif}.moon-phase-display{text-align:center;font-size:5rem;margin:2rem 0;opacity:.9}.phase-progress{margin:2rem 0}.progress-bar{width:100%;height:2px;background:#ffffff1a;border-radius:1px;overflow:hidden;margin-top:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#a8b9d4,#6b8cce);transition:width .8s ease}.time-context{margin-top:1.5rem;padding:1.2rem;background:#ffffff05;border-left:2px solid rgba(168,185,212,.3);color:#9ca3af;font-size:.95rem;font-style:italic;line-height:1.8}.glyph{opacity:.7;font-style:normal}button{flex:1;padding:.9rem 1.5rem;background:transparent;color:#e8e9f0;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-size:.95rem;font-family:EB Garamond,serif;letter-spacing:.05em;cursor:pointer;transition:all .4s ease}button:hover{border-color:#fff6;background:#ffffff0d}button.primary{border-color:#d4af6766;color:#d4af67}button.primary:hover{border-color:#d4af6799;background:#d4af671a}.button-group{display:flex;gap:1rem;margin-top:2rem}@media(max-width:700px){.tabs{grid-template-columns:1fr}}@media(max-width:600px){body{padding:2rem 1.5rem}.header h1{font-size:2rem}.timestamp-display{font-size:1.1rem}.celestial-body h2,.primary-info{font-size:1.5rem}.moon-phase-display{font-size:4rem}.button-group{flex-direction:column}}