.flip-clock{font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.flip-clock__sep{color:var(--accent);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;padding:0 1px;font-size:18px;font-weight:700;line-height:1;animation:2.5s ease-in-out infinite flip-sep-pulse}@keyframes flip-sep-pulse{0%,to{opacity:1}50%{opacity:.4}}.flip-unit{background:var(--surface);border:1px solid var(--border);perspective:200px;border-radius:5px;width:18px;height:26px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000f}.flip-unit:after{content:"";background:var(--border);pointer-events:none;z-index:3;opacity:.5;height:1px;position:absolute;top:50%;left:0;right:0}.flip-card{font-family:var(--font-mono);color:var(--text-strong);background:var(--surface);backface-visibility:hidden;transform-origin:50%;will-change:transform, opacity;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.flip-card--static{transform:rotateX(0)}.flip-card--out{z-index:2;animation:.42s cubic-bezier(.45,.05,.55,.95) forwards flip-out}.flip-card--in{z-index:1;opacity:0;animation:.42s cubic-bezier(.45,.05,.55,.95) 60ms forwards flip-in;transform:rotateX(90deg)}@keyframes flip-out{0%{opacity:1;transform:rotateX(0)}60%{opacity:.6}to{opacity:0;transform:rotateX(-90deg)}}@keyframes flip-in{0%{opacity:0;transform:rotateX(90deg)}40%{opacity:.6}to{opacity:1;transform:rotateX(0)}}.shell-btn{transition:transform .16s cubic-bezier(.4,0,.2,1),box-shadow .16s,background-color .16s}.shell-btn:hover{transform:translateY(-1px)scale(1.06);box-shadow:0 4px 10px #0000001f}.shell-btn:active{transition-duration:80ms;transform:translateY(0)scale(.96);box-shadow:0 1px 2px #00000014}