.timer-card{background-color:#594d4a;border-radius:28px}

.timer-overlay-card{-webkit-backdrop-filter:blur(12px);background:#939eff73;border:2px solid #fff6;border-radius:36px;box-shadow:0 12px 32px #646ed240}.top-tab{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff6;border:1px solid #ffffff4d;border-top:none;border-radius:0 0 12px 12px}.clock-badge{border:2px solid #ffffffd9;border-radius:9999px}.plus-badge{color:#fff;background:#ffffff40;border:1.5px solid #ffffffb3;border-radius:9999px;font-size:13px;font-weight:800;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.22s cubic-bezier(.16,1,.3,1) forwards slideUp;display:inline-block}.seconds-accent{color:#c3d3ff}@keyframes deltaUpIn{0%{opacity:0;transform:translateY(14px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes deltaUpOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-14px)scale(.95)}}@keyframes deltaDownIn{0%{opacity:0;transform:translateY(-14px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes deltaDownOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(14px)scale(.95)}}.delta-up-in{animation:.45s cubic-bezier(.16,1,.3,1) both deltaUpIn}.delta-up-out{animation:.4s cubic-bezier(.16,1,.3,1) both deltaUpOut}.delta-down-in{animation:.45s cubic-bezier(.16,1,.3,1) both deltaDownIn}.delta-down-out{animation:.4s cubic-bezier(.16,1,.3,1) both deltaDownOut}
.timer-capsule{background-color:#2b2b42;border-radius:9999px;box-shadow:0 8px 20px #28234b40}.status-pill{color:#fff;letter-spacing:.02em;background-color:#fff6;border-radius:9999px;padding:3px 16px;font-size:13px;font-weight:800}.badge-powerup{color:#2b2b42;background-color:#ebd1b3;border-radius:9999px;padding:2px 9px;font-size:11px;font-weight:900}.badge-sleep{color:#fff;background-color:#8b88d9;border-radius:9999px;padding:2px 9px;font-size:11px;font-weight:900}.icon-circle-dark{background-color:#0003;border-radius:9999px}
.timer-plain-theme{box-shadow:none;background:0 0;border:none;animation:.4s both timerPlainIn}@keyframes timerPlainIn{0%{opacity:0}to{opacity:1}}