.month-planner{margin:16px 0;padding:18px;border:1px solid var(--dash-line);border-radius:18px;background:var(--dash-surface);color:var(--dash-ink)}
.month-planner .planner-date.planner-moon-only{border:1px dashed var(--dash-line);background:var(--dash-surface)}.planner-moon-only .planner-day-forecast{font-weight:400;color:var(--site-muted,#577577)}.month-planner .planner-date.planner-moon-only[aria-pressed=true]{background:var(--site-accent,#137e83);color:white}.planner-moon-only[aria-pressed=true] .planner-day-forecast{color:inherit}.planner-date>span:first-child{font-size:11px;white-space:nowrap}
.planner-day-forecast{grid-column:1/-1;display:grid;gap:3px;font-size:10px;line-height:1.3;text-align:center;letter-spacing:-.3px}.planner-forecast-note{font-size:12px;line-height:1.5;color:var(--site-muted,#577577);margin:0 0 6px}.month-planner .planner-refresh{font-size:11px;min-height:36px;margin-bottom:12px}.planner-forecast-detail{padding:8px 10px;margin-bottom:14px;border-radius:9px;background:var(--site-soft,#e8f2eb)}.planner-forecast-detail p{font-size:12px;margin:5px 0;line-height:1.5}.planner-forecast-detail p:last-child{font-size:10px;color:var(--site-muted,#577577)}
.planner-heading,.planner-month-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.planner-heading h3{font-size:19px;margin:0}.planner-heading p,.planner-privacy,.planner-legend,.planner-empty{font-size:12px;line-height:1.5;color:var(--site-muted,#577577)}
.planner-heading p{margin:5px 0 14px}.planner-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px}.planner-month-nav{margin:0 0 10px}.month-planner button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--dash-line);background:var(--dash-surface);border-radius:9px;min-height:40px;padding:6px 12px}.month-planner button:focus-visible{outline:3px solid var(--site-accent,#137e83);outline-offset:2px}.planner-month-nav button{font-size:24px;width:42px}.planner-heading button{font-size:12px;white-space:nowrap}
.planner-weekdays,.planner-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.planner-weekdays{text-align:center;font-size:11px;margin-bottom:6px;color:var(--site-muted,#577577)}.month-planner .planner-date{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;padding:4px;min-height:49px;font-size:12px;background:var(--site-soft,#e8f2eb);border-color:transparent}.planner-date small{grid-column:1/-1;height:9px;font-size:9px;line-height:9px;color:var(--site-accent,#137e83)}.planner-moon{font-size:17px}.month-planner .planner-date[aria-current=date]{border-color:var(--site-accent,#137e83)}.month-planner .planner-date[aria-pressed=true]{background:var(--site-accent,#137e83);color:white}.month-planner .planner-date[aria-pressed=true] small{color:white}.planner-legend{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 0;font-size:10px}.planner-day-detail{border-left:1px solid var(--dash-line);padding-left:24px;align-self:stretch}.planner-day-detail [data-phase]{font-size:42px}.planner-day-detail h4{font-size:18px;margin:8px 0}.planner-day-detail [data-phase-copy]{font-size:13px;margin:0 0 16px}.month-planner [data-save]{background:var(--site-accent,#137e83);color:white;font-size:13px}.month-planner button:disabled{opacity:.5;cursor:not-allowed}.planner-trip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--dash-line);font-size:12px;overflow-wrap:anywhere}.planner-trip button{font-size:11px;flex:none}.planner-day-detail [data-status]{font-size:12px;line-height:1.4}
html.theme-night .month-planner [data-save],html.theme-night .month-planner .planner-date[aria-pressed=true],html.theme-night .month-planner .planner-date[aria-pressed=true] small{color:#102f36}
@media(max-width:650px){.month-planner{padding:12px}.planner-layout{grid-template-columns:1fr;gap:16px}.planner-day-detail{padding:14px 0 0;border-left:0;border-top:1px solid var(--dash-line)}.planner-day-detail [data-phase]{float:right;font-size:36px}.planner-heading{align-items:start}.planner-heading h3{font-size:18px}.planner-heading p{max-width:210px}.planner-moon{font-size:15px}}