.bt-pad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:16rem;padding:1.5rem 1rem 2rem;border-radius:.875rem;cursor:pointer;overflow:hidden;
  background:linear-gradient(160deg,#2a0d0d,#4a1414 55%,#2a0d0d);color:#fff4e6;
  font-variant-numeric:tabular-nums}
.bt-pad.is-fixed{background:linear-gradient(160deg,#0b2018,#123f2c 55%,#0b2018)}
.bt-zone{font-size:.875rem;letter-spacing:.05em;color:#ffc9a3}
.bt-time{margin-top:.35rem;font-size:clamp(2.6rem,9vw,5rem);font-weight:700;line-height:1.05;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-shadow:0 0 18px rgba(255,120,80,.28)}
.bt-time .bt-ms{font-size:.45em;color:#ffc9a3}
.bt-date{margin-top:.4rem;font-size:1rem;color:#ffe3cc}
.bt-ampm{margin-top:.25rem;font-size:.9rem;color:#ffc9a3}
.bt-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.12)}
.bt-bar > i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd43b,#ff6b35)}
#btPad:fullscreen{width:100vw;height:100vh;min-height:100vh;border-radius:0}
#btPad:fullscreen .bt-time{font-size:clamp(3rem,14vw,9rem)}
.bt-check{display:inline-flex;align-items:center;gap:.35rem;margin:0;font-size:.875rem;color:#3f4a5a}
@media (max-width:575.98px){
  .bt-pad{min-height:12rem}
  .bt-time{font-size:clamp(2.2rem,13vw,3.2rem)}
    }