@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Roboto+Mono:wght@500;700&display=swap";:root{--bg-color: #0f1115;--text-color: #e0e0e0;--accent-color: #646cff;--panel-bg: rgba(255, 255, 255, .05);--border-color: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:radial-gradient(circle at center,#1a1c23,#000);color:var(--text-color);overflow:hidden;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.clock-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.5em;font-family:Roboto Mono,monospace;color:#e0e0e0;padding:0}.time-wrapper{display:flex;gap:.2em;align-items:center}.flip-clock{display:flex;gap:.2em;font-weight:700;line-height:1}.flip-card{position:relative;display:flex;flex-direction:column;width:1.5em;height:2em;background:#222;border-radius:.1em;box-shadow:0 .05em .1em #00000080;font-size:1em}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center}.top,.bottom{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background:#2a2a2a;color:#f0f0f0;display:flex;justify-content:center;align-items:center;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05)}.top{top:0;border-radius:.1em .1em 0 0;border-bottom:1px solid rgba(0,0,0,.5);align-items:flex-end}.bottom{bottom:0;border-radius:0 0 .1em .1em;border-top:1px solid rgba(255,255,255,.1);align-items:flex-start}.top span{transform:translateY(50%);font-size:1.2em;line-height:1}.bottom span{transform:translateY(-50%);font-size:1.2em;line-height:1}.colon{font-size:1.2em;padding-bottom:.2em;animation:blink 2s infinite;color:var(--text-color);line-height:1}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.day-display{font-family:Inter,sans-serif;font-size:.8em;font-weight:700;letter-spacing:.05em;color:#fff;text-transform:uppercase;margin-top:0;line-height:1;display:flex;align-items:center;height:2em}