.os-tonight{display:grid;gap:22px 16px;padding-block:20px 40px;grid-template-areas:"head" "best" "ev" "cond" "moon" "also" "cal"}.os-tn-head{grid-area:head;display:grid;gap:8px}.os-promise{color:var(--ink-2);font-size:16px;max-width:36em}.os-sky-wait{min-height:220px}.os-hb{grid-area:best;border-top:2px solid var(--ink);padding-top:14px}.os-hb-wait{margin-top:12px;font-size:16px;color:var(--ink-2)}.os-hb-line{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:start;margin-top:12px}.os-hb-time{font-weight:500;font-size:40px;line-height:1;letter-spacing:-.01em}.os-hb-time small{display:block;font-size:14px;font-weight:500;letter-spacing:.02em;color:var(--ink-3);margin-top:8px}.os-hb-name{font-family:var(--font-serif);font-weight:600;font-size:24px;line-height:1.2}.os-hb-name span{display:block;font-family:var(--font-sans);font-size:15px;font-weight:400;color:var(--ink-2);margin-top:2px}.os-hb-facts{margin-top:12px;font-size:16px}.os-hb-facts b{font-weight:700}.os-hb-window{margin-top:10px;padding-top:8px;border-top:1px solid var(--rule);font-size:15px;color:var(--ink-2)}.os-hb .os-link{margin-top:4px}.os-cond{grid-area:cond;border-top:1px solid var(--rule)}.os-cond>div{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--rule)}.os-cond dt{font-size:14px;font-weight:500;color:var(--ink-3);padding-top:1px}.os-cond dd{font-size:16px}.os-cond dd small{display:block;font-size:14px;color:var(--ink-2)}.os-link--inline{min-height:0}.os-moon{grid-area:moon;display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center}.os-moon-art{width:64px;height:64px}.os-moon h2{font-family:var(--font-serif);font-weight:600;font-size:20px;line-height:1.25}.os-moon-sub{font-size:15px;color:var(--ink-2)}.os-moon-note{display:none}.os-moon-next{margin-top:6px;font-size:15px;color:var(--ink-2)}.os-moon-next b{color:var(--ink)}.os-also{grid-area:also}.os-also ul{margin-top:6px}.os-also li{padding:10px 0;border-top:1px solid var(--rule)}.os-also-what{font-size:15px;color:var(--ink-2)}.os-also-what b{display:block;color:var(--ink);font-size:17px;font-weight:700}.os-phases{grid-area:cal}.os-phases ol{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px;margin-top:8px}.os-phases li{display:grid;gap:2px;font-size:14px;line-height:1.35;color:var(--ink-2)}.os-phases li b{color:var(--ink);font-weight:500}.os-phases .is-key b{color:var(--shu);font-weight:700}@media (min-width:700px){.os-tonight{grid-template-columns:repeat(6,minmax(0,1fr));padding-block:32px 56px;grid-template-areas:"head head head head head head" "best best best moon moon moon" "ev ev ev ev ev ev" "also also also cond cond cond" "cal cal cal cal cal cal"}.os-moon{grid-template-columns:80px 1fr;align-self:start;padding:20px;background:var(--sumi);color:var(--on-sumi)}.os-moon-next,.os-moon-sub{color:var(--on-sumi-2)}.os-moon-next b{color:var(--on-sumi)}.os-moon-art{width:80px;height:80px}.os-phases ol{grid-template-columns:repeat(4,1fr);max-width:640px}}@media (min-width:1100px){.os-tonight{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:28px;padding-block:40px 64px;grid-template-areas:"head head head head head head head . moon moon moon moon" "best best best best best best best . moon moon moon moon" "best best best best best best best . ev ev ev ev" "also also also also also also also . cond cond cond cond" "also also also also also also also . cal cal cal cal"}.os-hb-time{font-size:60px}.os-hb-name{font-size:30px}.os-moon{grid-template-columns:120px 1fr;align-self:start;align-items:start;padding:24px;gap:20px}.os-moon-art{width:120px;height:120px}.os-tonight .os-event{grid-template-columns:1fr;align-self:start}.os-tonight .os-ev-link{grid-template-columns:48px 1fr 24px}.os-tonight .os-ev-emblem{width:48px;height:48px}.os-tonight .os-countdown{grid-column:2/4;grid-row:2}.os-moon h2{font-size:28px}.os-moon-note{display:block;margin-top:8px;font-size:15px;color:var(--on-sumi-2)}.os-phases ol{grid-template-columns:1fr 1fr}}.os-event{grid-area:ev;display:grid;gap:12px;padding-top:16px;border-top:2px solid var(--ink)}.os-ev-link{display:grid;grid-template-columns:48px 1fr auto;gap:6px 16px;align-items:center;text-decoration:none;color:var(--ink)}.os-ev-emblem{width:48px;height:48px}.os-ev-title{display:block;font-family:var(--font-serif);font-weight:600;font-size:24px;line-height:1.2}.os-ev-link:hover .os-ev-title{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.os-ev-meta{display:block;margin-top:2px;font-size:15px;color:var(--ink-2)}.os-countdown{grid-column:2/4;display:flex;align-items:baseline;gap:10px}.os-countdown-n{font-family:var(--font-serif);font-weight:600;font-size:48px;line-height:1}.os-countdown span:last-child{font-size:16px;color:var(--ink-2)}.os-ev-arrow{display:none}.os-ev-cal{justify-self:start}@media (min-width:700px){.os-event{grid-template-columns:1fr auto;align-items:center;column-gap:24px}.os-event>h2{grid-column:1/-1}.os-ev-link{grid-template-columns:64px 1fr auto 24px}.os-ev-emblem{width:64px;height:64px}.os-countdown{grid-column:auto}.os-countdown-n{font-size:56px}.os-ev-arrow{display:block;width:24px;height:24px;color:var(--ink-3)}}.os-tool-grid{display:grid;border-top:2px solid var(--ink)}.os-tool-card{display:grid;grid-template-columns:48px 1fr;gap:2px 16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink)}.os-tool-card .os-crest{width:48px;height:48px;grid-row:span 2}.os-tc-name{font-family:var(--font-serif);font-weight:600;font-size:19px;line-height:1.25}.os-tc-line{font-size:15px;color:var(--ink-2)}.os-tool-card:hover .os-tc-name{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.os-more-tools{margin-top:28px}.os-more-tools h3{font-size:13px;font-weight:500;color:var(--ink-3);letter-spacing:.03em;margin-bottom:6px}.os-more-tools ul{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.os-more-tools a{display:flex;align-items:center;gap:10px;min-height:48px;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink);font-size:16px}.os-more-tools .os-crest{width:26px;height:26px}@media (min-width:700px){.os-tool-grid{grid-template-columns:1fr 1fr;column-gap:24px}.os-more-tools ul{grid-template-columns:repeat(3,1fr)}}@media (min-width:1100px){.os-tool-grid{grid-template-columns:repeat(3,1fr)}.os-tool-card{grid-template-columns:1fr;padding:20px 0 22px}.os-tool-card .os-crest{grid-row:auto;margin-bottom:8px}.os-more-tools ul{grid-template-columns:repeat(4,1fr)}}