[data-tool="sablier"]{--hourglass-text: #103969;--hourglass-muted: #48627f;--hourglass-border: var(--outil-bord);--hourglass-surface: var(--outil-surface);--hourglass-card: #fff;--hourglass-action: var(--outil-action);--hourglass-action-hover: var(--outil-action-hover);--hourglass-green: #11a260;--hourglass-green-dark: #087346;--hourglass-sand: #1dbf73;--hourglass-sand-soft: #dff7ec;--hourglass-warm: #f8f2df;--hourglass-shadow: 0 14px 34px rgb(var(--outil-ombre-rgb) / 0.09)}[data-tool="sablier"],[data-tool="sablier"] *,[data-tool="sablier"] *::before,[data-tool="sablier"] *::after{box-sizing: border-box}[data-tool="sablier"] button:not(:disabled),[data-tool="sablier"] label{cursor: pointer}[data-tool="sablier"] button:disabled{cursor: not-allowed}.hourglass-timer-tool{display: grid;gap: 1rem}.hourglass-timer-intro{margin: 0}.hourglass-timer-card{display: grid;grid-template-columns: 1fr;gap: clamp(1.1rem,3vw,1.7rem);justify-items: center;width: 100%;border: 1px solid var(--hourglass-border);border-radius: 1rem;background: var(--hourglass-surface);box-shadow: var(--hourglass-shadow);padding: clamp(1.15rem,3vw,2rem);color: var(--hourglass-text)}.hourglass-timer-visual{width: min(100%,24rem);min-height: 21rem;border: 1px solid rgb(17 162 96 / .28);border-radius: 1rem;background: linear-gradient(180deg,#ffffff 0%,#edf9f3 100%);display: grid;gap: .75rem;align-items: center;justify-content: center;justify-items: center;padding: clamp(1rem,3vw,1.55rem);transform-origin: center}.hourglass-timer-svg{width: min(100%,13.8rem);height: auto;color: var(--hourglass-text);overflow: visible}.hourglass-timer-frame-bar{fill: var(--primary,#1f4f8f)}.hourglass-timer-glass{fill: rgb(236 241 247 / .72);stroke: #c9d3df;stroke-width: 3;stroke-linejoin: round}.hourglass-timer-sand{fill: var(--hourglass-sand);transition: height .24s linear,y .24s linear}.hourglass-timer-sand-bottom{fill: var(--hourglass-green)}.hourglass-timer-stream{opacity: 0;stroke: var(--hourglass-sand);stroke-width: 4;stroke-linecap: round;stroke-dasharray: 2 7}[data-tool="sablier"][data-state="running"] .hourglass-timer-stream{opacity: 1;animation: hourglass-stream-flow .55s linear infinite}.hourglass-timer-main{display: grid;gap: .85rem;justify-items: center;text-align: center;width: min(100%,36rem)}.hourglass-timer-status{min-height: 1.45rem;margin: 0;color: var(--hourglass-muted);font-size: .98rem;font-weight: 800;line-height: 1.35}[data-tool="sablier"][data-state="running"] .hourglass-timer-status{animation: hourglass-status-pulse 1.5s ease-in-out infinite}.hourglass-timer-display{margin: 0;color: var(--hourglass-action);font-size: clamp(2.5rem,8vw,4.4rem);font-weight: 900;line-height: .95;font-variant-numeric: tabular-nums}.hourglass-timer-section-title{margin: 0;color: var(--hourglass-text);font-size: 1.02rem;font-weight: 900;line-height: 1.2}.hourglass-timer-minute-control{width: min(100%,34rem);display: grid;gap: .72rem}.hourglass-timer-stepper{display: grid;grid-template-columns: 3rem minmax(10rem,1fr) 3rem;gap: .7rem;align-items: center}.hourglass-timer-step{width: 3rem;height: 3rem;border: 1px solid var(--hourglass-action);border-radius: .65rem;background: #fff;color: var(--hourglass-action);display: inline-flex;align-items: center;justify-content: center;font: inherit;font-size: 1.35rem;font-weight: 900;line-height: 1;padding: 0;touch-action: manipulation;transition: transform .12s ease,background-color .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease}.hourglass-timer-step:hover,.hourglass-timer-step:focus-visible,.hourglass-timer-step.is-pressed{background: var(--hourglass-action);border-color: var(--hourglass-action);color: #fff;outline: none}.hourglass-timer-step:focus-visible{box-shadow: 0 0 0 3px rgb(var(--outil-ombre-rgb) / .24)}.hourglass-timer-step:active,.hourglass-timer-step.is-pressed{transform: translateY(1px)}.hourglass-timer-minute-field{min-height: 4.4rem;border: 1px solid var(--hourglass-border);border-radius: .75rem;background: #fff;display: grid;align-items: center;justify-content: center;gap: .15rem;padding: .45rem .9rem;text-align: center}.hourglass-timer-minutes{color: var(--hourglass-text);display: block;font-size: 1.22rem;font-weight: 900;line-height: 1.1;font-variant-numeric: tabular-nums}.hourglass-timer-minute-note{min-height: 1rem;color: var(--hourglass-muted);font-size: .82rem;font-weight: 800;line-height: 1.2}.hourglass-timer-action{min-width: 12rem;justify-content: center}[data-tool="sablier"][data-state="running"] .hourglass-timer-step,[data-tool="sablier"][data-state="alert"] .hourglass-timer-step{opacity: .58}[data-tool="sablier"].hourglass-timer-alert-blink .hourglass-timer-card{animation: hourglass-alert-blink 1s ease-in-out infinite}[data-tool="sablier"].hourglass-timer-alert-blink .hourglass-timer-visual{border-color: var(--accent-dark);animation: hourglass-visual-alert-pulse .8s ease-in-out infinite;box-shadow: 0 0 0 6px rgb(210 105 0 / .18),0 16px 38px rgb(210 105 0 / .26)}[data-tool="sablier"].hourglass-timer-alert-blink .hourglass-timer-status,[data-tool="sablier"].hourglass-timer-alert-blink .hourglass-timer-display{color: var(--accent-dark)}.hourglass-timer-info-guide{display: grid;gap: 1rem}.hourglass-timer-info-guide section,.hourglass-timer-info-card,.hourglass-timer-info-note{border: 1px solid rgb(17 162 96 / .26);border-radius: .85rem;background: #fff;padding: clamp(1rem,2.5vw,1.35rem)}.hourglass-timer-info-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1rem}.hourglass-timer-info-guide h2,.hourglass-timer-info-card h3,.hourglass-timer-info-note h3{margin-top: 0;color: var(--hourglass-green-dark,#087346)}.hourglass-timer-info-guide p,.hourglass-timer-info-card p,.hourglass-timer-info-note p{margin-bottom: 0}.hourglass-timer-info-note a{color: var(--outil-action);font-weight: 800;text-decoration: underline;text-underline-offset: .16em}.hourglass-timer-info-note a:hover,.hourglass-timer-info-note a:focus-visible{color: var(--accent-dark)}@keyframes hourglass-stream-flow{0%{stroke-dashoffset: 0}100%{stroke-dashoffset: -9}}@keyframes hourglass-status-pulse{0%,100%{opacity: .72}50%{opacity: 1}}@keyframes hourglass-alert-blink{0%,100%{border-color: var(--hourglass-green);background: #ecfff6}50%{border-color: var(--accent-dark);background: #fff3e4}}@keyframes hourglass-visual-alert-pulse{0%,100%{background: #e7fff3;box-shadow: 0 0 0 6px rgb(17 162 96 / .16),0 14px 32px rgb(17 162 96 / .22);transform: scale(1)}50%{background: #ffe6c7;box-shadow: 0 0 0 12px rgb(210 105 0 / .24),0 22px 48px rgb(210 105 0 / .32);transform: scale(1.035)}}@media (max-width: 860px){.hourglass-timer-visual{min-height: 17rem}.hourglass-timer-svg{width: min(100%,12.5rem)}.hourglass-timer-info-grid{grid-template-columns: 1fr}}@media (max-width: 560px){.hourglass-timer-card{padding: 1rem}}@media (prefers-reduced-motion: reduce){.hourglass-timer-stream,[data-tool="sablier"][data-state="running"] .hourglass-timer-status,[data-tool="sablier"].hourglass-timer-alert-blink .hourglass-timer-visual,[data-tool="sablier"].hourglass-timer-alert-blink .hourglass-timer-card{animation: none}.hourglass-timer-sand,.hourglass-timer-step{transition: none}}