.moon-tool{--moon-surface:var(--calc-surface,#27293d);--moon-inset:var(--calc-inset,#202236);--moon-line:var(--calc-line,rgba(165,166,191,0.18));--moon-text:var(--calc-text,#e5e5f0);--moon-muted:var(--calc-muted,#a8a9c0);--moon-accent:var(--calc-accent,#b8a0ef);color:var(--moon-text);font-size:13px;container-type:inline-size}.white-content .moon-tool{--moon-surface:#fff;--moon-inset:#f5f6fa;--moon-line:#dee5ed;--moon-text:#30344b;--moon-muted:#646980;--moon-accent:#7453a8}.moon-overview{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);grid-gap:18px;gap:18px}.moon-current{min-height:245px;display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #36405e;border-radius:16px;overflow:hidden;color:#edf0fa;background:radial-gradient(ellipse at 12% 20%,#253354 0,transparent 60%),#141c31}.moon-orbit{width:190px;flex-shrink:0;position:relative;border:1px solid rgba(166,181,221,.1);border-radius:50%}.moon-orbit:after,.moon-orbit:before{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#b6c3e2;box-shadow:17px 92px 0 -1px #b6c3e2,180px 37px 0 -1px #b6c3e2}.moon-orbit:before{left:8px;top:18px}.moon-orbit:after{right:11px;bottom:13px;opacity:.5}.moon-disc{display:block;width:46px;height:46px;overflow:visible;flex-shrink:0}.moon-orbit .moon-disc{width:100%;height:auto;filter:drop-shadow(0 0 22px rgba(178,199,244,.12))}.moon-eyebrow{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--moon-muted)}.moon-current .moon-eyebrow{color:#aebddc}.moon-tool .moon-current h2{color:#f1f3fd;font-size:27px;line-height:1.25;margin:12px 0;font-weight:500;letter-spacing:-.03em}.moon-percent{margin:0 0 14px;color:#b8c4dc}.moon-percent strong{color:#f0f3fc;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.moon-state-tag{display:inline-block;padding:5px 9px;border:1px solid rgba(181,197,230,.24);border-radius:20px;color:#d2dcf0;font-size:11px}.moon-current-time{font-size:11px;color:#aebbd5;margin:14px 0 0}.moon-next{display:flex;flex-direction:column;padding:26px;border:1px solid var(--moon-line);border-radius:16px;background:var(--moon-surface)}.moon-tool .moon-next h3{font-size:24px;color:var(--moon-text);margin:19px 0 10px;line-height:1.2;font-weight:500}.moon-next>time{color:var(--moon-accent);font-size:14px;line-height:1.6}.moon-timezone{margin-top:10px;color:var(--moon-muted);font-size:10px}.moon-next p{color:var(--moon-muted);font-size:11px;line-height:1.65;margin:18px 0 0}.moon-events{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin:18px 0 28px}.moon-event{display:flex;gap:10px;align-items:center;padding:16px 12px;border:1px solid var(--moon-line);border-radius:12px;background:var(--moon-surface)}.moon-tool .moon-event h3{color:var(--moon-text);font-size:12px;font-weight:500;margin:0 0 6px}.moon-event time{color:var(--moon-muted);font-size:11px;line-height:1.5;display:block}.moon-event-full{border-color:color-mix(in srgb,var(--moon-accent) 55%,var(--moon-line))}.moon-calendar{padding:26px;background:var(--moon-surface);border:1px solid var(--moon-line);border-radius:16px}.moon-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.moon-tool .moon-calendar-heading h2{color:var(--moon-text);font-size:25px;font-weight:500;line-height:1.3;letter-spacing:-.025em;margin:10px 0 0;text-transform:capitalize}.moon-navigation{display:flex;align-items:center;gap:6px}.moon-navigation button{border:1px solid var(--moon-line);border-radius:8px;width:38px;height:38px;display:grid;place-items:center;background:var(--moon-inset);color:var(--moon-text);cursor:pointer;padding:0}.moon-navigation .moon-today{width:auto;padding:0 12px;font-size:11px}.moon-navigation svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.5;fill:none}.moon-navigation button:disabled{opacity:.4;cursor:default}.moon-calendar-controls{display:grid;grid-template-columns:minmax(0,200px) minmax(0,130px);grid-gap:12px;gap:12px;margin-top:24px}.moon-calendar-controls .calc-field{margin:0}.moon-year-error{font-size:12px;color:var(--moon-accent);margin:12px 0}.moon-calendar-table{table-layout:fixed;border-collapse:initial;border-spacing:6px;width:calc(100% + 12px);margin:20px -6px 0}.moon-calendar-table th{font-size:11px;color:var(--moon-muted);text-align:center;padding-bottom:9px;font-weight:400;text-transform:capitalize}.moon-calendar-table td{padding:0;vertical-align:top}.moon-day{width:100%;min-height:96px;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;padding:10px 3px 7px;border:1px solid transparent;border-radius:10px;background:var(--moon-inset);color:var(--moon-text);cursor:pointer;transition:border-color .15s,background .15s}.moon-day time{align-self:flex-start;margin-left:8px;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.moon-day .moon-disc{width:42px;height:42px}.moon-day[aria-current=date] time{font-weight:700;color:var(--moon-accent)}.moon-day[aria-current=date]:before{content:"";width:4px;height:4px;position:absolute;right:10px;top:14px;background:var(--moon-accent);border-radius:50%}.moon-day:hover,.moon-day[aria-pressed=true]{border-color:var(--moon-accent)}.moon-day-dot{width:4px;height:4px;border-radius:50%;background:transparent}.moon-day-event .moon-day-dot{background:var(--moon-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--moon-accent) 12%,transparent)}.moon-day:focus-visible,.moon-method summary:focus-visible,.moon-navigation button:focus-visible{outline:2px solid var(--moon-accent);outline-offset:3px}.moon-selected{display:grid;grid-gap:7px;gap:7px;padding:18px 20px;margin-top:18px;border:1px solid var(--moon-line);border-radius:10px;background:var(--moon-inset)}.moon-selected strong{color:var(--moon-text);font-size:13px;font-weight:500}.moon-selected>span:not(.moon-eyebrow){color:var(--moon-muted);font-size:12px}.moon-selected p{margin:4px 0 0;color:var(--moon-accent);font-size:12px}.moon-caption{font-size:11px;color:var(--moon-muted);line-height:1.7;margin:16px 0 0;max-width:80ch}.moon-method{margin-top:22px;border-top:1px solid var(--moon-line);padding-top:18px;color:var(--moon-muted);font-size:12px;line-height:1.8}.moon-method summary{color:var(--moon-text);cursor:pointer;width:fit-content}.moon-method p{margin:16px 0 0;max-width:90ch}.moon-method ul{padding-left:18px;margin:12px 0}.moon-method a{color:var(--moon-accent)}.moon-method small{font-size:11px}.moon-loading{color:#c4cee2;margin:auto}@container (max-width: 1100px){.moon-current{padding:20px;gap:12px}.moon-orbit{width:150px}.moon-tool .moon-current h2{font-size:23px}.moon-events{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 760px){.moon-overview{grid-template-columns:minmax(0,1fr)}.moon-current{justify-content:center}.moon-next{padding:20px}.moon-tool .moon-next h3{margin-top:13px}.moon-next p{max-width:65ch}.moon-calendar{padding:18px}.moon-calendar-table{border-spacing:4px;width:calc(100% + 8px);margin-left:-4px;margin-right:-4px}.moon-day{min-height:87px}}@container (max-width: 440px){.moon-current{gap:8px;padding:18px 12px;min-height:220px}.moon-orbit{width:130px}.moon-tool .moon-current h2{font-size:21px}.moon-eyebrow{font-size:9px;letter-spacing:.06em}.moon-current-time{font-size:10px;line-height:1.6;max-width:21ch}.moon-event{padding:12px 8px;gap:6px}.moon-event .moon-disc{width:35px;height:35px}.moon-tool .moon-event h3{font-size:11px}.moon-calendar{padding:15px 12px}.moon-calendar-heading{gap:8px}.moon-tool .moon-calendar-heading h2{font-size:22px}.moon-navigation{gap:4px}.moon-navigation button{width:32px;height:36px}.moon-navigation .moon-today{padding:0 8px}.moon-day{min-height:76px;padding-top:7px;gap:5px;border-radius:7px}.moon-day time{margin-left:4px;font-size:10px}.moon-day .moon-disc{width:31px;height:31px}.moon-day[aria-current=date]:before{top:10px;right:6px;width:3px;height:3px}.moon-selected{padding:14px}}@media (prefers-reduced-motion:reduce){.moon-tool *,.moon-tool :after,.moon-tool :before{transition:none!important;animation:none!important}}