.time-player{position:absolute;z-index:675;display:flex;align-items:flex-start;gap:10px;pointer-events:none}
.time-player button{pointer-events:auto;flex:none;width:32px;height:32px;display:grid;place-items:center;border:1px solid #d0d5d7;border-radius:50%;background:#ffffffb3;color:#536773;box-shadow:0 2px 0 #0002;cursor:pointer;padding:0}
.time-player button svg{display:block;width:20px;height:20px;fill:currentColor}
.time-track{position:relative;pointer-events:auto;flex:1;min-width:0;height:62px;padding:7px 12px 0;background:none;border:0;box-shadow:none}
.time-track input{position:relative;display:block;width:100%;height:18px;margin:0;accent-color:#536773;cursor:pointer}
.time-player .time-date{position:absolute;top:31px;left:50%;transform:translateX(-50%);width:min(150px,calc(100% - 24px));height:28px;line-height:1;text-align:center;font-size:11px;color:#304956;white-space:nowrap;margin:0;font-variant-numeric:tabular-nums}
.culture-dark .time-player button{background:#171717b3;color:#e7edf0;border-color:#515b61}
.culture-dark .time-player .time-date{color:#e7edf0;background:#171717}.culture-dark .time-track input{accent-color:#a0b7c4}

.time-player .time-date{display:flex;align-items:center;justify-content:center;padding:0 7px;border:1px solid rgba(166,179,187,.65);border-radius:999px;background:#fff;box-shadow:none;cursor:pointer;color:#304956;font-family:inherit}
.time-player .time-date:hover,.time-player .time-date:focus-visible{background:#f4f6f7;border-color:rgba(83,103,115,.3);text-decoration:none}
.culture-dark .time-player .time-date:hover,.culture-dark .time-player .time-date:focus-visible{background:#282e32;border-color:rgba(200,222,234,.35)}
.culture-dark .time-player .time-date{color:#e7edf0}

/* Centrage optique du texte, indépendant de la forme du bouton. */
.time-player .time-date{padding:0 7px;align-items:center;justify-content:center}
.time-date-text{display:block;line-height:14px;transform:translateY(-1px)}

/* Options de dates dans le calendrier de lecture uniquement. */
.calendar-precise{margin:12px 0}.calendar-mode{position:relative;display:flex;background:#e8edef;border-radius:22px;padding:3px;isolation:isolate}.calendar-mode::before{content:"";position:absolute;z-index:-1;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:20px;background:#536773;transition:transform .18s}.calendar-mode.dates-mode::before{transform:translateX(100%)}.calendar-mode button{flex:1;background:transparent;border:0;border-radius:20px;padding:8px;color:#304956;font-size:12px}.calendar-mode button[aria-pressed=true]{color:#fff}
.calendar-month-range{display:flex;gap:12px;margin:14px 0 12px}.calendar-month-range label{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;font-size:11px}.calendar-month-range select{width:100%;padding:7px 8px;border:1px solid #b8c2c8;border-radius:8px;background:#fff;color:#304956;font-size:11px}.calendar-weekdays{display:flex;gap:5px}.calendar-weekdays button{flex:1;min-width:0;border:1px solid #b8c2c8;border-radius:13px;background:#fff;color:#304956;padding:7px 3px;font-size:11px}.calendar-weekdays button[aria-pressed=true]{background:#536773;color:#fff;border-color:#536773}#period-dialog .calendar-dates-help{font-size:11px;margin:10px 0;line-height:1.5}
.culture-dark .calendar-mode{background:#30373b}.culture-dark .calendar-mode button{color:#eee}.culture-dark .calendar-month-range select,.culture-dark .calendar-weekdays button{background:#252525;color:#eee;border-color:#59656b}.culture-dark .calendar-weekdays button[aria-pressed=true]{background:#536773;color:#fff}
#period-dialog{max-height:calc(100dvh - 32px);overflow:auto}
@media(prefers-reduced-motion:reduce){.calendar-mode::before{transition:none}}

#period-dialog.timeline-calendar{width:440px;padding:20px}
.timeline-calendar #period-selection{min-height:20px;margin:12px 0}
.timeline-calendar .calendar-nav{margin:12px 0 10px}
.timeline-calendar .calendar-precise{margin:12px 0}

/* Centrage indépendant du caractère typographique masqué. */
#month-prev,#month-next{position:relative;padding:0;font-size:0;line-height:1}
#month-prev::before,#month-next::before{content:"";position:absolute;top:50%;left:50%;display:block;box-sizing:border-box;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor}
#month-prev::before{transform:translate(calc(-50% + 2px),-50%) rotate(-135deg)}
#month-next::before{transform:translate(calc(-50% - 2px),-50%) rotate(45deg)}

.calendar-speed{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:12px 0 16px;font-size:12px}
.calendar-speed select{padding:7px 10px;border:1px solid #b8c2c8;border-radius:8px;background:#fff;color:#304956;font-size:12px}
.culture-dark .calendar-speed select{background:#252525;color:#eee;border-color:#59656b}

.calendar-speed>span{white-space:nowrap;flex-shrink:0}
.calendar-speed select{appearance:none;-webkit-appearance:none;width:calc(var(--speed-chars,1)*1ch + 42px);min-width:50px;flex:0 0 auto;padding:7px 27px 7px 9px;font-variant-numeric:tabular-nums;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23536773' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px 8px}
.culture-dark .calendar-speed select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23eeeeee' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") }
.calendar-speed-unit{font-variant-numeric:tabular-nums}

.culture-dark .calendar-speed select{background-repeat:no-repeat;background-position:right 8px center;background-size:12px 8px}

.time-player[hidden]{display:none}
.timeline-option{display:flex;align-items:center;gap:9px;margin:18px 0 12px;font-size:12px;cursor:pointer}