.ecl{grid-template-columns:minmax(0,1fr);gap:32px;padding-bottom:48px;display:grid}@media (min-width:768px){.ecl{gap:44px}}.ecl .section-h2{margin:0 0 12px}.ecl-hero{margin-bottom:-8px}.ecl-lede{max-width:62ch;margin:12px 0 0}.ecl-note,.ecl-credit{color:var(--ink-muted);margin:0;font-size:.875rem}.ecl-credit a{color:inherit}.ecl-field-wrap{border:1px solid var(--glass-line);padding:18px}.ecl-field{gap:8px;display:grid}.ecl-field-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-secondary);font-size:.75rem}.ecl-field-current{margin:0;font-size:1.05rem}.ecl-field-guess{color:var(--ink-muted);font-size:.875rem}.ecl-combo{position:relative}.ecl-input{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:48px;color:var(--ink);font:inherit;border-radius:12px;padding:0 14px}.ecl-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ecl-list{z-index:20;border:1px solid var(--glass-line);background:var(--surface);max-height:320px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.ecl-list[hidden]{display:none}.ecl-opt{cursor:pointer;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:0 8px;min-height:44px;padding:10px 12px;display:flex}.ecl-opt[aria-selected=true]{background:var(--accent-wash);outline:1px solid var(--accent-edge)}.ecl-opt-cc{color:var(--ink-muted);font-size:.875rem}.ecl-field-hint{min-height:1.4em;color:var(--ink-muted);margin:0;font-size:.8125rem}.ecl-rows{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ecl-row{border:1px solid var(--glass-line);border-radius:var(--radius-md);background:var(--glass);grid-template-columns:minmax(0,1fr);gap:4px 18px;padding:14px 16px;display:grid}@media (min-width:900px){.ecl-row{grid-template-columns:9.5rem minmax(0,15rem) minmax(0,1fr) minmax(0,1.2fr);align-items:baseline}}.ecl-row-date{color:var(--ink-secondary);font-size:.875rem}.ecl-row-kind{align-items:baseline;gap:8px;font-weight:600;display:inline-flex}.ecl-row-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent-edge);text-decoration-color:var(--accent-edge);text-underline-offset:3px}.ecl-row-link:hover{color:var(--accent)}.ecl-dot{border-radius:50%;flex:none;width:10px;height:10px;transform:translateY(-1px)}.ecl-dot-sun{background:var(--accent)}.ecl-dot-moon{background:var(--ink-muted);box-shadow:inset -3px 0 #8a3a2a}.ecl-row-where{color:var(--ink-muted);font-size:.875rem}.ecl-row-city{border-left:3px solid var(--line-strong);padding-left:10px;font-size:.9375rem}.ecl-row-city-label{color:var(--ink-muted);font-size:.8125rem}.ecl-tone-seen.ecl-row-city{border-left-color:var(--accent);color:var(--ink)}.ecl-tone-low.ecl-row-city{border-left-color:var(--accent-edge);color:var(--ink-secondary)}.ecl-tone-none.ecl-row-city,.ecl-tone-wait.ecl-row-city{color:var(--ink-muted)}.ecl-links{flex-wrap:wrap;gap:10px;margin:0;display:flex}.ecl-guide{border:1px solid var(--accent-edge);border-radius:var(--radius-lg);color:var(--ink);gap:4px;padding:16px 18px;text-decoration:none;display:grid}.ecl-guide b{color:var(--accent)}.ecl-where p{max-width:68ch;margin:0}.ecl-box{border:1px solid var(--accent-edge);border-radius:var(--radius-xl);background:radial-gradient(32rem 14rem at 0% 0%, var(--accent-wash), transparent 70%), var(--glass);gap:12px;padding:20px;display:grid}.ecl-box-h{color:var(--accent);margin:0}.ecl-box-answer{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:4px 0 0;font-size:clamp(1.25rem,4.4vw,1.7rem);font-weight:650;line-height:1.2}.ecl-tone-box-none .ecl-box-answer{color:var(--ink-secondary)}.ecl-box-wait{color:var(--ink-muted);font-weight:500}.ecl-box-date,.ecl-box-covered{color:var(--ink-secondary);margin:0;font-size:.9375rem}.ecl-box-covered b{color:var(--ink);font-size:1.15rem}.ecl-box-details summary,.ecl-more summary,.ecl-how summary{cursor:pointer;min-height:44px;color:var(--accent);align-items:center;display:flex}.ecl-box-zone{color:var(--ink-muted);margin:8px 0 0;font-size:.8125rem}.ecl-moments,.ecl-ref-table{border-collapse:collapse;width:100%;font-size:.9375rem}.ecl-moments th,.ecl-moments td,.ecl-ref-table th,.ecl-ref-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:8px 10px 8px 0}.ecl-moments thead th,.ecl-ref-table thead th{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:.75rem;font-weight:500}.ecl-moments tbody th,.ecl-ref-table tbody th{font-weight:600}.ecl-moments .is-below td{color:var(--ink-muted)}.ecl-ref-table tbody th{white-space:nowrap;width:1%;padding-right:16px}.ecl-ref-table .ecl-tone-none td{color:var(--ink-muted)}.ecl-ref-table .ecl-tone-low td{color:var(--ink-secondary)}.ecl-see{gap:12px;max-width:72ch;display:grid}.ecl-see p{margin:0}.ecl-see-list{gap:6px;margin:0;padding-left:1.2em;display:grid}.ecl-more p{margin:0 0 10px}.ecl-map{justify-items:start;gap:10px;margin:0;display:grid}.ecl-map-img{border-radius:var(--radius-md);background:#fff;width:100%;max-width:560px;height:auto}.ecl-map figcaption{color:var(--ink-muted);font-size:.8125rem}.ecl-prevnext{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@media (min-width:640px){.ecl-prevnext{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.ecl-pn{border:1px solid var(--glass-line);border-radius:var(--radius-md);background:var(--glass);color:var(--ink);gap:2px;padding:14px 16px;text-decoration:none;display:grid}.ecl-pn:hover{border-color:var(--line-strong)}.ecl-pn-next{text-align:right}.ecl-how{color:var(--ink-secondary);font-size:.9375rem}.ecl-how p,.ecl-how ul{margin:0 0 10px}.ecl-how ul{padding-left:1.2em}.ecl-view-h{color:var(--ink-secondary);margin:0 0 8px}.ecl-tl{gap:6px;min-width:0;display:grid}.ecl-tl-figure{min-width:0;position:relative}.ecl-tl-top,.ecl-tl-ticks{color:var(--ink-secondary);font-size:.75rem;position:relative}.ecl-tl-top{height:1.5em}.ecl-tl-ticks{height:1.7em}.ecl-tl-ticks.has-row1{height:3.2em}.ecl-tl-hz{white-space:nowrap;color:var(--ink-muted);position:absolute;bottom:3px}.ecl-tl-hz b{color:var(--ink-secondary);font-weight:600}.ecl-tl-start{transform:none}.ecl-tl-mid{transform:translate(-50%)}.ecl-tl-end{transform:translate(-100%)}.ecl-tl-bar{background:var(--line);border-radius:6px;height:22px;position:relative}.ecl-tl-seg,.ecl-tl-below{position:absolute;top:0;bottom:0}.ecl-tl-seg:first-child{border-radius:6px 0 0 6px}.ecl-tl-seg:nth-last-child(1 of .ecl-tl-seg){border-radius:0 6px 6px 0}.ecl-ph-penumbral{background:color-mix(in oklab, var(--ink-muted) 30%, transparent)}.ecl-ph-partial{background:color-mix(in oklab, var(--accent) 55%, transparent)}.ecl-ph-annular{background:var(--accent)}.ecl-ph-total{background:var(--ink)}.ecl-tl-below{background:repeating-linear-gradient(135deg, color-mix(in oklab, var(--ink-muted) 45%, transparent) 0 2px, transparent 2px 7px), color-mix(in oklab, var(--surface) 78%, transparent);justify-content:center;align-items:center;display:flex;overflow:hidden}.ecl-tl-below-t{background:var(--surface);color:var(--ink-secondary);white-space:nowrap;border-radius:4px;padding:0 6px;font-size:.6875rem}.ecl-tl-peak{background:var(--ink);border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-5px;bottom:-5px}.ecl-tl-tick{white-space:nowrap;position:absolute;top:5px}.ecl-tl-row1{top:calc(1.55em + 5px)}.ecl-tl-tick.is-peak{color:var(--ink);font-weight:650}.ecl-tl-tick.is-hz{color:var(--ink-muted)}.ecl-tl-max{color:var(--ink-secondary);font-weight:500}.ecl-tl-legend{color:var(--ink-muted);flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex}.ecl-tl-legend li{align-items:center;gap:6px;display:inline-flex}.ecl-tl-chip{border-radius:3px;width:14px;height:10px;display:inline-block;position:static}.ecl-view{gap:4px;min-width:0;display:grid}.ecl-fr-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.ecl-fr-list{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}}.ecl-fr figure{text-align:center;justify-items:center;gap:6px;margin:0;display:grid}.ecl-fr-svg,.ecl-fr-none{aspect-ratio:1;border-radius:12px;width:100%;max-width:132px;display:block}.ecl-fr-none{border:1px dashed var(--line-strong);color:var(--ink-muted);place-items:center;padding:8px;font-size:.75rem;line-height:1.3;display:grid}.ecl-fr figcaption{color:var(--ink-secondary);gap:1px;font-size:.75rem;line-height:1.3;display:grid}.ecl-fr figcaption b{color:var(--ink);font-size:.8125rem}.ecl-fr.is-down figcaption{color:var(--ink-muted)}.ecl-fr-schem{color:var(--ink-muted);font-style:italic}.ecl-fr-orient{color:var(--ink-muted);margin:10px 0 0;font-size:.8125rem}.ecl-view-how{color:var(--ink-secondary);max-width:68ch;margin:0 0 8px;font-size:.875rem}.ecl-fr-sky-filter,.ecl-fr-filter-black,.ecl-fr-moon-black{fill:#040507}.ecl-fr-sky-total{fill:#0e1424}.ecl-fr-sky-night{fill:#0a0d18}.ecl-fr-umbra{fill:#121110;fill-opacity:.9}.ecl-fr-umbra-total{fill:#3a1a11;fill-opacity:.88}.ecl-fr-ground{fill:#18150f}.ecl-fr-horizon{stroke:#6a604d;stroke-width:1px;vector-effect:non-scaling-stroke}.ecl-tl-figure,.ecl-fr-time{font-variant-numeric:tabular-nums}.ecl-field-done{color:var(--accent);font-weight:600}.ecl-flash{border-radius:14px;scroll-margin-top:150px;animation:2.6s ease-out ecl-flash}@keyframes ecl-flash{0%,45%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent)}to{background:0 0;box-shadow:0 0 0 3px #0000}}@media (prefers-reduced-motion:reduce){.ecl-flash{animation:none}}.ecl-field-done{background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px;align-items:center;margin-top:8px;padding:6px 12px;font-size:.95rem;display:inline-flex}.ecl-filter{flex-wrap:wrap;gap:8px;margin-block:18px 12px;display:flex}.ecl-filter-btn{font:inherit;border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:.95rem}.ecl-filter-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.ecl-filter-btn:disabled{opacity:.5;cursor:default}.ecl-filter-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ecl-filter-empty{margin-block:8px 16px}
