.flip-clock{position:absolute;left:50%;bottom:22px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 18px 10px;transform:translate(-50%);border:1px solid var(--border);border-radius:14px;background:#060b1ab8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .35s ease,transform .35s ease;--flap-h: 46px;--flap-w: 33px;--flap-radius: 5px;--flap-dur: .26s;--flap-face: linear-gradient(180deg, #1b2b50 0%, #16233f 49%, #101a30 51%, #0c1425 100%);--flap-ink: #f2ece0}.flip-clock.hidden{opacity:0;transform:translate(-50%,14px);pointer-events:none}.flip-row{display:flex;align-items:center;gap:8px}.flip-date{--flap-h: 24px;--flap-w: 17px;--flap-radius: 3px;gap:10px}.flip-group{position:relative;display:flex;align-items:center;padding:3px 2px;border-radius:7px;outline:none}.flip-cards{display:flex;gap:3px}.flip-group.settable{cursor:ns-resize}.flip-group.settable:hover,.flip-group.settable:focus-visible{background:#78a5ff17;box-shadow:inset 0 0 0 1px #8cb9ff38}.flip-step{position:absolute;left:50%;min-width:0;margin:0;padding:1px 6px;border:none;border-radius:4px;background:none;color:var(--accent);font-size:8px;line-height:1;opacity:0;transform:translate(-50%);transition:opacity .14s ease;pointer-events:none}.flip-up{bottom:100%}.flip-down{top:100%}.flip-group.settable:hover .flip-step,.flip-group.settable:focus-visible .flip-step{opacity:.85;pointer-events:auto}.flip-step:hover{background:#78a5ff29;color:#dbe9ff}.flip-colon{padding-bottom:3px;color:var(--accent);font-size:22px;font-weight:600;line-height:1;opacity:.75}.flap{position:relative;width:var(--flap-w);height:var(--flap-h);perspective:190px;border-radius:var(--flap-radius);box-shadow:0 2px 5px #0000008c,0 0 0 1px #96beff12}.flap-wide{width:calc(var(--flap-w) * 1.02)}.flap:after{content:"";position:absolute;top:50%;left:0;right:0;z-index:6;height:1px;margin-top:-.5px;background:#0000009e;pointer-events:none}.flap-half{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:var(--flap-face);backface-visibility:hidden}.flap-half span{position:absolute;left:0;right:0;height:var(--flap-h);color:var(--flap-ink);font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;font-size:calc(var(--flap-h) * .66);font-weight:500;line-height:var(--flap-h);text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.45)}.flap-top{top:0;border-radius:var(--flap-radius) var(--flap-radius) 0 0;transform-origin:50% 100%}.flap-top span{top:0}.flap-bottom{bottom:0;border-radius:0 0 var(--flap-radius) var(--flap-radius);transform-origin:50% 0%}.flap-bottom span{bottom:0}.flap-leaf{z-index:4;visibility:hidden}.flap-fall{transform:rotateX(90deg)}.flap.flipping .flap-leaf{visibility:visible}.flap.flipping .flap-fold{animation:flap-fold calc(var(--flap-dur) * .5) ease-in both}.flap.flipping .flap-fall{animation:flap-fall calc(var(--flap-dur) * .5) ease-out calc(var(--flap-dur) * .5) both}@keyframes flap-fold{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flap-fall{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@media (prefers-reduced-motion: reduce){.flap.flipping .flap-fold,.flap.flipping .flap-fall{animation-duration:.01s;animation-delay:0s}}.flip-foot{display:flex;align-items:center;gap:10px;margin-top:1px}.flip-zone{color:var(--muted);font-size:9px;letter-spacing:.12em}.flip-now{margin:0;padding:2px 9px;border-radius:5px;font-size:9px;letter-spacing:.12em}@media (max-width: 720px){.flip-clock{--flap-h: 34px;--flap-w: 24px;bottom:12px}.flip-date{--flap-h: 18px;--flap-w: 13px}}.star-tip{position:absolute;top:0;left:0;z-index:3;min-width:148px;padding:9px 11px 8px;border:1px solid var(--border);border-radius:9px;background:#060b1ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 20px #00000073;opacity:0;transition:opacity .12s ease;pointer-events:none;will-change:transform}.star-tip.visible{opacity:1}.star-tip-title{color:var(--text);font-size:13px;letter-spacing:.01em}.star-tip-sub{margin-top:1px;color:var(--accent);font-size:10.5px;letter-spacing:.04em}.star-tip-sub.empty{display:none}.star-tip-rows{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:7px 0 0;padding-top:7px;border-top:1px solid var(--border);font-size:10.5px}.star-tip-rows dt{color:var(--muted)}.star-tip-rows dd{margin:0;color:var(--text);font-variant-numeric:tabular-nums;text-align:right}