.flip-card{border:1px solid hsl(var(--border));perspective:1100px;transform-style:preserve-3d;contain:layout paint;background:#333;border-radius:8px;flex-direction:column;display:inline-flex;position:relative;overflow:hidden}.flip-card-static{z-index:10;flex-direction:column;flex:1;display:flex;position:relative}.flip-card-half{background:#333;position:relative;overflow:hidden}.flip-card-full-digit{backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.flip-card-digit{color:#ddd;-webkit-user-select:none;user-select:none;backface-visibility:hidden;font-family:Arial,sans-serif;font-weight:700;line-height:1}.flip-card-flip{backface-visibility:hidden;transform-style:preserve-3d;will-change:transform;z-index:30;pointer-events:none;position:absolute;left:0;right:0;overflow:hidden;transform:translateZ(0)}.flip-card-flip .flip-card-half{height:100%}.flip-card-top-flap{transform-origin:bottom;height:50%;top:0;box-shadow:inset 0 -18px 24px #0000002e}.flip-card-bottom-flap{transform-origin:top;height:50%;bottom:0;box-shadow:inset 0 18px 24px #ffffff0a}.flip-card-sep{z-index:50;pointer-events:none;background:#00000080;height:2px;position:absolute;top:50%;left:0;right:0}.time-panel{border-radius:12px;position:relative;overflow:hidden}.time-panel-cards{flex-direction:row;display:flex}.time-panel-cards:after{content:"";z-index:50;pointer-events:none;background:#00000080;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-1px)}.time-panel-cards>.flip-card:first-child{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.time-panel-cards>.flip-card:last-child{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.time-panel-label{text-align:center;letter-spacing:.3px;opacity:.6;pointer-events:none;z-index:60;text-transform:uppercase;font-size:10px;font-weight:700;position:absolute;bottom:6px;left:0;right:0}.time-panel-badge{letter-spacing:.04em;color:#ddddddeb;pointer-events:none;z-index:60;font-size:18px;font-weight:800;position:absolute;top:12px;right:14px}.flip-colon{opacity:.7;font-family:Arial,sans-serif;font-weight:700;line-height:1}.clock-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.clock-container-mobile-portrait{justify-content:center;padding:72px 0 24px}.clock-portrait{flex-direction:column;align-items:center;gap:16px;display:flex}.clock-landscape{flex-direction:row;justify-content:center;align-items:center;gap:8px;display:flex}@media (max-width:640px) and (orientation:portrait){.clock-container{--mobile-panel-w:min(250px, calc(100vw - 96px));--mobile-panel-h:min(calc(var(--mobile-panel-w) * .92), 150px)}.clock-landscape{flex-direction:column!important;gap:18px!important}.clock-landscape .flip-colon{display:none!important}.time-panel{width:var(--mobile-panel-w)!important;height:var(--mobile-panel-h)!important}.flip-card{width:calc(var(--mobile-panel-w) / 2)!important;height:var(--mobile-panel-h)!important}.flip-card-half{height:calc(var(--mobile-panel-h) / 2)!important}.flip-card-full-digit{width:calc(var(--mobile-panel-w) / 2)!important;height:var(--mobile-panel-h)!important}.flip-card-half-top .flip-card-full-digit{transform:translateY(0)!important}.flip-card-half-bottom .flip-card-full-digit{transform:translateY(calc(var(--mobile-panel-h) / -2))!important}.flip-card-digit{font-size:calc(var(--mobile-panel-h) * .68)!important}.clock-weather-wrap{margin-bottom:.375rem;font-size:.875rem}.clock-date-wrap{margin-bottom:.875rem}.clock-date-wrap>div{letter-spacing:.18em;font-size:clamp(1rem,5vw,1.35rem)}.time-panel{border-radius:10px}.time-panel-badge{font-size:14px;top:9px;right:11px}}@media (max-height:640px) and (orientation:landscape){.clock-container{--mobile-panel-h:min(150px, calc(100vh - 160px));--mobile-panel-w:calc(var(--mobile-panel-h) * 1.14)}.clock-landscape{max-width:calc(100vw - 28px);overflow:hidden;gap:max(6px, calc(var(--mobile-panel-h) * .06))!important}.clock-landscape .flip-colon{font-size:calc(var(--mobile-panel-h) * .42)!important}.time-panel{width:var(--mobile-panel-w)!important;height:var(--mobile-panel-h)!important}.flip-card{width:calc(var(--mobile-panel-w) / 2)!important;height:var(--mobile-panel-h)!important}.flip-card-half{height:calc(var(--mobile-panel-h) / 2)!important}.flip-card-full-digit{width:calc(var(--mobile-panel-w) / 2)!important;height:var(--mobile-panel-h)!important}.flip-card-half-top .flip-card-full-digit{transform:translateY(0)!important}.flip-card-half-bottom .flip-card-full-digit{transform:translateY(calc(var(--mobile-panel-h) / -2))!important}.flip-card-digit{font-size:calc(var(--mobile-panel-h) * .68)!important}.clock-weather-wrap{margin-bottom:.25rem;font-size:.875rem}.clock-date-wrap{margin-bottom:.75rem}.clock-date-wrap>div{font-size:clamp(.95rem,4vw,1.5rem)}}