#messages>.day-label{position:sticky;top:6px;z-index:2;align-self:center;border:0;border-radius:16px;padding:4px 12px;min-height:26px;font-size:12px;font-weight:500;line-height:18px;cursor:pointer;user-select:none;-webkit-user-select:none;box-shadow:0 1px 3px #0002}
#messages>.day-label:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
#chat-calendar{width:354px;max-width:calc(100vw - 24px);padding:14px;border-radius:18px;background:var(--panel,#20252d);color:var(--text);overflow:auto}
#chat-calendar header{display:flex;align-items:center;gap:4px;margin:0 0 8px;padding:0;border:0}
#calendar-month{flex:1;text-align:left;text-transform:capitalize;color:var(--text);font-weight:600;padding:8px 4px;font-size:15px}
#chat-calendar header .icon{width:36px;height:36px;min-width:36px;font-size:26px}
.calendar-weekdays,#calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.calendar-weekdays{margin-bottom:8px;color:var(--muted);font-size:12px;text-align:center}
#calendar-days .calendar-day{position:relative;display:grid;place-items:center;aspect-ratio:1;border:2px solid transparent;border-radius:50%;padding:0;min-height:0;overflow:hidden;background:transparent;color:var(--text);font-size:13px;line-height:1;user-select:none;-webkit-user-select:none}
.calendar-day img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.calendar-day span{position:relative;z-index:1}.calendar-day.has-thumbnail span{color:white;text-shadow:0 1px 3px #000,0 0 5px #000;background:#0003;padding:4px;border-radius:10px}
#calendar-days .other-month,#calendar-days .calendar-day:disabled{opacity:.35}
#calendar-days .has-messages:not(.has-thumbnail){background:#ffffff0b}
#calendar-days .today{box-shadow:inset 0 0 0 1px var(--blue)}
#calendar-days .calendar-day.chosen{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);background:#469cff44}
#calendar-days .calendar-day:focus-visible{outline:2px solid var(--blue);outline-offset:0}
#chat-calendar footer,#calendar-clear-confirm footer{display:flex;justify-content:space-between;gap:12px;margin-top:12px}
#chat-calendar .text-button,#calendar-clear-confirm .text-button{color:var(--blue)}
#chat-calendar .danger,#calendar-clear-confirm .danger{color:#ff626a}
#calendar-hint:empty,#calendar-clear-error:empty{display:none}
#calendar-hint,#calendar-clear-error{font-size:13px;margin:10px 4px 0;color:var(--muted)}
#calendar-clear-confirm{width:380px;max-width:calc(100vw - 24px);padding:20px;border-radius:18px}
#calendar-clear-summary{max-height:130px;overflow:auto;font-weight:600}
#calendar-clear-confirm p{font-size:14px;line-height:1.5}
#calendar-month-picker:not([hidden]){display:flex;gap:8px;margin:8px 0 12px}#calendar-month-picker select{min-width:0;flex:1}
.theme-light #chat-calendar{background:#fff}.theme-light #calendar-days .has-messages:not(.has-thumbnail){background:#458cff12}