:root{--sun:#7fd7ff;--moon:#a9c4ff;--rise:#7fe3d0;--fall:#8fb4ff;--slack:#b9c3d8}.chip .dot{background:var(--sun);box-shadow:0 0 10px var(--sun)}.picker{width:min(640px, calc(100vw - 2 * var(--pad)))}.picker-list{grid-template-columns:1fr 1fr;gap:4px;max-height:min(52svh,480px);display:grid;overflow:auto}.picker-list button{text-align:left;border-color:#0000;border-radius:10px;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px;padding:8px 10px;display:grid}.picker-list button b{font:600 13.5px var(--sans);color:var(--ink)}.picker-list button i{font:11.5px var(--mono);color:var(--faint);font-style:normal}.picker-list button small{color:var(--muted);grid-column:1/-1;font-size:11.5px;line-height:1.4}.picker-list button[aria-pressed=true]{background:#7fd7ff24;border-color:#7fd7ff66}.picker-note{font:11.5px/1.5 var(--mono);color:var(--faint);margin-top:10px}.readout{text-shadow:0 1px 3px #0000008c,0 2px 30px #000000a6;max-width:min(640px,76vw - 240px);left:calc(24vw + 110px)}.phase-sub{max-width:60ch}.facts dd.flag{color:var(--bad)}.phase-note{max-width:58ch;font:12px/1.45 var(--mono);color:#ffffff9e;margin-top:10px}.phase-note.flag{color:var(--bad)}.phase-note:empty{display:none}.params{flex-wrap:wrap;gap:8px 22px;margin-top:14px;display:flex}.param{align-items:center;gap:8px;display:flex}.param[hidden]{display:none}.param-name{font:500 12.5px var(--mono);color:var(--faint)}.params .seg{margin-top:0}.params .seg button{flex:none;padding:4px 10px}.param-note{font:11.5px/1.5 var(--mono);color:var(--faint);max-width:60ch;margin-top:8px}.ranges{align-items:flex-end;gap:2px;height:220px;padding:0 0 22px;display:flex;position:relative}.ranges button{cursor:pointer;background:0 0;border:0;border-radius:3px 3px 0 0;flex:1 1 0;min-width:0;height:100%;padding:0;position:relative}.ranges button span{background:#7fd7ff52;border-radius:3px 3px 0 0;transition:background .15s;position:absolute;bottom:0;left:0;right:0}.ranges button:hover span,.ranges button.today span{background:#7fd7ffb3}.ranges button.spring span{background:var(--rise)}.ranges button.neap span{background:var(--fall)}.ranges button i{font:10px var(--mono);color:var(--faint);white-space:nowrap;font-style:normal;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.ranges button.spring i,.ranges button.neap i{color:var(--ink)}.ranges-legend{gap:14px;display:flex}.windows{border:1px solid var(--line);background:#ffffff0d;border-radius:10px;height:56px;margin-top:8px;position:relative;overflow:hidden}.windows .win{border-left:1px solid var(--rise);border-right:1px solid var(--rise);background:#7fe3d059;position:absolute;top:0;bottom:0}.windows .win.open-start{border-left-style:dashed}.windows .win.open-end{border-right-style:dashed}.windows .tick{font:10px var(--mono);color:var(--faint);position:absolute;bottom:4px;transform:translate(-50%)}.windows .cursor{opacity:.85;background:#fff;width:2px;position:absolute;top:0;bottom:0}.windows .empty{font:12.5px var(--mono);color:var(--faint);place-items:center;display:grid;position:absolute;inset:0}.kv dd.open{color:var(--rise);font-weight:600}@media (width<=640px){.readout{left:calc(30vw + 12px);right:var(--pad);max-width:none}.facts dt{white-space:nowrap}.phase{font-size:30px}.picker-list{grid-template-columns:1fr;max-height:60svh}.ranges{height:160px}.ranges button i{display:none}.ranges button.spring i,.ranges button.neap i{display:block}}