.phone-companion .yume-rest-break-overlay{
  position:absolute;
  inset:0;
  z-index:9000;
  display:grid;
  place-items:center;
  padding:18px 14px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 22%,rgba(255,255,255,.98),rgba(238,245,244,.95) 36%,rgba(214,228,226,.97) 72%,rgba(194,211,210,.99));
  color:#1d2a29;
  font-family:Arial,Helvetica,sans-serif;
  text-align:center;
}
.phone-companion .yume-rest-break-overlay:before,
.phone-companion .yume-rest-break-overlay:after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:rgba(255,255,255,.34);
  filter:blur(2px);
  pointer-events:none;
}
.phone-companion .yume-rest-break-overlay:before{width:190px;height:190px;left:-80px;top:-65px}
.phone-companion .yume-rest-break-overlay:after{width:150px;height:150px;right:-64px;bottom:-54px}
.phone-companion .rest-break-card{position:relative;z-index:1;width:100%;max-width:250px}
.phone-companion .rest-break-mark{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  margin:0 auto 12px;
  border:1px solid rgba(43,83,79,.22);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 24px rgba(45,77,74,.09);
  color:#355c58;
  font:900 23px/1 Arial;
}
.phone-companion .rest-break-card>small{
  display:block;
  color:#69827f;
  font:900 6.5px/1.2 Arial;
  letter-spacing:.15em;
}
.phone-companion .rest-break-card h2{
  margin:10px 0 8px;
  color:#18302d;
  font:900 18px/1.08 Arial;
  letter-spacing:-.03em;
}
.phone-companion .rest-break-copy,
.phone-companion .rest-complete-card>p{
  min-height:34px;
  margin:0 auto 12px;
  max-width:220px;
  color:#627572;
  font:600 9px/1.45 Arial;
}
.phone-companion .rest-break-timer{
  margin:8px 0 10px;
  color:#244a46;
  font:900 31px/1 "Courier New",monospace;
  letter-spacing:.04em;
}
.phone-companion .rest-break-wave{
  display:flex;
  height:26px;
  align-items:center;
  justify-content:center;
  gap:4px;
  margin:5px 0 12px;
}
.phone-companion .rest-break-wave i{
  display:block;
  width:4px;
  height:8px;
  border-radius:4px;
  background:#6f9691;
  animation:yumeRestWave 2.8s ease-in-out infinite;
}
.phone-companion .rest-break-wave i:nth-child(2){animation-delay:.35s}
.phone-companion .rest-break-wave i:nth-child(3){animation-delay:.7s}
.phone-companion .rest-break-wave i:nth-child(4){animation-delay:1.05s}
.phone-companion .rest-break-wave i:nth-child(5){animation-delay:1.4s}
.phone-companion .rest-break-wave i:nth-child(6){animation-delay:1.75s}
.phone-companion .rest-break-status{
  display:flex;
  justify-content:center;
  gap:6px;
  color:#718783;
  font:800 6px/1 Arial;
  letter-spacing:.1em;
}
.phone-companion .rest-break-status b{color:#47736c}
.phone-companion .rest-break-foot{
  margin:14px auto 0!important;
  max-width:220px;
  color:#869794!important;
  font:600 7px/1.4 Arial!important;
}
.phone-companion .yume-rest-break-overlay.complete{
  background:linear-gradient(180deg,#f7fbf8,#e6f0ea);
}
.phone-companion .rest-complete-card .rest-break-mark{color:#3e7657;background:#f8fff9}
@keyframes yumeRestWave{
  0%,100%{height:8px;opacity:.48}
  50%{height:24px;opacity:.95}
}
@media(prefers-reduced-motion:reduce){
  .phone-companion .rest-break-wave i{animation:none;height:12px}
}