@layer components{.sky-page{max-width:640px;margin:0 auto;padding:1.5rem max(1.25rem,env(safe-area-inset-left,0px)) 2rem max(1.25rem,env(safe-area-inset-right,0px))}.sky-page__hero{text-align:center;margin-bottom:1.5rem}.sky-page__title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;letter-spacing:-.02em;color:var(--tk-text)}.sky-page__sub{margin-top:.5rem;color:var(--tk-text-secondary);font-size:1rem}.sky{display:flex;flex-direction:column;gap:1.25rem}.sky-loc{background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);padding:.85rem 1rem;box-shadow:var(--tk-shadow-sm)}.sky-loc__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.sky-loc__current{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--tk-text)}.sky-loc__pin{font-size:1rem}.sky-loc__actions{display:flex;flex-wrap:wrap;gap:.5rem}.sky-loc__btn{border:1px solid var(--tk-border);background:var(--tk-surface-raised);color:var(--tk-text);border-radius:var(--tk-radius-full);padding:.4rem .85rem;font-size:.8125rem;font-weight:500;transition:border-color var(--tk-duration) var(--tk-ease),color var(--tk-duration) var(--tk-ease)}.sky-loc__btn:hover:not(:disabled){border-color:var(--tk-accent);color:var(--tk-accent)}.sky-loc__btn:disabled{opacity:.6;cursor:progress}.sky-loc__btn--ghost{background:transparent}.sky-loc__select{border:1px solid var(--tk-border);background:var(--tk-surface-raised);color:var(--tk-text);border-radius:var(--tk-radius-full);padding:.4rem .75rem;font:inherit;font-size:.8125rem;max-width:11rem}.sky-loc__manual{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--tk-border-subtle)}.sky-loc__field{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--tk-text-secondary)}.sky-loc__field input{border:1px solid var(--tk-border);background:var(--tk-bg);color:var(--tk-text);border-radius:var(--tk-radius);padding:.4rem .6rem;font:inherit;font-size:.875rem;width:8rem}.sky-loc__field input:focus-visible{outline:2px solid var(--tk-accent);outline-offset:1px}.sky-loc__error{margin-top:.6rem;color:var(--tk-danger);font-size:.8125rem}.sky-date{display:flex;align-items:stretch;justify-content:center;gap:.5rem}.sky-date__nav{width:44px;border:1px solid var(--tk-border);background:var(--tk-surface);color:var(--tk-text-secondary);border-radius:var(--tk-radius);font-size:1.4rem;line-height:1;transition:color var(--tk-duration) var(--tk-ease),border-color var(--tk-duration) var(--tk-ease)}.sky-date__nav:hover{color:var(--tk-accent);border-color:var(--tk-accent)}.sky-date__label{display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:10rem;border:1px solid var(--tk-border);background:var(--tk-surface);border-radius:var(--tk-radius);padding:.4rem 1rem}.sky-date__day{font-weight:700;color:var(--tk-text)}.sky-date__full{font-size:.75rem;color:var(--tk-text-muted)}.sky-hero{text-align:center;padding:1.75rem 1rem 2rem;border-radius:var(--tk-radius-lg);border:1px solid var(--tk-border);background:linear-gradient(180deg,color-mix(in srgb,var(--tk-accent) 8%,var(--tk-surface)) 0%,var(--tk-surface) 70%);box-shadow:var(--tk-shadow-md)}.sky-hero--sunset{background:linear-gradient(180deg,color-mix(in srgb,#7c3aed 10%,var(--tk-surface)),color-mix(in srgb,var(--tk-accent) 6%,var(--tk-surface)))}.sky-hero__glyph{width:120px;margin:0 auto .5rem}.sky-hero__sun-svg{width:100%;height:auto;overflow:visible}.sky-hero__horizon{stroke:var(--tk-border);stroke-width:2;stroke-linecap:round}.sky-hero__disc{fill:#f59e0b}.sky-hero--sunset .sky-hero__disc{fill:#ef4444}.sky-hero__ray{stroke:#f59e0b;stroke-width:2.5;stroke-linecap:round}.sky-hero--sunset .sky-hero__ray{stroke:#ef4444}.sky-hero__sun--down{transform:translateY(10px);opacity:.92}.sky-hero__label{text-transform:uppercase;letter-spacing:.08em;font-size:.8125rem;font-weight:600;color:var(--tk-text-secondary)}.sky-hero__time{font-family:var(--tk-font-mono);font-size:clamp(2.5rem,11vw,4rem);font-weight:700;line-height:1.05;color:var(--tk-text);letter-spacing:-.01em}.sky-hero__countdown{margin-top:.35rem;color:var(--tk-accent);font-weight:600;font-variant-numeric:tabular-nums}.sky-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.sky-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.85rem .5rem;background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);text-align:center}.sky-stat__value{font-weight:700;color:var(--tk-text);font-size:.95rem;font-variant-numeric:tabular-nums}.sky-stat__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tk-text-muted)}@media(max-width:520px){.sky-stats{grid-template-columns:repeat(2,1fr)}}.sky-timeline__heading,.moon-cycle__heading{font-size:1.1rem;font-weight:700;color:var(--tk-text);margin-bottom:.75rem}.sky-timeline__list{list-style:none;display:flex;flex-direction:column}.sky-phase{display:flex;gap:1rem;padding:.7rem .5rem;border-bottom:1px solid var(--tk-border-subtle);align-items:baseline}.sky-phase:last-child{border-bottom:none}.sky-phase--focus{background:color-mix(in srgb,var(--tk-accent) 8%,transparent);border-radius:var(--tk-radius);border-bottom-color:transparent}.sky-phase__time{flex:none;width:5rem;font-weight:700;color:var(--tk-text);font-variant-numeric:tabular-nums}.sky-phase__body{display:flex;flex-direction:column}.sky-phase__label{font-weight:600;color:var(--tk-text)}.sky-phase__note{font-size:.8125rem;color:var(--tk-text-muted)}.sky-timeline__polar{margin-top:.75rem;padding:.75rem;background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);font-size:.85rem;color:var(--tk-text-secondary)}.sky-crosslinks{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.sky-crosslinks__link{padding:.45rem 1rem;border:1px solid var(--tk-border);border-radius:var(--tk-radius-full);font-size:.875rem;font-weight:500;color:var(--tk-text-secondary);transition:color var(--tk-duration) var(--tk-ease),border-color var(--tk-duration) var(--tk-ease)}.sky-crosslinks__link:hover{color:var(--tk-accent);border-color:var(--tk-accent)}.sky-crosslinks__link--active{background:var(--tk-accent);border-color:var(--tk-accent);color:#fff}.moon-hero{text-align:center;padding:1.5rem 1rem 2rem;border-radius:var(--tk-radius-lg);border:1px solid var(--tk-border);background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,#1e293b 22%,var(--tk-surface)) 0%,var(--tk-surface) 65%);box-shadow:var(--tk-shadow-md)}.moon-hero__disc{width:min(220px,60vw);margin:0 auto 1rem;filter:drop-shadow(0 4px 18px rgba(0,0,0,.25))}.moon-hero__svg{width:100%;height:auto}.moon-hero__dark{fill:color-mix(in srgb,var(--tk-text) 12%,#0b1120)}.moon-hero__maria circle{fill:#78746047}.moon-hero__name{font-size:1.5rem;font-weight:700;color:var(--tk-text)}.moon-hero__illum{margin-top:.15rem;color:var(--tk-text-secondary);font-weight:600}.moon-hero__trend{margin-top:.15rem;font-size:.85rem;color:var(--tk-text-muted)}.moon-next{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.moon-next__card{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:1rem;background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);text-align:center}.moon-next__glyph{font-size:1.6rem}.moon-next__title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tk-text-muted)}.moon-next__date{font-weight:700;color:var(--tk-text)}.moon-next__count{font-size:.8125rem;color:var(--tk-accent);font-weight:600;font-variant-numeric:tabular-nums}.moon-cycle__list{list-style:none;display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem}.moon-cycle__item{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.4rem .2rem;border-radius:var(--tk-radius);opacity:.55;transition:opacity var(--tk-duration) var(--tk-ease)}.moon-cycle__item--active{opacity:1;background:color-mix(in srgb,var(--tk-accent) 10%,transparent)}.moon-cycle__svg{width:100%;height:auto;max-width:46px}.moon-cycle__dark{fill:color-mix(in srgb,var(--tk-text) 12%,#0b1120)}.moon-cycle__lit{fill:#e6e3d2}.moon-cycle__name{font-size:.6rem;text-align:center;color:var(--tk-text-secondary);line-height:1.15}.moon-cycle__note{margin-top:.85rem;font-size:.85rem;color:var(--tk-text-secondary)}@media(max-width:560px){.moon-cycle__list{grid-template-columns:repeat(4,1fr)}.moon-cycle__name{font-size:.65rem}}.sky-content{max-width:680px;margin:2.5rem auto 0;padding:0 1.25rem}.sky-content h2{font-size:1.25rem;font-weight:700;color:var(--tk-text);margin:1.75rem 0 .6rem}.sky-content p{color:var(--tk-text-secondary);line-height:1.7;margin-bottom:.75rem}.sky-faq{max-width:680px;margin:2rem auto 0;padding:0 1.25rem}.sky-faq__heading{font-size:1.25rem;font-weight:700;color:var(--tk-text);margin-bottom:1rem}.sky-faq details{border-bottom:1px solid var(--tk-border-subtle);padding:.85rem 0}.sky-faq summary{font-weight:600;color:var(--tk-text);cursor:pointer}.sky-faq p{margin-top:.5rem;color:var(--tk-text-secondary);line-height:1.65}}