.wpi-ecran{aspect-ratio:9/17.5;border:9px solid var(--nuit);width:min(330px,100%);color:var(--blanc);background:linear-gradient(170deg,#2c3d36 0%,#1f3a30 38%,#22241f 100%);border-radius:46px;flex-direction:column;align-items:center;gap:10px;padding:46px 16px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #12131099}.wpi-ecran:before{content:"";color:#f4f3ee0f;pointer-events:none;background-image:repeating-linear-gradient(100deg,currentColor 0 1.5px,#0000 1.5px 9px);position:absolute;inset:0 0 45%}.wpi-ilot{background:var(--nuit);border-radius:14px;width:92px;height:26px;margin-left:-46px;position:absolute;top:10px;left:50%}.wpi-date{color:#d9e2de;font-size:15px;font-weight:600;position:relative}.wpi-heure{font-family:var(--display);letter-spacing:-.04em;font-size:76px;font-weight:500;line-height:.9;position:relative}.wpi-ronds{gap:10px;margin:4px 0 auto;display:flex;position:relative}.wpi-rond{text-align:center;background:#f4f3ee24;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;font-size:10px;line-height:1.1;display:flex}.wpi-rond b{font-family:var(--display);font-size:15px;font-weight:500}.wpi-ecran .live{width:100%;position:relative}.wpi-ruban{position:relative}.wpi-ruban .wpi-curseur{background:var(--blanc);border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:6%;box-shadow:0 0 0 4px #f4f3ee40}.is-in .wpi-ruban .wpi-curseur{animation:9s linear infinite wpi-avance}@keyframes wpi-avance{0%{left:4%}to{left:96%}}.wpi-montre-vibre{animation:none}.is-in .wpi-montre-vibre{animation:5s ease-in-out infinite wpi-vibre}@keyframes wpi-vibre{0%,84%,to{transform:none}86%{transform:translate(-3px)rotate(-1deg)}88%{transform:translate(3px)rotate(1deg)}90%{transform:translate(-2px)}92%{transform:translate(2px)}94%{transform:none}}.wpi-widget-moyen{background:var(--vert);width:100%;max-width:330px;color:var(--blanc);border-radius:26px;grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.wpi-widget-moyen small{color:#c6d2cb;font-size:12px;display:block}.wpi-widget-moyen b{font-family:var(--display);letter-spacing:-.02em;margin-top:4px;font-size:26px;font-weight:500;line-height:1;display:block}.wpi-widget-moyen .ruban{grid-column:1/-1}.wpi-widget-moyen .wpi-soir{border-left:1px solid #f4f3ee33;padding-left:12px}.wpi-etapes{counter-reset:wpi;list-style:none;padding:0!important}.wpi-etapes li{counter-increment:wpi;min-height:30px;padding-left:44px;position:relative}.wpi-etapes li:before{content:counter(wpi);background:var(--manteau);width:30px;height:30px;color:var(--blanc);font-family:var(--mono);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:0;left:0}.bloc-sombre .wpi-etapes li:before{background:var(--phare);color:var(--manteau)}.wpi-chemin{font-family:var(--mono);overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#22241f12;border-radius:4px;padding:1px 6px;font-size:14px}.bloc-sombre .wpi-chemin{background:#f4f3ee1a}@media (prefers-reduced-motion:reduce){.wpi-ruban .wpi-curseur{left:30%}}