.phd-invitation {
  position: fixed;
  right: max(20px, env(safe-area-inset-right));
  bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 5;
  width: min(344px, calc(100vw - 32px));
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 3px 20px #00000012;
  font: 14px/1.45 var(--body);
}
.phd-invitation-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  color: #666;
  font: 24px/1 var(--body);
  cursor: pointer;
}
.phd-invitation-intro { display: flex; align-items: center; gap: 12px; padding-right: 12px; }
.phd-invitation h2 { font: 700 18px/1.25 var(--body); margin: 0 0 7px; }
.phd-invitation p { margin: 0; font-size: 13px; color: #555; }
.phd-invitation-art { position: relative; overflow: hidden; width: 54px; height: 68px; flex: none; border-radius: 3px; background: #111; }
.phd-invitation-art img { position: absolute; width: 170px; max-width: none; height: 170px; left: -58px; top: -7px; }
.phd-invitation-bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 14px; }
.phd-invitation-countdown { display: flex; align-items: flex-start; gap: 5px; font-variant-numeric: tabular-nums; }
.phd-invitation-countdown span { min-width: 23px; text-align: center; }
.phd-invitation-countdown b { display: block; font-size: 20px; line-height: 1.1; font-weight: 400; }
.phd-invitation-countdown small { display: block; font-size: 10px; color: #777; margin-top: 3px; }
.phd-invitation-countdown i { font-style: normal; color: #aaa; line-height: 21px; }
.phd-invitation-links { display: grid; gap: 6px; font-size: 13px; }
.phd-invitation-links a:first-child { font-weight: 700; }
.phd-invitation-links a:last-child { font-size: 12px; color: #666; }
@media (max-width: 550px) {
  .phd-invitation { right: max(16px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); padding: 14px; }
  .phd-invitation-intro { gap: 10px; }
  .phd-invitation h2 { font-size: 17px; }
  .phd-invitation-bottom { gap: 10px; }
}
@media (max-width: 360px) {
  .phd-invitation-art { display: none; }
  .phd-invitation-countdown { gap: 4px; }
  .phd-invitation-countdown span { min-width: 20px; }
  .phd-invitation-countdown b { font-size: 18px; }
  .phd-invitation-links { font-size: 12px; white-space: nowrap; }
}
@media print { .phd-invitation { display: none !important; } }