/* Campus glass and warm classroom light, shared by the strip and month picker. */
#calendar-overlay{--cal-surface:rgba(23,35,56,.94);--cal-text:#e6eef5;--cal-muted:#9ab3c6;--cal-accent:#ffd595;--cal-line:#a9c8dc30;--cal-hover:#a9c8dc18;--cal-selected:#f1c787;--cal-ink:#263449;color:var(--cal-text)}
[data-appearance=day] #calendar-overlay{--cal-surface:rgba(245,249,247,.95);--cal-text:#304c55;--cal-muted:#65828a;--cal-accent:#80612f;--cal-line:#64858b38;--cal-hover:#718e8d17;--cal-selected:#dbe9df;--cal-ink:#294f4c}
#calendar-overlay .calendar-nav,#calendar-overlay .month-popover{background:var(--cal-surface);border:1px solid var(--cal-line);box-shadow:0 12px 36px #07121e45,inset 0 1px #ffffff0c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#calendar-overlay .calendar-nav{border-radius:22px;padding:10px 16px}
#calendar-overlay .month-label{font-size:22px;color:var(--cal-accent);border-color:var(--cal-line);letter-spacing:0}
#calendar-overlay .month-label::after{content:'月';font-size:11px;margin-left:3px;font-weight:500}
#calendar-overlay .month-label:hover,#calendar-overlay .review-btn:hover{color:var(--cal-text)}
#calendar-overlay .day{height:60px;border-radius:15px;color:var(--cal-text);font-weight:500}
#calendar-overlay .day.near{opacity:.7}
#calendar-overlay .day.far{opacity:.38;filter:none}
#calendar-overlay .day.active{background:var(--cal-selected);color:var(--cal-ink);box-shadow:0 3px 14px #00000026,inset 0 1px #ffffff40;font-weight:700}
#calendar-overlay .day.active::after{content:'';position:absolute;bottom:8px;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6}
#calendar-overlay .review-btn{color:var(--cal-accent);border-color:var(--cal-line);font-size:15px;letter-spacing:0}
#calendar-overlay .pop-title,#calendar-overlay .cell{color:var(--cal-text)}
#calendar-overlay .week-row span{color:var(--cal-muted)}
#calendar-overlay .pop-nav button{color:var(--cal-text);background:var(--cal-hover);min-height:32px;width:32px}
#calendar-overlay .pop-nav button:hover,#calendar-overlay .cell:hover{background:var(--cal-hover)}
#calendar-overlay .cell.today{border-color:var(--cal-accent);color:var(--cal-accent)}
#calendar-overlay .cell.selected,#calendar-overlay .cell.selected:hover{background:var(--cal-selected);color:var(--cal-ink)}
#calendar-overlay .cell.selected.today{border-color:var(--cal-accent)}
#calendar-overlay button:focus-visible{outline:2px solid var(--cal-accent);outline-offset:2px}
@media(prefers-reduced-motion:reduce){#calendar-overlay *{transition:none!important}}