:root{
  --md1-bg:#f7f3ec;
  --md1-text:#171717;
  --md1-green:#416f33;
  --md1-orange:#df7f2b;
  --md1-brown:#b8752d;
  --md1-blue:#123a5d;
  --md1-line:#ddd2bf;
}
body.md1-countdown-no-scroll{overflow:hidden!important}
.md1-countdown-overlay{
  display:none;position:fixed;inset:0;z-index:2147483000;
  align-items:center;justify-content:center;padding:16px;
  background:rgba(0,0,0,.52);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)
}
.md1-countdown-overlay.md1-is-open{display:flex}
.md1-countdown-board{
  --md1-popup-width:520px;--md1-title-size:54px;--md1-event-size:24px;--md1-count-size:38px;
  position:relative;width:min(92vw,var(--md1-popup-width));max-height:86vh;overflow:auto;
  border-radius:16px;padding:20px 24px 16px;
  background:radial-gradient(circle at 50% -10%,rgba(255,255,255,.94),rgba(255,255,255,0) 42%),var(--md1-bg);
  color:var(--md1-text);box-shadow:0 24px 70px rgba(0,0,0,.30);font-family:Arial,Helvetica,sans-serif
}
.md1-countdown-close{
  position:absolute;top:9px;right:10px;width:32px;height:32px;border:0;border-radius:50%;
  background:rgba(0,0,0,.08);color:#222;font-size:24px;line-height:28px;cursor:pointer
}
.md1-countdown-top{text-align:center}
.md1-countdown-the{font-family:Georgia,'Times New Roman',serif;font-weight:900;font-size:23px;letter-spacing:.06em;line-height:1}
.md1-countdown-title{
  color:var(--md1-green);font-family:'Brush Script MT','Segoe Script','Snell Roundhand',cursive;
  font-size:var(--md1-title-size);line-height:.95;transform:rotate(-1deg)
}
.md1-countdown-ribbon{
  display:flex;align-items:center;justify-content:center;gap:8px;width:min(92%,440px);
  margin:9px auto 11px;padding:9px 12px;background:var(--md1-orange);color:#fff;
  font-size:13px;letter-spacing:.07em;font-weight:700;transform:skew(-6deg)
}
.md1-countdown-ribbon>*{transform:skew(6deg)}
.md1-countdown-item{
  display:grid;grid-template-columns:58px minmax(0,1fr) 86px;align-items:center;
  min-height:78px;border-bottom:1.5px solid var(--md1-line)
}
.md1-countdown-item:last-child{border-bottom:0}
.md1-countdown-figure{text-align:center;font-size:34px;line-height:1}
.md1-countdown-copy{padding:0 8px;min-width:0}
.md1-main{
  font-family:Impact,'Arial Narrow Bold','Franklin Gothic Condensed',Arial,sans-serif;
  font-size:var(--md1-event-size);line-height:1;letter-spacing:.02em;white-space:nowrap
}
.md1-sub{margin-top:4px;font-size:13px;line-height:1.05;letter-spacing:.05em}
.md1-count{
  height:63px;border-radius:9px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;color:#fff;padding:5px
}
.md1-count strong{font-family:Impact,'Arial Narrow Bold',Arial,sans-serif;font-size:var(--md1-count-size);line-height:.82}
.md1-count small{margin-top:6px;font-size:12px;line-height:1;letter-spacing:.04em;font-weight:700}

.tone-orange .md1-main{color:#d86613}.tone-orange .md1-count{background:#e36e0c}
.tone-black .md1-count{background:#1f2220}
.tone-brown .md1-main{color:#ad712d}.tone-brown .md1-count{background:#b67630}
.tone-green .md1-main{color:#47763a}.tone-green .md1-count{background:#557f3e}
.tone-blue .md1-main{color:#123a5d}.tone-blue .md1-count{background:#123a5d}
.tone-sky .md1-main{color:#367b9b}.tone-sky .md1-count{background:#3c819e}
.tone-pink .md1-main{color:#a95b71}.tone-pink .md1-count{background:#a95b71}
.tone-red .md1-main{color:#a74935}.tone-red .md1-count{background:#a74935}
.tone-trip .md1-main{color:#265b72}.tone-trip .md1-count{background:#265b72}

.md1-trip-editor{
  border-bottom:1.5px solid var(--md1-line);padding:10px 0 12px;
  display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center
}
.md1-trip-editor .md1-countdown-figure{align-self:start;padding-top:5px}
.md1-trip-form{padding:0 8px}
.md1-trip-form .md1-main{color:#265b72}
.md1-trip-form p{margin:5px 0 8px;font-size:12px;line-height:1.25}
.md1-trip-controls{display:flex;gap:6px;align-items:center}
.md1-trip-controls input[type="date"]{
  min-width:0;flex:1;height:34px;border:1px solid #bfc3c6;border-radius:7px;padding:0 7px;background:#fff;color:#171717
}
.md1-trip-controls button,.md1-trip-actions button{
  border:0;border-radius:7px;padding:8px 10px;font-weight:700;cursor:pointer
}
.md1-trip-save{background:#265b72;color:#fff}
.md1-trip-actions{display:flex;gap:6px;margin-top:7px}
.md1-trip-change{background:#e7edf0;color:#193c4c}
.md1-trip-delete{background:#f1e4e1;color:#8a3025}
.md1-trip-message{
  grid-column:2/4;padding:0 8px 10px;color:#265b72;font-weight:700;font-size:13px;line-height:1.25
}

.md1-countdown-foot{
  text-align:center;margin-top:8px;font-family:Georgia,'Times New Roman',serif;
  font-size:10px;font-weight:700;letter-spacing:.1em
}

@media(max-width:520px){
  .md1-countdown-overlay{padding:8px}
  .md1-countdown-board{width:94vw;max-height:90vh;padding:17px 12px 12px}
  .md1-countdown-the{font-size:19px}
  .md1-countdown-title{font-size:calc(var(--md1-title-size) * .82)}
  .md1-countdown-ribbon{font-size:11px;padding:8px 8px;margin:7px auto 8px}
  .md1-countdown-item{grid-template-columns:48px minmax(0,1fr) 76px;min-height:70px}
  .md1-countdown-figure{font-size:29px}
  .md1-main{font-size:calc(var(--md1-event-size) * .85)}
  .md1-sub{font-size:11px}
  .md1-count{height:56px}
  .md1-count strong{font-size:calc(var(--md1-count-size) * .85)}
  .md1-count small{font-size:10px}
  .md1-trip-editor{grid-template-columns:48px minmax(0,1fr)}
  .md1-trip-controls{align-items:stretch;flex-direction:column}
  .md1-trip-controls button{width:100%}
}