.fliqlo-clock{display:flex;align-items:center;justify-content:center;gap:20px}.fliqlo-clock.compact{gap:10px}.fliqlo-card{position:relative;background:linear-gradient(180deg,#1c1c1c,#0a0a0a);border-radius:16px;padding:20px 30px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #0009,0 0 0 1px #ffffff0d,inset 0 -2px #0006;overflow:hidden}.fliqlo-card.compact{padding:12px 18px;border-radius:12px}.fliqlo-card:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#000c;box-shadow:0 1px #ffffff0d;z-index:10}.fliqlo-number{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:8rem;font-weight:700;line-height:1;letter-spacing:-.02em;position:relative;z-index:5}.fliqlo-card.compact .fliqlo-number{font-size:4rem}.fliqlo-clock[data-mode=business] .fliqlo-number{color:#f97316;text-shadow:0 0 40px rgba(249,115,22,.3)}.fliqlo-clock[data-mode=personal] .fliqlo-number{color:#10b981;text-shadow:0 0 40px rgba(16,185,129,.3)}.fliqlo-ampm{position:absolute;top:15px;left:15px;font-size:1rem;font-weight:600;letter-spacing:.05em;z-index:15}.fliqlo-card.compact .fliqlo-ampm{font-size:.7rem;top:10px;left:10px}.fliqlo-clock[data-mode=business] .fliqlo-ampm{color:#f9731699}.fliqlo-clock[data-mode=personal] .fliqlo-ampm{color:#10b98199}.fliqlo-separator{font-size:6rem;font-weight:300;opacity:.3}.fliqlo-clock.compact .fliqlo-separator{font-size:3rem}.fliqlo-clock[data-mode=business] .fliqlo-separator{color:#f97316}.fliqlo-clock[data-mode=personal] .fliqlo-separator{color:#10b981}@keyframes separatorBlink{0%,49%{opacity:.3}50%,to{opacity:.1}}.fliqlo-separator.blinking{animation:separatorBlink 1s infinite}.fliqlo-clock[data-mode=business] .fliqlo-card{box-shadow:0 20px 40px #0009,0 0 60px #f973161a,0 0 0 1px #f973161a,inset 0 -2px #0006}.fliqlo-clock[data-mode=personal] .fliqlo-card{box-shadow:0 20px 40px #0009,0 0 60px #10b9811a,0 0 0 1px #10b9811a,inset 0 -2px #0006}@keyframes flipIn{0%{transform:perspective(400px) rotateX(-90deg);opacity:0}to{transform:perspective(400px) rotateX(0);opacity:1}}.fliqlo-number.flip-in{animation:flipIn .4s ease-out}.fliqlo-card:before{content:"";position:absolute;left:10%;right:10%;bottom:5px;height:30%;background:linear-gradient(to top,rgba(255,255,255,.02),transparent);border-radius:0 0 10px 10px;z-index:1}.fliqlo-clock{max-width:100%;box-sizing:border-box}.fliqlo-clock.widget{gap:8px}.fliqlo-clock.widget .fliqlo-card{padding:8px 14px;border-radius:10px}.fliqlo-clock.widget .fliqlo-number{font-size:2.5rem}.fliqlo-clock.widget .fliqlo-separator{font-size:2rem}.fliqlo-clock.widget .fliqlo-ampm{font-size:.5rem;top:6px;left:8px}@media(max-width:1024px){.fliqlo-number{font-size:6rem}.fliqlo-separator{font-size:4.5rem}.fliqlo-card{padding:16px 24px}}@media(max-width:640px){.fliqlo-clock{gap:12px}.fliqlo-number{font-size:4rem}.fliqlo-separator{font-size:3rem}.fliqlo-card{padding:12px 18px;border-radius:12px}.fliqlo-ampm{font-size:.7rem;top:8px;left:10px}}@media(max-width:400px){.fliqlo-clock{gap:8px}.fliqlo-number{font-size:3rem}.fliqlo-separator{font-size:2.5rem}.fliqlo-card{padding:10px 14px;border-radius:10px}}