*{margin:0;padding:0;box-sizing:border-box;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#242424;color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.clock{width:250px;height:250px;border:8px solid #ececec;border-radius:50%;position:relative;margin-bottom:2rem;background:#333;box-shadow:0 0 20px #00000080}.hand{position:absolute;bottom:50%;left:50%;transform-origin:bottom center;border-radius:4px;z-index:10}.hour{width:8px;height:70px;background:#fff;margin-left:-4px}.minute{width:4px;height:90px;background:#aaa;margin-left:-2px}.second{width:2px;height:100px;background:#ff4b4b;margin-left:-1px;z-index:11}.center-dot{width:12px;height:12px;background:#ff4b4b;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:12}.marker{position:absolute;top:0;left:50%;width:4px;height:100%;margin-left:-2px;pointer-events:none}.marker:after{content:"";position:absolute;top:10px;left:0;width:100%;height:15px;background:#666}