[data-tool="jour-de-l-annee"]{--day-of-year-border: var(--outil-bord);--day-of-year-surface: var(--outil-surface);--day-of-year-surface-hover: var(--outil-surface-hover,#eef7ee);--day-of-year-action: #166534;--day-of-year-action-hover: #14532d;--day-of-year-action-text: #fff;--day-of-year-warning-bg: #fff7ed;--day-of-year-warning-border: #fed7aa;--day-of-year-text: #1f2937;--day-of-year-soft-text: #374151;--day-of-year-title: #111827;display: grid;gap: 1rem;color: var(--day-of-year-text)}[data-tool="jour-de-l-annee"] *,[data-tool="jour-de-l-annee"] *::before,[data-tool="jour-de-l-annee"] *::after{box-sizing: border-box}[data-tool="jour-de-l-annee"] button:not(:disabled){cursor: pointer}[data-tool="jour-de-l-annee"] button:disabled{cursor: not-allowed;opacity: 0.72}[data-tool="jour-de-l-annee"] .day-of-year-intro{margin: 0;color: var(--day-of-year-soft-text);line-height: 1.55}[data-tool="jour-de-l-annee"] .day-of-year-card{border: 1px solid var(--day-of-year-border);border-radius: 16px;background: #fff;padding: clamp(1rem,2.4vw,1.35rem)}[data-tool="jour-de-l-annee"] .day-of-year-card-head{margin-bottom: 1rem}[data-tool="jour-de-l-annee"] h2{width: 100%;margin: 0;color: var(--day-of-year-title);font-size: 1.08rem;font-weight: 900;line-height: 1.2;text-align: center}[data-tool="jour-de-l-annee"] .day-of-year-controls{display: grid;grid-template-columns: minmax(14rem,1fr) auto;gap: 1rem;align-items: end}[data-tool="jour-de-l-annee"] .day-of-year-field{display: grid;gap: 0.45rem;min-width: 0}[data-tool="jour-de-l-annee"] .day-of-year-field>span{color: var(--day-of-year-title);font-weight: 900;line-height: 1.2}[data-tool="jour-de-l-annee"] input{width: 100%;min-width: 0;min-height: 48px;border: 1px solid var(--day-of-year-border);border-radius: 12px;background: #fff;color: var(--day-of-year-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="jour-de-l-annee"] input:focus-visible{border-color: var(--day-of-year-action-hover);outline: 3px solid rgb(var(--outil-ombre-rgb) / 0.22);outline-offset: 2px}[data-tool="jour-de-l-annee"] .day-of-year-button{min-height: 48px;border: 1px solid var(--day-of-year-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="jour-de-l-annee"] .day-of-year-button:not(:disabled):active{transform: translateY(2px) scale(0.98);box-shadow: inset 0 2px 4px rgb(0 0 0 / 0.16)}[data-tool="jour-de-l-annee"] .day-of-year-button:focus-visible{outline: 3px solid rgb(var(--outil-ombre-rgb) / 0.22);outline-offset: 2px}[data-tool="jour-de-l-annee"] .day-of-year-button-primary{background: var(--day-of-year-action);color: var(--day-of-year-action-text);box-shadow: 0 6px 14px rgb(var(--outil-ombre-rgb) / 0.12)}[data-tool="jour-de-l-annee"] .day-of-year-button-primary:hover,[data-tool="jour-de-l-annee"] .day-of-year-button-primary:focus-visible{border-color: var(--day-of-year-action-hover);background: var(--day-of-year-action-hover)}[data-tool="jour-de-l-annee"] .day-of-year-button-secondary{background: #fff;color: var(--day-of-year-action)}[data-tool="jour-de-l-annee"] .day-of-year-button-secondary:hover,[data-tool="jour-de-l-annee"] .day-of-year-button-secondary:focus-visible{border-color: var(--day-of-year-action-hover);color: var(--day-of-year-action-hover);background: var(--day-of-year-surface-hover)}[data-tool="jour-de-l-annee"] .day-of-year-result{display: grid;gap: 0.8rem}[data-tool="jour-de-l-annee"] .day-of-year-result-head{position: relative;display: grid;grid-template-columns: 1fr;justify-items: center;margin-bottom: -0.45rem;text-align: center}[data-tool="jour-de-l-annee"] .day-of-year-result-message{position: absolute;top: 50%;right: 0;max-width: 12rem;margin: 0;color: var(--day-of-year-action);font-size: 0.82rem;font-weight: 800;line-height: 1.2;text-align: right;white-space: nowrap;opacity: 0;transform: translateY(-50%);pointer-events: none;transition: opacity 0.18s ease}[data-tool="jour-de-l-annee"] .day-of-year-result-message.is-visible{opacity: 1}[data-tool="jour-de-l-annee"] .day-of-year-main-result{display: grid;place-items: center;gap: 0.45rem;min-height: 8.5rem;border: 1px solid var(--day-of-year-border);border-radius: 16px;background: var(--day-of-year-surface);padding: 1rem;text-align: center}[data-tool="jour-de-l-annee"] .day-of-year-main-result.is-warning{border-color: var(--day-of-year-warning-border);background: var(--day-of-year-warning-bg)}[data-tool="jour-de-l-annee"] .day-of-year-result-value{max-width: 100%;margin: 0;color: var(--day-of-year-action);font-size: clamp(1.65rem,4.2vw,3rem);font-weight: 900;line-height: 1.1;overflow-wrap: anywhere}[data-tool="jour-de-l-annee"] .day-of-year-main-result.is-warning .day-of-year-result-value{color: #9a3412;font-size: clamp(1.25rem,3vw,2rem)}[data-tool="jour-de-l-annee"] .day-of-year-result-detail{margin: 0;color: var(--day-of-year-soft-text);font-size: 1rem;font-weight: 800;line-height: 1.35}[data-tool="jour-de-l-annee"] .day-of-year-summary{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.65rem;margin: 0}[data-tool="jour-de-l-annee"] .day-of-year-summary div{display: grid;align-content: center;min-height: 5rem;border: 1px solid var(--day-of-year-border);border-radius: 12px;background: var(--day-of-year-surface);padding: 0.75rem;text-align: center;gap: 0.3rem}[data-tool="jour-de-l-annee"] dt{color: var(--day-of-year-soft-text);font-size: 0.88rem;font-weight: 800}[data-tool="jour-de-l-annee"] dd{margin: 0;color: var(--day-of-year-title);font-weight: 900;overflow-wrap: anywhere}@media (max-width: 760px){[data-tool="jour-de-l-annee"] .day-of-year-controls,[data-tool="jour-de-l-annee"] .day-of-year-summary{grid-template-columns: 1fr}[data-tool="jour-de-l-annee"] .day-of-year-controls .day-of-year-button{width: 100%}}@media (max-width: 560px){[data-tool="jour-de-l-annee"] .day-of-year-result-message{position: static;max-width: none;min-height: 1.1rem;text-align: center;white-space: normal;transform: none}[data-tool="jour-de-l-annee"] .day-of-year-actions{align-items: stretch}[data-tool="jour-de-l-annee"] .day-of-year-actions .day-of-year-button{width: 100%}}@media (max-width: 440px){[data-tool="jour-de-l-annee"] .day-of-year-card{padding: 0.9rem}[data-tool="jour-de-l-annee"] .day-of-year-result-value{font-size: clamp(1.45rem,9vw,2.2rem)}}