/* Isolated developer clock. Does not affect other site components. */
#dev-clock-v7 { position:fixed; bottom:72px; left:22px; z-index:1100; display:flex; align-items:center; gap:11px; padding:10px 15px; border:1px solid rgba(65,218,255,.38); border-radius:12px; background:rgba(5,13,30,.91); color:#dceeff; box-shadow:0 8px 32px rgba(0,0,0,.28),inset 0 0 16px rgba(31,180,245,.06); backdrop-filter:blur(12px); font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; pointer-events:none; }
#dev-clock-v7 .dc-dot { width:7px; height:7px; border-radius:50%; background:#52edc9; box-shadow:0 0 10px #52edc9; animation:dc-pulse 2s ease-in-out infinite; }
#dev-clock-v7 .dc-label { color:#6ddafa; font-weight:700; letter-spacing:1px; }
#dev-clock-v7 .dc-time { color:white; font-size:14px; font-weight:800; letter-spacing:1.2px; font-variant-numeric:tabular-nums; }
#dev-clock-v7 .dc-zone { color:#90a6bc; font-size:10px; }
@keyframes dc-pulse { 50% { opacity:.4; box-shadow:0 0 3px #52edc9; } }
@media(max-width:600px){ #dev-clock-v7 { left:12px; bottom:68px; padding:8px 10px; gap:7px; font-size:10px; } #dev-clock-v7 .dc-time { font-size:12px; } }
@media(prefers-reduced-motion:reduce) {#dev-clock-v7 .dc-dot {animation:none;}}