[data-tool="compteur-avant-une-date"]{--date-countdown-border: var(--outil-bord);--date-countdown-surface: var(--outil-surface);--date-countdown-surface-hover: var(--outil-surface-hover,#eef7ee);--date-countdown-action: #166534;--date-countdown-action-hover: #14532d;--date-countdown-action-text: #fff;--date-countdown-warning: #d97706;--date-countdown-warning-bg: #fff7ed;--date-countdown-warning-border: #fed7aa;--date-countdown-text: #1f2937;--date-countdown-soft-text: #374151;--date-countdown-title: #111827;display: grid;gap: 1rem;color: var(--date-countdown-text)}[data-tool="compteur-avant-une-date"] *,[data-tool="compteur-avant-une-date"] *::before,[data-tool="compteur-avant-une-date"] *::after{box-sizing: border-box}[data-tool="compteur-avant-une-date"] button:not(:disabled){cursor: pointer}[data-tool="compteur-avant-une-date"] button:disabled{cursor: not-allowed}[data-tool="compteur-avant-une-date"] .date-countdown-intro{margin: 0;color: var(--date-countdown-soft-text);line-height: 1.55}[data-tool="compteur-avant-une-date"] .date-countdown-card{border: 1px solid var(--date-countdown-border);border-radius: 16px;background: #fff;padding: clamp(1rem,2.4vw,1.35rem)}[data-tool="compteur-avant-une-date"] .date-countdown-card-head{margin-bottom: 1rem}[data-tool="compteur-avant-une-date"] h2{width: 100%;margin: 0;color: var(--date-countdown-title);font-size: 1.08rem;font-weight: 900;line-height: 1.2;text-align: center}[data-tool="compteur-avant-une-date"] .date-countdown-settings-row{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 1rem;align-items: end}[data-tool="compteur-avant-une-date"] .date-countdown-field{display: grid;gap: 0.45rem;min-width: 0}[data-tool="compteur-avant-une-date"] .date-countdown-field span{color: var(--date-countdown-title);font-weight: 900;line-height: 1.2}[data-tool="compteur-avant-une-date"] input{width: 100%;min-width: 0;min-height: 48px;border: 1px solid var(--date-countdown-border);border-radius: 12px;background: #fff;color: var(--date-countdown-title);font: inherit;font-size: 1.08rem;font-weight: 900;line-height: 1.15;padding: 0.65rem 0.8rem;transition: border-color 0.14s ease,box-shadow 0.14s ease,background-color 0.14s ease}[data-tool="compteur-avant-une-date"] input:focus-visible{border-color: var(--date-countdown-action-hover);outline: 3px solid rgb(var(--outil-ombre-rgb) / 0.22);outline-offset: 2px}[data-tool="compteur-avant-une-date"] .date-countdown-actions{display: flex;flex-wrap: wrap;align-items: end;justify-content: flex-end;gap: 0.6rem}[data-tool="compteur-avant-une-date"] .date-countdown-button{min-height: 48px;border: 1px solid var(--date-countdown-action);border-radius: 12px;padding: 0.65rem 0.95rem;font: inherit;font-weight: 900;line-height: 1.1;touch-action: manipulation;transition: background-color 0.14s ease,border-color 0.14s ease,color 0.14s ease,box-shadow 0.14s ease,transform 0.1s ease}[data-tool="compteur-avant-une-date"] .date-countdown-button:not(:disabled):active{transform: translateY(2px) scale(0.98);box-shadow: inset 0 2px 4px rgb(0 0 0 / 0.16)}[data-tool="compteur-avant-une-date"] .date-countdown-button:focus-visible{outline: 3px solid rgb(var(--outil-ombre-rgb) / 0.22);outline-offset: 2px}[data-tool="compteur-avant-une-date"] .date-countdown-button-secondary{background: #fff;color: var(--date-countdown-action)}[data-tool="compteur-avant-une-date"] .date-countdown-button-secondary:hover,[data-tool="compteur-avant-une-date"] .date-countdown-button-secondary:focus-visible{border-color: var(--date-countdown-action-hover);color: var(--date-countdown-action-hover);background: var(--date-countdown-surface-hover)}[data-tool="compteur-avant-une-date"] .date-countdown-result{display: grid;gap: 0.65rem}[data-tool="compteur-avant-une-date"] .date-countdown-result-head{position: relative;display: grid;grid-template-columns: 1fr;justify-items: center;margin-bottom: 0;text-align: center}[data-tool="compteur-avant-une-date"] .date-countdown-result-message{position: absolute;top: 50%;right: 0;max-width: min(16rem,35%);margin: 0;color: var(--date-countdown-action);font-size: 0.88rem;font-weight: 800;line-height: 1.25;text-align: right;opacity: 0;transform: translateY(-50%);pointer-events: none;transition: opacity 0.18s ease}[data-tool="compteur-avant-une-date"] .date-countdown-result-message.is-visible{opacity: 1}[data-tool="compteur-avant-une-date"] .date-countdown-main-result{display: grid;place-items: center;min-height: 8rem;border: 1px solid var(--date-countdown-border);border-radius: 16px;background: var(--date-countdown-surface);padding: 1rem;text-align: center}[data-tool="compteur-avant-une-date"] .date-countdown-main-result.is-past{border-color: var(--date-countdown-warning-border);background: var(--date-countdown-warning-bg)}[data-tool="compteur-avant-une-date"] .date-countdown-days{margin: 0;color: var(--date-countdown-action);font-size: clamp(3rem,8vw,5rem);font-weight: 900;font-variant-numeric: tabular-nums;line-height: 0.95;overflow-wrap: anywhere}[data-tool="compteur-avant-une-date"] .date-countdown-main-result.is-past .date-countdown-days{color: var(--date-countdown-warning)}[data-tool="compteur-avant-une-date"] .date-countdown-label{margin: 0.35rem 0 0;color: var(--date-countdown-soft-text);font-weight: 900}[data-tool="compteur-avant-une-date"] .date-countdown-state{min-height: 2.75rem;margin: 0;border: 1px solid var(--date-countdown-border);border-radius: 12px;background: #fff;color: var(--date-countdown-title);padding: 0.75rem 1rem;font-weight: 900;line-height: 1.35;text-align: center}[data-tool="compteur-avant-une-date"] .date-countdown-state.is-past{border-color: var(--date-countdown-warning-border);background: var(--date-countdown-warning-bg);color: #9a3412}[data-tool="compteur-avant-une-date"] .date-countdown-state.is-today{border-color: var(--date-countdown-border);background: var(--date-countdown-surface);color: var(--date-countdown-action)}[data-tool="compteur-avant-une-date"] .date-countdown-summary{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.65rem;margin: 0}[data-tool="compteur-avant-une-date"] .date-countdown-summary div{display: grid;align-content: center;min-height: 5rem;border: 1px solid var(--date-countdown-border);border-radius: 12px;background: var(--date-countdown-surface);padding: 0.75rem;text-align: center;gap: 0.3rem}[data-tool="compteur-avant-une-date"] dt{color: var(--date-countdown-soft-text);font-size: 0.88rem;font-weight: 800}[data-tool="compteur-avant-une-date"] dd{margin: 0;color: var(--date-countdown-title);font-weight: 900;overflow-wrap: anywhere}@media (max-width: 760px){[data-tool="compteur-avant-une-date"] .date-countdown-settings-row{grid-template-columns: 1fr}[data-tool="compteur-avant-une-date"] .date-countdown-actions{justify-content: stretch}[data-tool="compteur-avant-une-date"] .date-countdown-button{flex: 1 1 10rem}[data-tool="compteur-avant-une-date"] .date-countdown-summary{grid-template-columns: 1fr}}@media (max-width: 560px){[data-tool="compteur-avant-une-date"] .date-countdown-result-message{position: static;max-width: none;min-height: 1.1rem;text-align: center;transform: none}}@media (max-width: 440px){[data-tool="compteur-avant-une-date"] .date-countdown-card{padding: 0.9rem}[data-tool="compteur-avant-une-date"] .date-countdown-days{font-size: clamp(2.8rem,18vw,4.2rem)}[data-tool="compteur-avant-une-date"] .date-countdown-main-result{min-height: 7.5rem}}