[data-tool="duree-entre-deux-heures"]{--time-between-border: var(--outil-bord);--time-between-surface: var(--outil-surface);--time-between-surface-hover: var(--outil-surface-hover,#eef7ee);--time-between-action: #166534;--time-between-action-hover: #14532d;--time-between-action-text: #fff;--time-between-text: #1f2937;--time-between-soft-text: #374151;--time-between-title: #111827;--time-between-danger: #b91c1c;display: grid;gap: 1rem;color: var(--time-between-text)}[data-tool="duree-entre-deux-heures"] *,[data-tool="duree-entre-deux-heures"] *::before,[data-tool="duree-entre-deux-heures"] *::after{box-sizing: border-box}[data-tool="duree-entre-deux-heures"] button:not(:disabled){cursor: pointer}[data-tool="duree-entre-deux-heures"] button:disabled{cursor: not-allowed}[data-tool="duree-entre-deux-heures"] .time-between-intro{margin: 0;color: var(--time-between-soft-text);line-height: 1.55}[data-tool="duree-entre-deux-heures"] .time-between-card{border: 1px solid var(--time-between-border);color: var(--time-between-text);border-radius: 16px;background: #fff;padding: clamp(1rem,2.4vw,1.35rem)}[data-tool="duree-entre-deux-heures"] .time-between-card-head{display: flex;align-items: flex-start;justify-content: space-between;gap: 1rem;margin-bottom: 1rem}[data-tool="duree-entre-deux-heures"] h2,[data-tool="duree-entre-deux-heures"] .time-between-group-title,[data-tool="duree-entre-deux-heures"] .time-between-clock-unit label{display: block;margin: 0;color: var(--time-between-title);font-size: 1.08rem;font-weight: 900;line-height: 1.2}[data-tool="duree-entre-deux-heures"] .time-between-group-title,[data-tool="duree-entre-deux-heures"] .time-between-results h2{width: 100%;text-align: center}[data-tool="duree-entre-deux-heures"] .time-between-reset,[data-tool="duree-entre-deux-heures"] .time-between-step-button{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="duree-entre-deux-heures"] .time-between-reset:not(:disabled):active,[data-tool="duree-entre-deux-heures"] .time-between-step-button:not(:disabled):active,[data-tool="duree-entre-deux-heures"] .time-between-step-button.is-pressed{transform: translateY(2px) scale(0.98)}[data-tool="duree-entre-deux-heures"] .time-between-time-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1rem}[data-tool="duree-entre-deux-heures"] .time-between-time-group{min-width: 0;border: 1px solid var(--time-between-border);border-radius: 16px;background: var(--time-between-surface);padding: 1rem;display: grid;gap: 0.8rem}[data-tool="duree-entre-deux-heures"] .time-between-clock-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.8rem}[data-tool="duree-entre-deux-heures"] .time-between-clock-unit{min-width: 0;border: 1px solid var(--time-between-border);border-radius: 14px;background: #fff;padding: 0.7rem;display: grid;grid-template-rows: auto auto auto auto;gap: 0.4rem;text-align: center}[data-tool="duree-entre-deux-heures"] .time-between-clock-unit label{font-size: 0.88rem}[data-tool="duree-entre-deux-heures"] input{width: 100%;min-width: 0;min-height: 48px;border: 1px solid var(--time-between-border);border-radius: 12px;background: #fff;color: var(--time-between-title);font: inherit;font-size: 1.08rem;font-weight: 900;line-height: 1.15;text-align: center;font-variant-numeric: tabular-nums;transition: border-color 0.14s ease,box-shadow 0.14s ease,background-color 0.14s ease}[data-tool="duree-entre-deux-heures"] input:focus-visible{border-color: var(--time-between-action-hover);outline: 3px solid rgb(var(--outil-ombre-rgb) / 0.22);outline-offset: 2px}[data-tool="duree-entre-deux-heures"] input[aria-invalid="true"]{border-color: var(--time-between-danger);box-shadow: 0 0 0 3px rgb(185 28 28 / 0.14)}[data-tool="duree-entre-deux-heures"] .time-between-step-button{width: 100%;min-width: 0;min-height: 38px;border: 1px solid var(--time-between-action);border-radius: 12px;background: var(--time-between-action);color: var(--time-between-action-text);font: inherit;font-size: 1.25rem;font-weight: 900;line-height: 1;display: inline-flex;align-items: center;justify-content: center;box-shadow: 0 6px 14px rgb(var(--outil-ombre-rgb) / 0.12)}[data-tool="duree-entre-deux-heures"] .time-between-step-button:hover,[data-tool="duree-entre-deux-heures"] .time-between-step-button:focus-visible{border-color: var(--time-between-action-hover);background: var(--time-between-action-hover)}[data-tool="duree-entre-deux-heures"] .time-between-step-button:focus-visible{outline: 3px solid rgb(var(--outil-ombre-rgb) / 0.22);outline-offset: 2px}[data-tool="duree-entre-deux-heures"] .time-between-results{display: grid;gap: 0.9rem}[data-tool="duree-entre-deux-heures"] .time-between-main-result{display: flex;align-items: center;justify-content: center;min-height: 74px;border: 1px solid var(--time-between-border);border-radius: 14px;background: var(--time-between-surface);color: var(--time-between-title);padding: 0.8rem;font-size: clamp(1.25rem,4vw,1.8rem);font-weight: 900;line-height: 1.2;text-align: center;font-variant-numeric: tabular-nums}[data-tool="duree-entre-deux-heures"] .time-between-table-wrap{overflow-x: auto}[data-tool="duree-entre-deux-heures"] .time-between-table{width: 100%;border-collapse: collapse;font-variant-numeric: tabular-nums}[data-tool="duree-entre-deux-heures"] .time-between-table tr + tr{border-top: 1px solid var(--time-between-border)}[data-tool="duree-entre-deux-heures"] .time-between-table th,[data-tool="duree-entre-deux-heures"] .time-between-table td{padding: 0.72rem 0.35rem;vertical-align: middle}[data-tool="duree-entre-deux-heures"] .time-between-table th{color: var(--time-between-title);font-weight: 900;text-align: left}[data-tool="duree-entre-deux-heures"] .time-between-table td{color: var(--time-between-text);font-weight: 800;text-align: right;white-space: nowrap}@media (max-width: 860px){[data-tool="duree-entre-deux-heures"] .time-between-time-grid{grid-template-columns: 1fr}}@media (max-width: 760px){[data-tool="duree-entre-deux-heures"] .time-between-card-head{flex-direction: column}[data-tool="duree-entre-deux-heures"] .time-between-reset{width: 100%}[data-tool="duree-entre-deux-heures"] .time-between-clock-grid{gap: 0.5rem}[data-tool="duree-entre-deux-heures"] .time-between-clock-unit{padding: 0.5rem;gap: 0.32rem}[data-tool="duree-entre-deux-heures"] .time-between-clock-unit label{font-size: 0.8rem}}@media (max-width: 520px){[data-tool="duree-entre-deux-heures"] .time-between-clock-grid{gap: 0.35rem}[data-tool="duree-entre-deux-heures"] .time-between-time-group,[data-tool="duree-entre-deux-heures"] .time-between-clock-unit{padding: 0.35rem;border-radius: 12px}[data-tool="duree-entre-deux-heures"] .time-between-clock-unit label{font-size: 0.72rem}[data-tool="duree-entre-deux-heures"] .time-between-step-button{min-height: 34px}[data-tool="duree-entre-deux-heures"] .time-between-clock-unit input{min-height: 40px;font-size: 0.96rem}[data-tool="duree-entre-deux-heures"] .time-between-table th,[data-tool="duree-entre-deux-heures"] .time-between-table td{display: block;width: 100%;padding: 0.48rem 0.2rem;text-align: center;white-space: normal}[data-tool="duree-entre-deux-heures"] .time-between-table th{padding-bottom: 0}[data-tool="duree-entre-deux-heures"] .time-between-table td{padding-top: 0.22rem}}